@charset "UTF-8";.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-container svg{object-fit:contain;display:block;flex-shrink:0}.stage{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--stage-workspace-background);background:radial-gradient(52.26% 70.49% at 49.53% 49.09%,var(--color-paper-dark) 0%,var(--color-paper) 100%);overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage__events-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--layer-events);overscroll-behavior:none;touch-action:pan-x pan-y}.stage__product-container{position:absolute;top:0;left:0;width:fit-content;height:fit-content;z-index:var(--layer-product-container)}.stage__product-container--sketch{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;flex-direction:column;overflow:hidden}.stage__product-container--sketch .stage__html-render{display:none}.stage__product-container--sketch .stage__canvas-layer{position:relative;width:100%;height:100%}.stage__html-render{position:relative;width:fit-content;height:fit-content;pointer-events:none}.stage__canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.stage__canvas-layer .canvas-layer__root{width:100%;height:100%}.stage__canvas-layer .canvas-layer__sketch-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.stage__canvas-layer .canvas-layer__sketch-viewport{width:100%;height:100%;max-width:100%;max-height:100%;touch-action:none;pointer-events:auto;user-select:none}.stage__canvas-layer.canvas-layer--sketch-active,.stage__canvas-layer.canvas-layer--sketch-active .canvas-layer__sketch-wrapper{pointer-events:auto}.stage__ui-helpers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--layer-ui-helpers)}.stage__ui-dedicated{position:absolute;top:76px;left:0;width:100%;height:100%;z-index:var(--layer-ui-dedicated)}.stage__ui-controls{background:radial-gradient(ellipse 64.73% 61% at 49.07% 30.15%,#fafaf900 66%,#fafaf9 124%);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.stage[data-mode=edit] .stage__html-render{pointer-events:none}.stage[data-mode=edit] .stage__events-layer{display:block}.stage[data-mode=run] .stage__html-render{pointer-events:auto}.stage[data-mode=run] .stage__events-layer{display:none}.stage.stage--ipad{touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-area-top, 0);padding-bottom:var(--safe-area-bottom, 0);padding-left:var(--safe-area-left, 0);padding-right:var(--safe-area-right, 0)}.stage.stage--ipad__events-layer{touch-action:pan-x pan-y;-webkit-touch-callout:none}.stage.stage--ipad__product-container{will-change:transform;transform-style:preserve-3d}.stage__html-render.render-theme--light{--color-surface: #ffffff;--color-text: #000000;--color-border: #e0e0e0;--color-surface--hover: #f5f5f5}.stage__html-render.render-theme--dark{--color-surface: #1a1a1a;--color-text: #ffffff;--color-border: #333333;--color-surface--hover: #2a2a2a}.stage__html-render .test-website{position:relative;width:max-content;min-width:300px;max-width:1200px;min-height:400px;background:var(--color-surface);border-radius:var(--border-radius-md);overflow:hidden}.stage__html-render .test-hero{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary--hover));color:#fff;text-align:center}.stage__html-render .test-hero h1{margin:0 0 var(--spacing-lg) 0;font-size:2.5rem;font-weight:600}.stage__html-render .test-cta-button{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);background:#fff;color:var(--color-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;transition:transform .15s ease}.stage__html-render .test-cta-button:hover{transform:translateY(-2px)}.stage__html-render .test-features{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.stage__html-render .test-feature-card{flex:1;padding:var(--spacing-lg);background:var(--color-surface--hover);border-radius:var(--border-radius-md);text-align:center}.stage__html-render .test-feature-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-primary)}.stage__html-render .test-feature-card p{margin:0;color:var(--color-text--muted);line-height:var(--line-height-normal)}.stage__html-render .test-footer{padding:var(--spacing-lg);background:var(--color-surface--hover);text-align:center;color:var(--color-text--muted);border-top:var(--border-width) solid var(--color-border)}.stage__html-render .test-footer p{margin:0 0 var(--spacing-sm) 0}.stage__html-render .test-footer .test-footer-links{display:flex;justify-content:center;gap:var(--spacing-md)}.stage__html-render .test-footer .test-footer-links a{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm)}.stage__html-render .test-footer .test-footer-links a:hover{text-decoration:underline}.stage__canvas-layer{--sketch-selection-color: rgba(14, 116, 144, .8);--sketch-selection-fill: rgba(14, 116, 144, .08);--sketch-selection-accent: rgba(14, 116, 144, .9);--sketch-selection-glow: rgba(14, 116, 144, .55);--sketch-selection-stroke-opacity: .55}.stage__canvas-layer .canvas-layer__sketch-selection{pointer-events:none}.stage__canvas-layer .canvas-layer__sketch-selection-path{fill:var(--sketch-selection-fill);stroke:var(--sketch-selection-color);stroke-width:1.5;stroke-dasharray:6 6}.stage__canvas-layer .canvas-layer__sketch-selection-bounds{fill:color-mix(in srgb,var(--sketch-selection-fill) 70%,transparent);stroke:var(--sketch-selection-color);stroke-width:1.5}.stage__canvas-layer .canvas-layer__sketch-selection-handle,.stage__canvas-layer .canvas-layer__sketch-selection-rotate{fill:#fff;stroke:var(--sketch-selection-color);stroke-width:1.5}.stage__canvas-layer .canvas-layer__sketch-stroke.is-selected{stroke:var(--sketch-selection-accent);stroke-opacity:var(--sketch-selection-stroke-opacity);filter:drop-shadow(0 0 4px var(--sketch-selection-glow))}.stage__canvas-layer .canvas-layer__sketch-selection-actions .icon-button{background:#ffffffe6}.stage__canvas-layer .canvas-layer__root{width:100%;height:100%;display:flex;position:relative}.stage__canvas-layer .canvas-layer__sketch-wrapper{flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-sm);pointer-events:none;gap:0}.stage__canvas-layer .canvas-layer__sketch-selection-actions{position:absolute;z-index:5;display:flex;gap:6px;padding:6px;border-radius:999px;background:#0f172a14;backdrop-filter:blur(6px);pointer-events:auto}.stage__canvas-layer .canvas-layer__sketch-viewport{width:100%;height:100%;max-width:100%;max-height:100%;background:var(--color-paper, #ffffff);border-radius:var(--border-radius-lg);box-shadow:0 12px 32px #0f172a29;touch-action:none;pointer-events:auto;user-select:none;isolation:isolate}.stage__canvas-layer .canvas-layer__sketch-root{width:100%;height:100%;pointer-events:none}.stage__canvas-layer .canvas-layer__sketch-strokes{pointer-events:none}.stage__canvas-layer .canvas-layer__sketch-stroke{pointer-events:none;stroke-linecap:round;stroke-linejoin:round}.stage__canvas-layer .canvas-layer__sketch-stroke--active{opacity:.6}.stage__canvas-layer .canvas-layer__sketch-eraser{stroke:#0f172a99;stroke-width:1.5;fill:#0f172a14}.stage__canvas-layer .canvas-layer__sketch-strokes--highlighter,.stage__canvas-layer .canvas-layer__sketch-stroke--highlighter{mix-blend-mode:multiply}.stage__canvas-layer.canvas-layer--sketch-active .canvas-layer__sketch-wrapper{pointer-events:auto}.stage__ui-helpers .ui-helpers__content{position:relative;width:100%;height:100%}.stage__ui-helpers .ui-helpers__boundary{position:absolute;border:1px solid grey;background:transparent;pointer-events:none;box-sizing:border-box;border-radius:var(--border-radius-md)}.stage__ui-helpers .ui-helpers__boundary .ui-helpers__boundary-label{position:absolute;top:-28px;left:0;color:#000;padding:4px 8px;font-size:12px;font-family:var(--font-family-mono);font-weight:600;border-radius:3px;white-space:nowrap}.stage__ui-helpers .ui-helpers__info{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#000000e6;color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono);pointer-events:none;z-index:1000;min-width:250px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.stage__ui-helpers .ui-helpers__info .hud-section{margin-bottom:var(--spacing-md)}.stage__ui-helpers .ui-helpers__info .hud-section:last-child{margin-bottom:0}.stage__ui-helpers .ui-helpers__info .hud-section h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#00d4ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,212,255,.3);padding-bottom:2px}.stage__ui-helpers .ui-helpers__info .hud-section p{margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);color:#ffffffe6}.stage__ui-helpers .ui-helpers__info .hud-section p:last-child{margin-bottom:0}.stage__ui-helpers .ui-helpers__grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ui-helpers__element-highlight{position:absolute;top:0;left:0;pointer-events:none;border:2px solid var(--color-highlight-border);box-sizing:border-box;display:none;user-select:none}.ui-helpers__element-highlight--debug{border-color:var(--color-debug, #ff6b6b);background-color:var(--color-debug-bg, rgba(255, 107, 107, .15))}.ui-helpers__element-highlight--debug:after{content:"HIGHLIGHT";position:absolute;top:-20px;left:0;font-size:10px;color:var(--color-debug, #ff6b6b);background:var(--color-surface, white);padding:2px 4px;border-radius:2px;white-space:nowrap}.ui-helpers__element-highlight--precise{border-width:1px;background-color:transparent}.ui-helpers__element-highlight--thick{border-width:var(--spacing-sm, 4px)}.info-hud{position:relative;width:100%;height:76px;display:flex;flex-direction:column;pointer-events:auto;background:var(--color-paper)}.info-hud .info{height:75px;display:flex;flex-direction:row;align-items:flex-end;gap:5px}.info-hud .info .logo{width:100px;height:38px;border-radius:var(--border-radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 0 5px}.info-hud .info .logo .logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;height:38px}.info-hud .info .logo .logo-icon svg{object-fit:contain;display:block;flex-shrink:0}.info-hud .info .logo .logo-icon svg{width:48px;height:48px}.info-hud .info .logo .logo-icon .icon-container{width:48px;height:38px}.info-hud .info .logo .logo-icon .icon-container svg{width:48px;height:38px;color:var(--color-text-dark)}.info-hud .info .logo .logo-fallback{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dark)}.info-hud .info .content{flex:1;height:100%;display:flex;flex-direction:row;align-items:center;height:38px;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:6px}.info-hud .info .content .info-left-side-container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);width:auto;min-width:0;order:1;transition:transform .18s ease;transform:translate(0)}.info-hud .info .content .zoom-container{width:86px;height:32px;flex-shrink:0}.info-hud .info .content .status-container{height:32px;flex-shrink:0;display:flex;align-items:center}.info-hud .info .content .content-main{width:auto;height:32px;display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-md);order:2}.info-hud .info .content .content-main:not(:empty){background:none;border-radius:0}.info-hud .info .content .content-main:empty{width:156px;background:var(--color-border);border-radius:var(--border-radius-sm)}.info-hud .info .content .helpers-container{width:auto;height:32px;flex-shrink:0;min-width:0;order:3;transition:transform .18s ease;transform:translate(0)}.info-hud .info .content .helpers-container:not(:empty){background:none;border-radius:0}.info-hud .info .content .helpers-container:empty{background:var(--color-border);border-radius:var(--border-radius-sm)}.info-hud .info .share-container{width:100px;height:32px;flex-shrink:0;padding-bottom:6px}.info-hud .limit-gradient{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 15%,var(--color-border) 85%,transparent 100%)}.info-hud.is-left-handed .info .content .info-left-side-container{order:3;justify-content:flex-end;transform:translate(12px);flex-direction:row-reverse}.info-hud.is-left-handed .info .content .helpers-container{order:1;transform:translate(-12px)}.info-hud.is-right-handed .info .content .info-left-side-container{justify-content:flex-start;transform:translate(0)}.info-hud.is-right-handed .info .content .helpers-container{transform:translate(0)}.flow-controls{border-radius:var(--container-border-radius);background:var(--container-background);display:flex;flex-direction:column;gap:var(--container-gap);padding:2px;width:44px;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;gap:6px}.flow-controls .flow-button{margin:0;width:44px;height:44px;flex-shrink:0}.undo-redo-controls{border-radius:var(--container-border-radius);background:var(--container-background);display:flex;flex-direction:column;gap:var(--container-gap);padding:2px;width:100%;height:36px;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;gap:0}.undo-redo-controls .undo-redo-button{margin:0;width:auto;height:36px;flex-shrink:0;flex:1 1 50%}.modifiers-controls{border-radius:var(--container-border-radius);background:var(--container-background);display:flex;flex-direction:column;gap:var(--container-gap);padding:21px 2px 2px;width:44px;flex-shrink:0;gap:33px;align-items:center;justify-content:center;overflow:hidden;opacity:.3;pointer-events:auto;touch-action:manipulation}.modifiers-controls .modifiers-button{margin:0;width:44px;height:44px;flex-shrink:0;pointer-events:auto;touch-action:manipulation;-webkit-touch-callout:none;user-select:none}.sidebar-controls{position:relative;width:80px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);padding-top:20px;padding-bottom:30px;padding-left:20px;pointer-events:none;touch-action:manipulation;background:linear-gradient(-90deg,rgb(from var(--color-paper) r g b/0) 0%,rgb(from var(--color-paper) r g b/.1) 20%,rgb(from var(--color-paper) r g b/.35) 40%,rgb(from var(--color-paper) r g b/.5) 60%,var(--color-paper) 100%)}.sidebar-controls .flow-container{width:44px;height:106px;flex-shrink:0;pointer-events:auto}.sidebar-controls .tools-container{flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--color-paper-dark);border-top:1px solid var(--color-paper-dark);pointer-events:none;gap:var(--spacing-sm)}.sidebar-controls .tools-container.second-level{width:76px}.sidebar-controls .tools-container .tools-controls-container{flex:1 1 auto;display:flex;pointer-events:auto}.sidebar-controls .tools-container .tools-controls{flex:1 1 auto}.sidebar-controls .tools-container .undo-redo-container{width:76px;height:44px;margin-top:auto;pointer-events:auto;margin-bottom:var(--spacing-sm)}.sidebar-controls .modifiers-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex-shrink:0;pointer-events:auto;touch-action:manipulation}.sidebar-controls .modifiers-container .modifiers-container-inner{width:44px}.sidebar-controls.is-left-handed{align-items:flex-end;padding-left:0;padding-right:20px;background:linear-gradient(90deg,rgb(from var(--color-paper) r g b/0) 0%,rgb(from var(--color-paper) r g b/.1) 20%,rgb(from var(--color-paper) r g b/.35) 40%,rgb(from var(--color-paper) r g b/.5) 60%,var(--color-paper) 100%)}.sidebar-controls.is-left-handed .tools-container{align-items:flex-end}.sidebar-controls.is-left-handed .tools-controls-container{justify-content:flex-end}.sidebar-controls.is-left-handed .modifiers-container{align-items:center}.sidebar-controls.is-right-handed{align-items:flex-start;padding-right:0;padding-left:20px}.sidebar-controls.is-right-handed .tools-container{align-items:flex-start}.sidebar-controls.is-right-handed .tools-controls-container{justify-content:flex-start}.llm-controls{border-radius:var(--container-border-radius);background:var(--container-background);display:flex;flex-direction:column;gap:var(--container-gap);padding:2px;width:44px;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden}.llm-controls .llm-button{margin:0;width:44px;height:44px;flex-shrink:0}.settings-controls{border-radius:var(--container-border-radius);background:var(--container-background);display:flex;flex-direction:column;gap:var(--container-gap);padding:2px;width:44px;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;gap:6px}.settings-controls .settings-button,.settings-controls .user-avatar{margin:0;width:32px!important;height:32px!important;flex-shrink:0}.dominant{position:relative;width:100px;height:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);padding-top:20px;padding-bottom:30px;padding-right:20px;justify-content:space-between;pointer-events:none;background:linear-gradient(90deg,rgb(from var(--color-paper) r g b/0) 0%,rgb(from var(--color-paper) r g b/.1) 30%,rgb(from var(--color-paper) r g b/.35) 50%,rgb(from var(--color-paper) r g b/.65) 70%,var(--color-paper) 100%)}.dominant .llm-container{width:44px;height:106px;flex-shrink:0;pointer-events:auto}.dominant .minimap{width:80px;flex-grow:1;flex-shrink:0;border-bottom:1px solid var(--color-paper-dark);border-top:1px solid var(--color-paper-dark);pointer-events:none}.dominant .settings-container{width:44px;flex-shrink:0;pointer-events:auto}.dominant.is-left-handed{align-items:flex-start;padding-right:0;padding-left:20px;background:linear-gradient(-90deg,rgb(from var(--color-paper) r g b/0) 0%,rgb(from var(--color-paper) r g b/.1) 30%,rgb(from var(--color-paper) r g b/.35) 50%,rgb(from var(--color-paper) r g b/.65) 70%,var(--color-paper) 100%)}.dominant.is-right-handed{align-items:flex-end;padding-left:0;padding-right:20px;background:linear-gradient(90deg,rgb(from var(--color-paper) r g b/0) 0%,rgb(from var(--color-paper) r g b/.1) 30%,rgb(from var(--color-paper) r g b/.35) 50%,rgb(from var(--color-paper) r g b/.65) 70%,var(--color-paper) 100%)}.bottom{position:relative;width:100%;height:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.bottom .project-page-gradient{background:linear-gradient(180deg,transparent 0%,var(--color-paper) 100%);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:180px;flex-shrink:0;padding-bottom:30px}.bottom .project-page-gradient .floating-panel{display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:22px;overflow:hidden;width:504px;pointer-events:auto}.bottom .project-page-gradient .floating-panel .project{padding-left:12px;height:44px;flex-shrink:0;border-right:1px solid var(--color-paper-dark);padding-right:12px;max-width:260px}.bottom .project-page-gradient .floating-panel .page-selector{height:44px;border-left:1px solid var(--color-paper-dark);background-color:var(--color-paper);padding-right:12px;flex-grow:1}.bottom .project-page-gradient .floating-panel .show-all-container{height:44px;width:44px;display:flex;align-items:center;justify-content:center}:root{--sketch-highlighter-yellow: #f7e35a;--sketch-highlighter-cyan: #5ad2f7;--sketch-highlighter-orange: #f7a55a;--sketch-highlighter-green: #6ceb7c;--sketch-highlighter-grey-1: #f4f4f4;--sketch-highlighter-grey-2: #cfcfcf;--sketch-highlighter-grey-3: #9a9a9a;--sketch-highlighter-grey-4: #6b6b6b}.sketch-tool-palette{pointer-events:auto;position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:calc(var(--spacing-sm) + 18px) var(--spacing-lg) var(--spacing-sm);background:#fafaf9eb;border-radius:var(--border-radius-xl);box-shadow:0 22px 40px #0f172a47;backdrop-filter:blur(18px)}.sketch-tool-palette__header{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding-right:32px}.sketch-tool-palette__tool-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0f172ab3}.sketch-tool-palette--highlighter .sketch-tool-palette__tool-label{color:#0f172ad9}.sketch-tool-palette__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#ffffffe6;color:#0f172acc;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;display:grid;place-items:center;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.sketch-tool-palette__close:is(:hover,:focus-visible){background:#fff;border-color:#94a3b899;box-shadow:0 6px 14px #0f172a1f}.sketch-tool-palette__group{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.sketch-tool-palette__colors,.sketch-tool-palette__widths{display:flex;align-items:center;gap:var(--spacing-sm)}.sketch-tool-palette__color{width:32px;height:32px;border-radius:999px;border:2px solid transparent;background:var(--sketch-tool-palette-color, #000);cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;box-shadow:0 4px 10px #0f172a2e}.sketch-tool-palette__color:is(:hover,:focus-visible){transform:translateY(-1px)}.sketch-tool-palette__color.is-selected{border-color:#0f172a73;box-shadow:0 6px 14px #0f172a42}.sketch-tool-palette__width{min-width:56px;height:34px;border:1px solid rgba(148,163,184,.4);border-radius:var(--border-radius-lg);background:#ffffffe6;cursor:pointer;padding:4px 12px;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.sketch-tool-palette__width:is(:hover,:focus-visible){background:#fffffff2}.sketch-tool-palette__width.is-selected{border-color:#0f172a73;box-shadow:0 6px 14px #0f172a2e}.sketch-tool-palette__width-indicator{display:block;width:32px;border-radius:999px;height:var(--sketch-tool-palette-width, 2px);background:#111827d9}.sketch-tool-palette--eraser .sketch-tool-palette__width-indicator{width:var(--sketch-tool-palette-width, 10px);height:var(--sketch-tool-palette-width, 10px);border-radius:50%;background:transparent;border:2px solid rgba(17,24,39,.6)}.stage__ui-controls{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:var(--safe-area-top, 0) var(--safe-area-right, 0) var(--safe-area-bottom, 0) var(--safe-area-left, 0);pointer-events:none;z-index:var(--layer-ui-controls);background:transparent}.ui-controls-layout{width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.ui-controls-layout .info-hud-container{flex-shrink:0;width:100%;pointer-events:auto}.ui-controls-layout .middle-area{flex:1;width:100%;display:flex;flex-direction:row;justify-content:space-between;pointer-events:none;z-index:10}.ui-controls-layout .middle-area .sidebar-container{flex-shrink:0;pointer-events:none;width:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.ui-controls-layout .middle-area .dominant-container{flex-shrink:0;pointer-events:none;width:100px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}.ui-controls-layout .bottom-container{flex-shrink:0;width:100%;pointer-events:none}.ui-controls-layout.is-left-handed .middle-area{flex-direction:row-reverse}.ui-controls-layout.is-left-handed .middle-area .sidebar-container{align-items:flex-end}.ui-controls-layout.is-left-handed .middle-area .dominant-container{align-items:flex-start}.icon{display:inline-block;color:var(--icon-color, currentColor);width:var(--icon-size, 24px);height:var(--icon-size, 24px);shape-rendering:geometricPrecision}.icon *{fill:currentColor}.icon *[fill=none]{fill:none}.icon *[stroke=none]{stroke:none}.icon[aria-hidden=true]{pointer-events:none}.icon--xs{--icon-size: 16px}.icon--sm{--icon-size: 20px}.icon--md{--icon-size: 24px}.icon--lg{--icon-size: 32px}.icon--xl{--icon-size: 40px}.icon--helpers{opacity:.7}@keyframes icon-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes icon-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.icon--animating-in{animation:icon-fade-in .15s ease-out}.icon--animating-out{animation:icon-fade-out .15s ease-in}.icon-button{border-radius:4px;background:transparent;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all .1s ease;min-height:44px;font-size:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--border-radius-sm);border:none;color:var(--color-dark);box-shadow:none;transition:all var(--transition-fast);touch-action:manipulation;-webkit-touch-callout:none}.icon-button:hover{background-color:var(--color-surface--hover);border-color:var(--color-border);box-shadow:none}.icon-button:active{background-color:var(--color-surface--active);transform:translateY(1px);box-shadow:none}.icon-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.icon-button .icon-container{display:flex;align-items:center;justify-content:center}.icon-button .icon-container svg{color:currentColor;transition:color var(--transition-fast)}.icon-button--24{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:calc(var(--border-radius-sm) * .5)}.icon-button--28{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:calc(var(--border-radius-sm) * .75)}.icon-button--30{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:calc(var(--border-radius-sm) * .8)}.icon-button--32{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:calc(var(--border-radius-sm) * .9)}.icon-button--44{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--border-radius-sm)}@media (hover: hover) and (pointer: fine){.icon-button:hover:not(:disabled):not(.icon-button--disabled):not(.touch-device){background:var(--color-surface--hover);border-color:var(--color-border);box-shadow:none;color:var(--color-text--hover)}}.icon-button:active:not(:disabled):not(.icon-button--disabled){background:var(--color-primary);border-color:var(--color-border--active)}.icon-button--selected{color:var(--color-black);background:var(--color-primary)}.icon-button--selected.icon-button--transparent-bg{background:transparent}@media (hover: hover){.icon-button--selected:hover:not(:disabled):not(.icon-button--disabled){color:var(--color-black);background:var(--color-primary)}.icon-button--selected:hover:not(:disabled):not(.icon-button--disabled).icon-button--transparent-bg{background:transparent}}.icon-button--rounded{border-radius:50%}.icon-button--transparent-bg{background:transparent}.icon-button:disabled,.icon-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-button:disabled:hover,.icon-button--disabled:hover{background:var(--color-surface);transform:none;box-shadow:none}.icon-button:focus-visible{outline:none;outline-offset:2px}.icon-button .icon-container{width:100%;height:100%}.icon-button .icon-container svg{width:100%;height:100%;flex-shrink:0}.dropdown-container{width:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex-shrink:0}.dropdown-container .dropdown-chevron{color:var(--color-text);flex-shrink:0;transition:all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.dropdown-container:hover:not(.touch-device) .dropdown-chevron{opacity:.7}}.dropdown-container.touch-device:hover .dropdown-chevron{opacity:1!important}.dropdown-container:active .dropdown-chevron{opacity:.5}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:500;line-height:1;flex-shrink:0;user-select:none;transition:all var(--transition-fast);border:2px solid var(--color-dark)}@media (hover: hover) and (pointer: fine){.avatar[style*="cursor: pointer"]:hover:not(.touch-device){opacity:.8;transform:scale(1.05)}}.avatar[style*="cursor: pointer"].touch-device:hover{opacity:1!important;transform:none!important}.avatar[style*="cursor: pointer"]:active{transform:scale(.95)}.avatar:focus-visible{outline:2px solid var(--color-dark);outline-offset:2px}.dropdown-item{display:flex;width:auto;height:44px;padding:0 8px 0 10px;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;transition:background-color .15s ease;user-select:none}@media (hover: hover) and (pointer: fine){.dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--color-surface--hover, rgba(0, 0, 0, .05))}}@media (hover: none){.dropdown-item:active:not(.dropdown-item--disabled){transition:none}}.dropdown-item--selected{background-color:var(--color-primary-light)}.dropdown-item--disabled{cursor:not-allowed;opacity:.5}.dropdown-item:focus{outline:2px solid var(--color-focus, #007bff);outline-offset:-2px}.dropdown-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-dark, #000);opacity:.3}.dropdown-item:not(.dropdown-item--has-icon) .dropdown-item__icon{display:none}.dropdown-item--selected .dropdown-item__icon{opacity:.7}.dropdown-item__label{flex-grow:1;overflow:hidden;color:var(--color-dark, #000);text-overflow:ellipsis;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.4}.dropdown-item--disabled .dropdown-item__label{color:var(--color-text--disabled, rgba(0, 0, 0, .3))}.dropdown-item__control{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.dropdown-item:not(.dropdown-item--has-control) .dropdown-item__control{display:none}@media (max-width: 768px){.dropdown-item{height:48px;padding:12px 10px}}@media (prefers-contrast: high){.dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--color-surface--hover, rgba(0, 0, 0, .15))}.dropdown-item--selected{background-color:var(--color-surface--selected, rgba(0, 123, 255, .3));border:1px solid var(--color-border, #000)}.dropdown-item__icon{opacity:.8}}@media (prefers-reduced-motion: reduce){.dropdown-item{transition:none}}.dropdown{display:flex;flex-direction:column;overflow-y:auto;min-width:200px}.dropdown>*:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-dark) 10%,transparent)}.dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-track{background:transparent}.dropdown::-webkit-scrollbar-thumb{background:var(--color-border, #c7c7c7);border-radius:3px}.dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-dark-grey, #949494)}.dropdown-check{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:transparent;font-size:12px;font-weight:600;color:var(--color-primary);transition:all .15s ease;box-sizing:border-box}.dropdown-check:empty{color:transparent;border:1px solid var(--color-medium-grey)}.dropdown-item--selected .dropdown-check{background:#000;border-color:var(--color-primary);color:#fff}@media (max-width: 768px){.dropdown{min-width:250px;max-width:90vw}}@media (prefers-contrast: high){.dropdown-check{border-width:2px}}@media (prefers-reduced-motion: reduce){.dropdown-check{transition:none}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:var(--font-weight-normal);color:var(--color-text);background:var(--color-surface);overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:none}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:var(--spacing-md);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.app-header .device-info{font-size:var(--font-size-sm);color:var(--color-text--muted)}.app-main{flex:1;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.sketch-container{flex:1;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.test-controls{width:200px;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.test-controls h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md)}.test-controls button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}.test-controls button:hover{background:var(--color-surface--hover)}.test-controls button:last-child{margin-bottom:0}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:background-color .15s ease}.nav-link:hover{background:var(--color-surface--hover);text-decoration:none}.stage-container{min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));display:flex;flex-direction:column;background:var(--stage-background)}.stage-header{padding:var(--spacing-md);background:var(--stage-header-background);border-bottom:var(--border-width) solid var(--stage-header-border);display:flex;justify-content:space-between;align-items:center;display:none}.stage-header h1{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.stage-workspace{position:relative;flex:1;height:100%;background:var(--stage-workspace-background);overflow:hidden;overscroll-behavior:none;touch-action:none}.placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text--muted);font-size:var(--font-size-lg)}.breakpoints{display:flex;flex-direction:row;align-items:center;gap:10px;width:auto}.breakpoints .breakpoints__button:not(.icon-button--selected){color:var(--color-medium-grey)}.breakpoints .breakpoints__button:not(.icon-button--selected) .icon-container svg{color:var(--color-medium-grey)}.breakpoints .breakpoints__button.icon-button--selected{color:var(--color-dark)}.breakpoints .breakpoints__button.icon-button--selected .icon-container svg{color:var(--color-dark)}@media (hover: hover){.breakpoints .breakpoints__button:not(.icon-button--selected):hover{color:var(--color-text)}.breakpoints .breakpoints__button:not(.icon-button--selected):hover .icon-container svg{color:var(--color-text)}}.breakpoints .breakpoints__button--fallback{width:30px;height:30px;border:none;border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-medium-grey);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.breakpoints .breakpoints__button--fallback:hover{background:var(--color-surface--hover);color:var(--color-text)}.breakpoints .breakpoints__button--fallback.breakpoints__button--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.themes{display:flex;flex-direction:row;align-items:center;gap:10px;width:auto}.themes .themes__button:not(.icon-button--selected){color:var(--color-medium-grey)}.themes .themes__button:not(.icon-button--selected) .icon-container svg{color:var(--color-medium-grey)}.themes .themes__button.icon-button--selected{color:var(--color-dark)}.themes .themes__button.icon-button--selected .icon-container svg{color:var(--color-dark)}@media (hover: hover){.themes .themes__button:not(.icon-button--selected):hover{color:var(--color-text)}.themes .themes__button:not(.icon-button--selected):hover .icon-container svg{color:var(--color-text)}}.languages{display:flex;flex-direction:row;align-items:center;gap:10px;width:auto}.languages .languages__button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:var(--color-medium-grey);text-align:right;font-size:12px;font-weight:400}.languages .languages__button.languages__button--selected{color:var(--color-dark)}@media (hover: hover){.languages .languages__button:not(.languages__button--selected):hover{color:var(--color-text)}}.content-main-container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.modal-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;pointer-events:auto;overscroll-behavior:contain}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.modal{position:relative;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;border-radius:10px;background:#fff;box-shadow:0 25px 30px #0003,0 0 1px #00000026,0 0 22px #00000029;outline:none;overflow:hidden;overscroll-behavior:contain}.modal-root{transition:opacity .2s ease}.modal-root[style*="display: none"]{opacity:0;pointer-events:none}.modal-root[style*="display: flex"]{opacity:1}.modal{transform:scale(1);transition:transform .2s ease}.modal-root[style*="display: none"] .modal{transform:scale(.95)}@media (prefers-contrast: high){.modal{border:1px solid var(--color-border, #000)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal{transition:none}}.zoom-modal{min-width:250px;max-width:300px}.zoom-controls{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);width:100%;height:100%}.zoom-controls .dropdown-container{width:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex-shrink:0}.zoom-controls .dropdown-container .dropdown-chevron{color:var(--color-text);flex-shrink:0;transition:all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.zoom-controls .dropdown-container:hover:not(.touch-device) .dropdown-chevron{opacity:.7}}.zoom-controls .dropdown-container.touch-device:hover .dropdown-chevron{opacity:1!important}.zoom-controls .dropdown-container:active .dropdown-chevron{opacity:.5}.zoom-controls .zoom-button{margin:0;width:32px;height:32px;flex-shrink:0;color:var(--color-dark)}.zoom-controls .zoom-percentage{color:var(--color-dark-grey);font-size:12px;font-weight:400;line-height:1;flex-shrink:0;user-select:none}.zoom-controls .zoom-percentage .zoom-percentage-unit{font-size:10px;font-weight:400;line-height:1}.status-hud{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;height:100%}.status-hud .status-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);color:var(--color-paper-subtle)}.status-hud .status-indicator svg{width:26px;height:26px;color:currentColor;transition:all var(--transition-fast)}.status-hud .status-indicator.status-indicator--active{opacity:1;color:var(--color-glow)}.status-hud .status-indicator.status-indicator--mic.status-indicator--active svg{color:var(--color-danger)}.status-hud .status-indicator.status-indicator--llm.status-indicator--active svg{color:var(--color-glow)}.status-hud .status-indicator.status-indicator--shift.status-indicator--active svg,.status-hud .status-indicator.status-indicator--alt.status-indicator--active svg{color:var(--color-primary)}.status-hud .status-indicator.status-indicator--annotate.status-indicator--active svg{color:var(--color-success)}.status-hud.status-hud--minimal .status-indicator:not(.status-indicator--active){display:none}.helpers-controls{flex-direction:row;height:100%;display:flex;align-items:center;justify-content:flex-end}.helpers-controls .helpers-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex:1;min-width:0}.helpers-controls .helpers-text{color:var(--color-dark-grey);font-size:10px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.5px;user-select:none;flex-shrink:0}.helpers-controls .helper-icon{margin:0;width:24px;height:24px;flex-shrink:0}.helpers-controls .helper-icon .icon-button{width:24px;height:24px;background:transparent;border:none;padding:0}.helpers-controls .helper-icon .icon-button .icon-container{width:24px;height:24px}.helpers-controls .helper-icon .icon-button .icon-container svg{width:24px;height:24px;color:var(--color-medium-grey)}@media (hover: hover) and (pointer: fine){.helpers-controls .helper-icon:hover:not(.touch-device) .icon-button .icon-container svg{opacity:.7}}.helpers-controls .helper-icon.touch-device:hover .icon-button .icon-container svg{opacity:1!important}.helpers-controls .helper-icon:active .icon-button .icon-container svg{opacity:.5}.helpers-controls .dropdown-container{width:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex-shrink:0}.helpers-controls .dropdown-container .dropdown-chevron{color:var(--color-text);flex-shrink:0;transition:all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.helpers-controls .dropdown-container:hover:not(.touch-device) .dropdown-chevron{opacity:.7}}.helpers-controls .dropdown-container.touch-device:hover .dropdown-chevron{opacity:1!important}.helpers-controls .dropdown-container:active .dropdown-chevron{opacity:.5}.share-container-component{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);background:transparent;height:32px;padding-right:26px;color:var(--color-medium-grey)}.share-container__handedness{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border, rgba(0, 0, 0, .12));background:rgb(from var(--color-paper) r g b/.85);color:var(--color-text, #111);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.share-container__handedness:hover{background:var(--color-paper);transform:translateY(-1px)}.share-container__handedness:active{transform:translateY(0)}.share-container__handedness[data-handedness=left]{color:var(--color-primary)}.share-container__handedness:disabled{opacity:.3;cursor:not-allowed}.tools-main-menu .icon-button.icon-button--selected,.tools-main-menu .icon-button.icon-button--selected:hover{background-color:var(--color-primary-light);color:var(--color-black)}.tools-sub-menu{display:flex;align-items:center;justify-content:flex-start;margin-left:-8px;gap:4px}.tools-sub-menu__title-group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px;gap:10px;color:var(--color-medium-grey);order:1;pointer-events:auto}.tools-sub-menu__title-icon{width:32px;height:32px}.tools-sub-menu__title{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:lowercase;border:none;background:transparent;font-size:20px;cursor:pointer}.tools-sub-menu__column{border-radius:var(--container-border-radius);background:var(--container-background);gap:var(--container-gap);width:44px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;padding:2px;border-radius:26px;order:2;pointer-events:auto}.tools-sub-menu__column .icon-button.icon-button--selected,.tools-sub-menu__column .icon-button.icon-button--selected:hover{background-color:var(--color-primary);color:var(--color-black)}.sidebar-controls.is-left-handed .tools-sub-menu{justify-content:flex-end;margin-left:0;margin-right:-8px}.sidebar-controls.is-left-handed .tools-sub-menu__title-group{order:2}.sidebar-controls.is-left-handed .tools-sub-menu__column{order:1}.sidebar-controls.is-left-handed .tools-sub-menu__title{transform:rotate(0)}.sidebar-controls.is-right-handed .tools-sub-menu{margin-right:0;margin-left:-8px}.sidebar-controls.is-right-handed .tools-sub-menu__title-group{order:1}.sidebar-controls.is-right-handed .tools-sub-menu__column{order:2}.sidebar-controls.is-right-handed .tools-sub-menu__title{transform:rotate(180deg)}.tools-controls{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;align-items:flex-start;justify-content:center;position:relative;pointer-events:none;flex:1 1 auto}.tools-controls .tools-main-menu{width:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:2px;border-radius:26px;background-color:var(--color-paper);pointer-events:auto}.tools-controls .tools-main-menu .mode-button{margin:0;width:44px;height:44px;flex-shrink:0}.tools-controls .tools-sub-menu{height:100%}.sidebar-controls.is-left-handed .tools-controls{align-items:flex-end}.sidebar-controls.is-right-handed .tools-controls{align-items:flex-start}.projects{display:flex;flex-direction:row;align-items:center;gap:8px;height:44px;min-width:130px;max-width:200px}.projects__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-dark-grey)}.projects__name{color:var(--color-black);font-size:14px;font-weight:400;font-family:var(--font-family-primary);line-height:var(--line-height-normal);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects__version{color:var(--color-dark-grey);font-family:var(--font-family-primary);font-size:10px;font-weight:400;text-transform:uppercase;padding:1px 6px;border-radius:4px;border:1px solid var(--color-medium-grey)}.projects__chevron{margin-left:auto;display:flex;align-items:center}.projects__chevron-container{display:flex;align-items:center}.projects__chevron-svg{color:var(--color-dark-grey)}.list-item{display:flex;flex-direction:row;align-items:center;height:44px;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);flex-shrink:0;cursor:pointer;outline:none;flex-grow:1}.list-item--selected{background:var(--color-primary-light)}.list-item--disabled{opacity:.6;cursor:not-allowed}.list-item__left{width:28px;height:28px;display:flex;align-items:center;justify-content:center;--icon-size: 24px;color:var(--color-dark);opacity:.5}.list-item__content{display:flex;flex-grow:1;min-width:0;overflow:hidden;gap:2px}.list-item__labels{display:flex;align-items:baseline;gap:6px}.list-item__primary{font-size:var(--font-size-md, 14px);color:var(--color-text, #111)}.list-item__secondary{font-size:var(--font-size-sm, 12px);color:var(--color-subtle-text, #666)}.list-item__badges{display:inline-flex;gap:6px}.list-item__badge{background:var(--color-surface-2, #f5f5f5);color:var(--color-subtle-text, #666);border-radius:999px;padding:2px 6px;font-size:11px}.list-item__right{display:inline-flex;align-items:center;gap:6px}.list-item__action{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all .1s ease;min-height:44px;padding:2px 4px;border-radius:4px}.list-item__action:hover{background-color:var(--color-surface--hover);border-color:var(--color-border);box-shadow:none}.list-item__action:active{background-color:var(--color-surface--active);transform:translateY(1px);box-shadow:none}.list-item__action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.list{display:flex;flex-direction:column;min-width:280px;max-width:600px;max-height:600px;overflow:hidden}.list__header{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);border-bottom:1px solid var(--color-border, #e5e5e5)}.list__search input[type=text]{width:100%;flex-grow:1;padding:6px 8px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:var(--color-surface-1, #fff);color:var(--color-text, #111)}.list__add{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all .1s ease;min-height:44px}.list__add:hover{background-color:var(--color-surface--hover);border-color:var(--color-border);box-shadow:none}.list__add:active{background-color:var(--color-surface--active);transform:translateY(1px);box-shadow:none}.list__add:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.list__items{display:flex;flex-direction:column;gap:4px;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.list__footer{padding:var(--spacing-sm, 8px);border-top:1px solid var(--color-border, #e5e5e5)}.projects-browser{display:flex;flex-direction:column;height:100%;max-height:400px;width:600px}.pages{display:flex;flex-direction:row;align-items:center;gap:8px;height:44px;min-width:130px;flex-grow:1;padding:0 10px;flex-shrink:0}.pages__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-medium-grey)}.pages__icon .icon{--icon-size: 20px}.pages__name{color:var(--color-black);font-size:14px;font-weight:400;font-family:var(--font-family-primary);line-height:var(--line-height-normal);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages__chevron{margin-left:auto;display:flex;align-items:center}.pages__chevron-container{display:flex;align-items:center}.pages__chevron-svg{color:var(--color-medium-grey)}.show-all{display:flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;transition:color .16s ease,opacity .16s ease}.show-all__button{display:flex;align-items:center;justify-content:center}.show-all__icon-button{transition:transform .16s ease,box-shadow .16s ease}.show-all__label{font-size:12px;line-height:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-400)}.show-all--active .show-all__icon-button{border-radius:0;background-color:var(--color-primary)}.show-all--active .show-all__label{color:var(--color-primary-600)}.pages-browser{display:flex;flex-direction:column;height:100%;max-height:400px;width:600px}.ui-dedicated-layer{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:80}.ui-dedicated-layer--visible{pointer-events:auto;opacity:1}.ui-dedicated-layer__inner{flex:1;display:flex;position:relative;background:linear-gradient(180deg,var(--color-paper) 0%,#f9fafb 100%);padding:0 100px;overflow-y:auto;flex-direction:column}.dedicated-placeholder{flex:1;display:none;flex-direction:column;padding:0 32px;min-height:0;height:100%;border-radius:0;box-shadow:0 32px 80px #0f172a1f;border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);gap:32px;overflow-y:auto}.dedicated-placeholder__header{display:flex;flex-direction:column;gap:12px;margin-top:32px}.dedicated-placeholder__title{font-size:28px;line-height:32px;margin:0;font-weight:700;color:var(--color-dark)}.dedicated-placeholder__subtitle{font-size:16px;line-height:22px;margin:0;color:var(--color-dark-grey);max-width:640px}.dedicated-placeholder__body{display:flex;flex-direction:column;gap:24px}.dedicated-placeholder__panel{padding:24px;border-radius:20px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08)}.dedicated-placeholder__text{font-size:15px;line-height:22px;color:var(--color-ink-500);margin-bottom:8px}.dedicated-placeholder__text:last-child{margin-bottom:0}.dedicated-placeholder--ds .dedicated-placeholder__panel{background:linear-gradient(135deg,#486def26,#74c6ff1a);border:1px solid rgba(72,109,239,.2)}.dedicated-placeholder--cms .dedicated-placeholder__panel{background:linear-gradient(135deg,#5cc99e2e,#30ae781f);border:1px solid rgba(48,174,120,.2)}.dedicated-placeholder--show-all .dedicated-placeholder__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%}.dedicated-placeholder--show-all .dedicated-placeholder__empty{display:none;width:100%;min-height:200px;align-items:center;justify-content:center;color:var(--color-ink-400);font-size:14px;border:1px dashed var(--color-ink-200);border-radius:16px;background-color:#00000005}.dedicated-placeholder--show-all .dedicated-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0f172a14;border:1px solid rgba(15,23,42,.08);transition:transform .16s ease,box-shadow .16s ease}.dedicated-placeholder--show-all .dedicated-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0f172a1f}.dedicated-placeholder--show-all .dedicated-card__preview{width:100%;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#0f172a14,#0f172a05);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#0f172a66}.dedicated-placeholder--show-all .dedicated-card__preview.dedicated-card__preview--image{background:none;padding:0}.dedicated-placeholder--show-all .dedicated-card__preview.dedicated-card__preview--image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.dedicated-placeholder--show-all .dedicated-card__name{font-size:14px;font-weight:600;color:var(--color-ink-500);text-align:center}:root{--color-dark: #4d4d4d;--color-dark-grey: #949494;--color-medium-grey: #c7c7c7;--color-light-grey: #f2f2f2;--color-primary: #ffbf80;--color-black: #111111;--color-paper: #fafaff;--color-paper-dark: #e8e6e3;--color-paper-medium: #f2f0ed;--color-paper-subtle: #e8e6e37d;--color-primary-light: rgba(255, 191, 128, .4);--color-primary-contrast: rgba(128, 255, 200, .4);--color-glow: #0bb2d0;--color-hud-glow: rgba(62, 232, 244, .5);--color-text: var(--color-black);--color-text--muted: var(--color-dark-grey);--color-text--secondary: var(--color-dark);--color-text--inverse: #ffffff;--color-surface: var(--color-paper);--color-surface--hover: var(--color-paper-medium);--color-surface--active: var(--color-paper-dark);--color-background: var(--color-light-grey);--color-border: var(--color-medium-grey);--color-border--subtle: var(--color-light-grey);--color-border--focus: var(--color-glow);--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--layer-base: 1;--layer-canvas: 10;--layer-ui: 20;--layer-overlay: 30;--layer-modal: 40;--layer-tooltip: 50;--layer-highlight: 25;--z-modal: 100;--color-overlay: rgba(0, 0, 0, .5);--color-focus: var(--color-glow);--color-surface--selected: rgba(0, 123, 255, .1);--color-text--disabled: rgba(0, 0, 0, .3);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-width: 1px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-xxl: 24px;--border-radius-full: 50%;--transition-fast: .05s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--canvas-background: var(--color-paper);--canvas-grid: var(--color-border--subtle);--canvas-stroke: var(--color-black);--canvas-cursor: crosshair;--touch-target-min: 44px;--layer-events: 50;--layer-ui-controls: 60;--layer-ui-dedicated: 55;--layer-ui-helpers: 40;--layer-product-container: 10;--grid-spacing: 20px;--grid-dot-size: 1px;--grid-color: var(--color-border--subtle);--selection-border: 2px solid var(--color-glow);--selection-handle-size: 8px;--selection-handle-color: var(--color-glow);--color-highlight: var(--color-primary-light);--color-highlight-border: var(--color-primary);--color-debug: #ff6b6b;--color-debug-bg: rgba(255, 107, 107, .15);--stage-background: var(--color-background);--stage-workspace-background: var(--color-paper);--stage-header-background: var(--color-surface);--stage-header-border: var(--color-border--subtle);--tool-button-size: 44px;--tool-button-border-radius: 8px;--tool-button-background: var(--color-surface);--tool-button-background--hover: var(--color-surface--hover);--tool-button-background--active: var(--color-surface--active);--tool-button-background--selected: var(--color-primary-light);--tool-button-border: var(--color-border--subtle);--tool-button-border--selected: var(--color-primary);--tool-button-shadow: 0 1px 3px rgba(0, 0, 0, .1);--tool-button-shadow--hover: 0 2px 6px rgba(0, 0, 0, .15);--size-indicator-dot: 4px;--size-indicator-spacing: 2px;--size-indicator-color: var(--color-dark-grey);--size-indicator-color--selected: var(--color-primary);--tool-icon-size: 24px;--tool-icon-color: var(--color-dark);--tool-icon-color--selected: var(--color-primary);--tool-icon-color--muted: var(--color-dark-grey);--container-border-radius: 22px;--container-background: var(--color-paper);--container-gap: 6px;--container-padding-vertical: 6px;--container-shadow--active: 0 0 1px 0 rgba(0, 0, 0, .1), 0 0 12px 0 rgba(0, 0, 0, .1)}.container--active{box-shadow:var(--container-shadow--active)}.dedicated-placeholder--sketches .dedicated-card__preview{background:repeating-linear-gradient(135deg,#0f172a14 0 8px,#0f172a08 8px 16px);border:1px dashed rgba(15,23,42,.25)}.dedicated-placeholder--sketches .dedicated-card__preview.dedicated-card__preview--image{border:none;background:none}.dedicated-placeholder--sketches .dedicated-card__preview.dedicated-card__preview--image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}