:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fafafa;--bg-surface:#fff;--bg-elevated:#f5f5f5;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#a3a3a3;--border:#e5e5e5;--accent:#0a0a0a;--accent-hover:#262626;--accent-muted:#f5f5f5;--danger:#dc2626;--canvas-bg:#f0f0f0;--grid-dot:#d4d4d4;--radius:0;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--toolbar-height:40px;--bp-tablet:1024px;--bp-mobile:768px;--bp-phone:480px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0a;--bg-surface:#111;--bg-elevated:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--border:#262626;--accent:#fafafa;--accent-hover:#e5e5e5;--accent-muted:#1a1a1a;--danger:#ef4444;--canvas-bg:#0a0a0a;--grid-dot:#262626}*,:before,:after{box-sizing:border-box;border-radius:0}html,body,#root{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.4}button,input,select{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--text-primary);outline-offset:0}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;flex-shrink:0;width:46px;height:32px;padding:0;position:relative}.theme-toggle__thumb{background:var(--bg-surface);border:1px solid var(--border);width:18px;height:24px;color:var(--text-primary);place-items:center;transition:transform .18s cubic-bezier(.2,0,0,1);display:grid;position:absolute;top:3px;left:3px}.theme-toggle--dark .theme-toggle__thumb{transform:translate(20px)}.theme-toggle:hover .theme-toggle__thumb{border-color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.theme-toggle__thumb{transition:none}}@media (pointer:coarse){.theme-toggle{width:52px;height:44px;min-height:44px}.theme-toggle__thumb{width:20px;height:34px;top:4px;left:4px}.theme-toggle--dark .theme-toggle__thumb{transform:translate(22px)}}.url-entry{min-height:100dvh;padding:1.5rem;padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative}.url-entry__theme{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));position:absolute}.url-entry__main{text-align:center;width:100%;max-width:520px}.url-entry__brand{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.url-entry__logo{color:var(--text-primary);flex-shrink:0}.url-entry__headline{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem;font-weight:500;line-height:1.25}.url-entry__preview{justify-content:center;align-items:flex-end;gap:.5rem;height:56px;margin:0 auto 1.5rem;display:flex}.url-entry__device{border:1px solid var(--border);background:var(--bg-surface);display:block}.url-entry__device--phone{width:20px;height:40px}.url-entry__device--tablet{width:32px;height:44px}.url-entry__device--desktop{width:56px;height:36px}.url-entry__form{margin-bottom:1.25rem}.url-entry__row{max-width:440px;margin:0 auto;display:flex}.url-entry__input{border:1px solid var(--border);background:var(--bg-surface);min-width:0;color:var(--text-primary);text-align:left;border-right:none;flex:1;padding:.75rem .875rem}.url-entry__input::placeholder{color:var(--text-muted)}.url-entry__submit{background:var(--text-primary);color:var(--bg-surface);border:1px solid var(--text-primary);cursor:pointer;white-space:nowrap;padding:.75rem 1.125rem;font-weight:500}.url-entry__submit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.url-entry__hint,.url-entry__error{text-align:center;max-width:440px;margin:.5rem auto 0;font-size:.75rem;line-height:1.45}.url-entry__hint{color:var(--text-muted)}.url-entry__error{color:var(--danger)}.url-entry__facts{color:var(--text-muted);justify-content:center;gap:0;margin:0;padding:0;font-size:.6875rem;list-style:none;display:flex}.url-entry__facts li{border-right:1px solid var(--border);padding:0 .75rem}.url-entry__facts li:last-child{border-right:none}@media (width<=767px){.url-entry{padding:1.25rem 1rem;padding-top:calc(2rem + env(safe-area-inset-top,0px));align-items:flex-start}.url-entry__headline{font-size:1.375rem}.url-entry__preview{margin-bottom:1.25rem}}@media (width<=480px){.url-entry__headline{font-size:1.25rem}.url-entry__row{flex-direction:column;max-width:none}.url-entry__input{border-right:1px solid var(--border);border-bottom:none}.url-entry__submit{width:100%;min-height:44px}.url-entry__facts{flex-direction:column;gap:.25rem}.url-entry__facts li{border-right:none;padding:0}}.device-preset-picker{flex:1;min-width:0;position:relative}.device-preset-picker__label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.6875rem;display:block;overflow:hidden}.device-preset-picker__trigger{width:100%;min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.6875rem;display:flex}.device-preset-picker__trigger:hover{color:var(--text-secondary)}.device-preset-picker__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-preset-picker__caret{color:var(--text-muted);flex-shrink:0;font-size:.625rem}.device-preset-picker--open .device-preset-picker__caret{color:var(--text-primary)}.device-preset-picker__menu{z-index:2000;background:var(--bg-surface);border:1px solid var(--border);width:min(220px,100vw - 2rem);max-height:280px;position:absolute;top:calc(100% + 1px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.device-preset-picker__menu--fixed{z-index:3000;position:fixed;top:auto;left:auto}.device-preset-picker__group:not(:last-child){border-bottom:1px solid var(--border)}.device-preset-picker__group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;padding:.375rem .5rem .25rem;font-size:.5625rem;font-weight:500}.device-preset-picker__option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.6875rem;display:flex}.device-preset-picker__option:hover{background:var(--bg-elevated)}.device-preset-picker__option--active{background:var(--text-primary);color:var(--bg-surface)}.device-preset-picker__option--active:hover{background:var(--accent-hover)}.device-preset-picker__size{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:.5625rem}.device-preset-picker__option--active .device-preset-picker__size{color:inherit;opacity:.75}.device-frame{background:var(--bg-surface);border:1px solid var(--border);cursor:default;position:absolute;overflow:visible}.device-frame--selected{border-color:var(--text-primary)}.device-frame--locked{opacity:.85}.device-frame__stage{position:relative;overflow:hidden}.device-frame__shell{box-sizing:border-box;position:absolute;top:0;left:0}.device-frame__shell--chrome{background:#111;box-shadow:inset 0 0 0 1px #ffffff24}.device-frame__viewport{background:#fff;position:relative;overflow:hidden}.device-frame__home{pointer-events:none;border:2px solid #ffffff61;border-radius:50%;width:34px;height:34px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.device-frame__cutouts{transform-origin:0 0;pointer-events:none;z-index:2;position:absolute;top:0;left:0}.device-frame__notch,.device-frame__island,.device-frame__punch{background:#0a0a0a;position:absolute;left:50%;transform:translate(-50%)}.device-frame__notch{border-radius:0 0 18px 18px;width:156px;height:32px;top:0}.device-frame__island{border-radius:18px;width:120px;height:36px;top:11px}.device-frame__punch{border-radius:50%;width:14px;height:14px;top:12px}.device-frame__hinge{background:linear-gradient(90deg,#0000,#00000047 40%,#ffffff59 50%,#00000047 60%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.device-frame__screen{pointer-events:none;position:absolute;overflow:hidden}.device-frame__iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:none;display:block;position:absolute;top:0;left:0}.device-frame__iframe--live{pointer-events:auto}.infinite-canvas--hand .device-frame__iframe{pointer-events:none}.device-frame__screen .iframe-error{pointer-events:auto}.device-frame__badge{z-index:2;background:var(--text-primary);color:var(--bg-surface);font-family:var(--font-mono);pointer-events:none;padding:.125rem .375rem;font-size:.5625rem;position:absolute;bottom:0;right:0}.device-frame__lock{z-index:3;font-family:var(--font-mono);background:var(--bg-surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.125rem .25rem;font-size:.5625rem;position:absolute;top:0;left:0}.device-frame__loading{pointer-events:none;background:var(--bg-primary);color:var(--text-muted);z-index:1;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.device-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.375rem;height:28px;padding:0 .375rem;display:flex}.device-toolbar__name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:400;overflow:hidden}.device-toolbar__actions{gap:0;display:flex}.device-toolbar__btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.device-toolbar__btn:hover{background:var(--bg-surface);color:var(--text-primary)}.device-toolbar__btn--danger:hover{background:var(--danger);color:#fff}.device-toolbar__btn--active{background:var(--text-primary);color:var(--bg-surface)}@media (pointer:coarse){.device-toolbar{height:36px}.device-toolbar__btn{min-width:36px;min-height:36px}}.iframe-error{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1.25rem;display:flex}.iframe-error__title{color:var(--text-primary);margin:0 0 .375rem;font-size:.8125rem;font-weight:500}.iframe-error__text{color:var(--text-muted);margin:0 0 .75rem;font-size:.75rem;line-height:1.5}.iframe-error__text code{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);padding:.0625rem .25rem;font-size:.6875rem}.iframe-error__tips{text-align:left;color:var(--text-muted);margin:0 0 .75rem;padding-left:1rem;font-size:.6875rem;line-height:1.6}.iframe-error__retry{background:var(--text-primary);color:var(--bg-surface);border:1px solid var(--text-primary);cursor:pointer;padding:.375rem .75rem;font-size:.75rem}.iframe-error__retry:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.device-moveable{pointer-events:none}.device-moveable .moveable-control{display:none!important}.device-moveable .moveable-line{pointer-events:auto;background:var(--text-primary)!important}.infinite-canvas{overscroll-behavior:none;touch-action:none;background:var(--canvas-bg);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.infinite-canvas--hand,.infinite-canvas--hand .infinite-canvas__wrapper{cursor:grab}.infinite-canvas--panning,.infinite-canvas--panning .infinite-canvas__wrapper{cursor:grabbing!important}.infinite-canvas--hand .device-frame{cursor:grab}.infinite-canvas--panning .device-frame{cursor:grabbing!important}.infinite-canvas__grid{--canvas-grid-size:24px;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-dot) 1px, transparent 1px), linear-gradient(90deg, var(--grid-dot) 1px, transparent 1px);background-size:var(--canvas-grid-size) var(--canvas-grid-size);background-position:0 0;position:absolute;inset:0}.infinite-canvas__wrapper{z-index:1;position:relative;width:100%!important;height:100%!important}.infinite-canvas__content{position:absolute;inset:0 auto auto 0}.canvas-surface{width:50000px;height:50000px;position:relative}.infinite-canvas__iframe-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.infinite-canvas__handles-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.device-library__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem;font-size:.6875rem;font-weight:500}.device-library__section{margin-bottom:1rem}.device-library__category{color:var(--text-muted);margin:0 0 .25rem;font-size:.6875rem;font-weight:500}.device-library__list{flex-direction:column;gap:0;display:flex}.device-library__item{border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.75rem;display:flex}.device-library__item:hover{background:var(--bg-elevated)}.device-library__item-name{font-weight:400}.device-library__item-size{font-family:var(--font-mono);color:var(--text-muted);font-size:.625rem}.device-library--compact .device-library__section{margin-bottom:.75rem}.device-library--compact .device-library__section:last-child{margin-bottom:0}.device-controls--compact .device-controls__title{display:none}.device-controls--compact.device-controls--empty{padding:.5rem 0}.device-controls--compact .device-controls__field{margin-bottom:.5rem}.device-controls--empty p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.device-controls__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem;font-size:.6875rem;font-weight:500}.device-controls__field{color:var(--text-muted);flex-direction:column;gap:.25rem;margin-bottom:.625rem;font-size:.6875rem;display:flex}.device-controls__field input,.device-controls__field select{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);padding:.375rem .5rem;font-size:.75rem}.device-controls__orientation{gap:0;display:flex}.device-controls__orientation select{flex:1;min-width:0}.device-controls__btn--orientation{border-left:none;flex:0 0 32px;width:32px}.device-controls__orientation .device-controls__btn--orientation{border:1px solid var(--border);border-left:none}.device-controls__row{gap:0;margin-bottom:.375rem;display:flex}.device-controls__btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-right:none;flex:1;padding:.375rem .5rem;font-size:.6875rem}.device-controls__row .device-controls__btn:last-child{border-right:1px solid var(--border)}.device-controls__btn:hover{background:var(--bg-elevated)}.device-controls__btn--active{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.device-controls__btn--active+.device-controls__btn{border-left-color:var(--text-primary)}@media (pointer:coarse){.device-controls__btn,.device-controls__field input,.device-controls__field select,.device-controls__btn--orientation{min-height:44px}}.floating-pile{bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:calc(1rem + env(safe-area-inset-left,0px));z-index:150;position:fixed}.floating-pile__dropdown{z-index:10001;width:min(300px, calc(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));background:var(--bg-surface);border:1px solid var(--border);flex-direction:column;max-height:min(70dvh,520px);display:flex;position:absolute;bottom:calc(100% + .75rem);left:0;box-shadow:0 12px 40px #00000026}[data-theme=dark] .floating-pile__dropdown{box-shadow:0 12px 40px #00000073}.floating-pile__tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.floating-pile__tab{border:none;border-right:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;flex:1;padding:.625rem .5rem;font-size:.6875rem;font-weight:500}.floating-pile__tab:last-child{border-right:none}.floating-pile__tab--active{background:var(--text-primary);color:var(--bg-surface)}.floating-pile__content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.75rem;overflow-y:auto}.floating-pile__trigger{border:1px solid var(--border);background:var(--bg-surface);width:52px;height:52px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 4px 16px #0000001f}.floating-pile__trigger:hover{background:var(--bg-elevated)}.floating-pile--open .floating-pile__trigger{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-surface)}.floating-pile__stack{pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.floating-pile--open .floating-pile__stack{opacity:0}.floating-pile__card{border:1px solid var(--border);background:var(--bg-elevated);position:absolute}.floating-pile__card--back{opacity:.5;width:14px;height:22px;top:17px;left:11px;transform:rotate(-8deg)}.floating-pile__card--mid{opacity:.75;width:18px;height:26px;top:13px;left:17px;transform:rotate(4deg)}.floating-pile__card--front{background:var(--bg-surface);width:22px;height:14px;top:20px;left:15px}.floating-pile__icon{z-index:1;opacity:0;font-size:1.25rem;font-weight:300;line-height:1;transition:opacity .15s;position:relative}.floating-pile--open .floating-pile__icon{opacity:1;font-size:1.5rem}.floating-pile:not(.floating-pile--open) .floating-pile__icon{opacity:0}@media (pointer:coarse){.floating-pile__trigger{width:56px;height:56px}.floating-pile__tab{min-height:44px}}@media (width>=1024px){.floating-pile__dropdown{width:320px;max-height:min(75dvh,640px)}}.top-toolbar{height:var(--toolbar-height);padding:0 .5rem;padding-left:calc(.5rem + env(safe-area-inset-left,0px));padding-right:calc(.5rem + env(safe-area-inset-right,0px));background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.top-toolbar__left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.top-toolbar__logo{letter-spacing:-.01em;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.4rem;padding:0;font-size:.8125rem;font-weight:500;display:inline-flex}.top-toolbar__logo:hover{color:var(--text-secondary)}.top-toolbar__url{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:200px;font-size:.6875rem;overflow:hidden}.top-toolbar__project{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:120px;padding:.125rem .375rem;font-size:.6875rem;overflow:hidden}.top-toolbar__center{flex-shrink:0;align-items:center;gap:0;display:flex}.top-toolbar__hand{border:1px solid var(--border);background:var(--bg-surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-right:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.top-toolbar__hand:hover{background:var(--bg-elevated);color:var(--text-primary)}.top-toolbar__hand--active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-surface)}.top-toolbar__hand--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg-surface)}.top-toolbar__zoom{border:1px solid var(--border);display:flex}.top-toolbar__zoom button{background:var(--bg-surface);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;padding:0;font-size:.8125rem;line-height:1}.top-toolbar__zoom button:nth-child(2){width:auto;min-width:44px;font-family:var(--font-mono);color:var(--text-secondary);padding:0 .375rem;font-size:.6875rem}.top-toolbar__zoom button:not(:last-child){border-right:1px solid var(--border)}.top-toolbar__zoom button:hover{background:var(--bg-elevated)}.top-toolbar__right{flex-shrink:0;align-items:center;gap:0;display:flex;position:relative}.top-toolbar__right--compact{display:none}.top-toolbar__btn{border:1px solid var(--border);background:var(--bg-surface);height:32px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-left:none;padding:0 .625rem;font-size:.75rem;font-weight:400}.top-toolbar__right--desktop>.top-toolbar__btn:first-child{border-left:1px solid var(--border)}.top-toolbar__right--desktop>.theme-toggle{margin-left:.5rem}.top-toolbar__btn:hover{background:var(--bg-elevated)}.top-toolbar__btn--icon{width:32px;font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;padding:0;font-size:.625rem;display:inline-flex}.top-toolbar__btn--pressed{background:var(--text-primary);color:var(--bg-surface)}.top-toolbar__btn--pressed:hover{background:var(--accent-hover);color:var(--bg-surface)}.top-toolbar__menu{border:1px solid var(--border);background:var(--bg-surface);width:36px;height:32px;color:var(--text-primary);cursor:pointer;padding:0;font-size:1rem;line-height:1}.top-toolbar__menu--open,.top-toolbar__menu:hover{background:var(--bg-elevated)}.top-toolbar__dropdown{z-index:200;background:var(--bg-surface);border:1px solid var(--border);min-width:160px;position:absolute;top:calc(100% + 4px);right:0}.top-toolbar__dropdown button:not(.theme-toggle){border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;padding:.625rem .75rem;font-size:.75rem;display:block}.top-toolbar__dropdown button:last-child{border-bottom:none}.top-toolbar__dropdown button:hover{background:var(--bg-elevated)}.top-toolbar__dropdown-theme{color:var(--text-primary);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}@media (width<=767px){.top-toolbar__url,.top-toolbar__project,.top-toolbar__right--desktop{display:none}.top-toolbar__right--compact{display:flex}}@media (width<=479px){.top-toolbar__logo{font-size:.75rem}}@media (pointer:coarse){.top-toolbar__hand,.top-toolbar__zoom button,.top-toolbar__btn,.top-toolbar__menu{min-width:44px;min-height:44px}.top-toolbar{height:auto;min-height:var(--toolbar-height);padding-top:.25rem;padding-bottom:.25rem}}.tour-guide{z-index:10000;pointer-events:auto;position:fixed;inset:0}.tour-guide--allow-panel{pointer-events:none}.tour-guide--allow-panel .tour-guide__card,.tour-guide--allow-panel .tour-guide__btn{pointer-events:auto}.tour-guide--interactive-target{pointer-events:none}.tour-guide--interactive-target .tour-guide__card{pointer-events:auto}.tour-guide__backdrop{background:#0000008c;position:fixed;inset:0}.tour-guide__spotlight{border:1px solid var(--text-primary);pointer-events:none;position:fixed;box-shadow:0 0 0 9999px #0000008c}.tour-guide--interactive-target .tour-guide__spotlight{pointer-events:auto}.tour-guide__card{z-index:1;background:var(--bg-surface);border:1px solid var(--border);width:min(300px,100vw - 2rem);padding:1rem;position:fixed;box-shadow:0 8px 32px #0003}.tour-guide__step{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .5rem;font-size:.625rem;font-weight:500}.tour-guide__title{color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:500}.tour-guide__body{color:var(--text-secondary);margin:0 0 1rem;font-size:.75rem;line-height:1.5}.tour-guide__actions{justify-content:flex-end;gap:0;display:flex}.tour-guide__btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-left:none;padding:.5rem .75rem;font-size:.75rem}.tour-guide__btn:first-child{border-left:1px solid var(--border)}.tour-guide__btn:hover{background:var(--bg-elevated)}.tour-guide__btn--next{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-surface)}.tour-guide__btn--next:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (pointer:coarse){.tour-guide__btn{min-height:44px;padding:.625rem 1rem}}.dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:400px;padding:1.25rem}.dialog--wide{max-width:480px}.dialog__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dialog__title{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:500}.dialog__close{border:1px solid var(--border);background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1}.dialog__close:hover{background:var(--bg-elevated)}.dialog__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.375rem;font-size:.6875rem;display:block}.dialog__input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;margin-bottom:1rem;padding:.5rem .625rem}.dialog__actions{justify-content:flex-end;gap:0;display:flex}.dialog__btn{cursor:pointer;border:1px solid var(--border);border-left:none;padding:.375rem .75rem;font-size:.75rem;font-weight:400}.dialog__btn:first-child{border-left:1px solid var(--border)}.dialog__btn--secondary{background:var(--bg-surface);color:var(--text-primary)}.dialog__btn--secondary:hover{background:var(--bg-elevated)}.dialog__btn--primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.dialog__btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.project-panel__empty{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.project-panel__list{border:1px solid var(--border);flex-direction:column;gap:0;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.project-panel__item{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .625rem;display:flex}.project-panel__item:last-child{border-bottom:none}.project-panel__info{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.project-panel__name{color:var(--text-primary);font-size:.75rem;font-weight:400}.project-panel__meta{font-family:var(--font-mono);color:var(--text-muted);font-size:.625rem}.project-panel__actions{flex-shrink:0;gap:0;display:flex}.project-panel__btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-left:none;padding:.25rem .5rem;font-size:.6875rem}.project-panel__actions .project-panel__btn:first-child{border-left:1px solid var(--border)}.project-panel__btn:hover{background:var(--bg-elevated)}.project-panel__btn--danger{color:var(--danger)}.project-panel__btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (width<=480px){.project-panel__item{flex-direction:column;align-items:stretch;gap:.5rem}.project-panel__actions{width:100%}.project-panel__actions .project-panel__btn{flex:1;min-height:40px;padding:.5rem}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell__body{flex:1;min-height:0;display:flex;position:relative}