:root{--ink:#161615;--ink-soft:#666661;--ink-faint:#91918a;--paper:#fff;--canvas:#e9e9e6;--surface:#fafaf8eb;--line:#1212111c;--line-strong:#12121133;--selection:#5d5ce2;--selection-soft:#5d5ce224;--shadow-control:0 10px 32px #1414121c, 0 1px 2px #14141214;--shadow-frame:0 18px 48px #1414121f, 0 2px 8px #14141214;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.14s;--duration-base:.24s;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:clip}body{-webkit-user-select:none;user-select:none}button,input,textarea,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,.canvas-surface:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.canvas-surface{touch-action:none;cursor:grab;background-color:var(--canvas);contain:strict;isolation:isolate;background-image:linear-gradient(#12121106 1px,#0000 1px),linear-gradient(90deg,#12121106 1px,#0000 1px),radial-gradient(circle,#12121121 .7px,#0000 .85px);background-position:-1px -1px,-1px -1px,0 0;background-size:80px 80px,80px 80px,16px 16px;width:100%;height:100%;position:relative;overflow:clip;transform:translateZ(0)}.canvas-surface[data-interaction=panning],.canvas-surface[data-interaction=moving-frame],.canvas-surface[data-interaction=creating],.canvas-surface[data-interaction=moving-node],.canvas-surface[data-interaction=resizing-node],.canvas-surface[data-interaction=rotating-node]{cursor:grabbing}.canvas-surface[data-interaction=creating]{cursor:crosshair}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.canvas-surface[data-interaction=panning] .canvas-world,.canvas-surface[data-interaction=zooming] .canvas-world,.canvas-surface[data-interaction=moving-frame] .canvas-world{will-change:transform}.canvas-frame{isolation:isolate;background:var(--paper);box-shadow:var(--shadow-frame);transform-origin:0 0;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #1414122e;border-radius:5px;position:absolute;top:0;left:0;overflow:visible;transform:translateZ(0)}.canvas-frame:after{z-index:5;content:"";pointer-events:none;transition:border-color var(--duration-fast) ease;border:2px solid #0000;border-radius:7px;position:absolute;inset:-3px}.canvas-frame[data-selected=true]{border-color:var(--selection);box-shadow:0 18px 52px #14141229, 0 0 0 1px var(--selection-soft)}.canvas-frame[data-selected=true]:after{border-color:var(--selection)}.canvas-frame[data-freeform=true]{box-shadow:none;background:0 0;border-color:#0000}.canvas-frame[data-freeform=true]:after,.canvas-frame[data-freeform=true] .device-screen:before{display:none}.canvas-frame[data-freeform=true] .frame-document,.canvas-frame[data-freeform=true] .frame-creation-layer,.canvas-frame[data-freeform=true] .frame-activation-layer,.canvas-frame[data-freeform=true] .device-screen,.canvas-frame[data-freeform=true] .device-screen-wrap{border-radius:0}.canvas-creation-outline{border:1px dashed var(--selection);background:var(--selection-soft);pointer-events:none;position:absolute}.canvas-shader-element{isolation:isolate;background:var(--paper);box-shadow:var(--shadow-frame);transform-origin:0 0;cursor:grab;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #1414122e;border-radius:12px;position:absolute;top:0;left:0;transform:translateZ(0)}.canvas-shader-element:active{cursor:grabbing}.canvas-shader-element.is-selected{border-color:var(--selection);box-shadow:0 18px 52px #14141229, 0 0 0 1px var(--selection-soft)}.shader-element-stage{background:#1414120a;border-radius:9px;position:absolute;inset:4px;overflow:hidden}.shader-element-mount{position:absolute;inset:0}.shader-element-loading{background:linear-gradient(100deg,#14141208 30%,#14141217 50%,#14141208 70%) 0 0/220% 100%;animation:1.4s ease-in-out infinite shader-shimmer;position:absolute;inset:0}.shader-element-unsupported{color:var(--ink-faint);align-content:center;place-items:center;gap:7px;font-size:11px;display:grid;position:absolute;inset:0}.shader-element-retry{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fafaf8d9;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;display:inline-flex}.shader-element-retry:hover{color:var(--ink);border-color:var(--line-strong)}.canvas-shader-element .shader-element-label{color:#fff;background:var(--ink);pointer-events:none;border-radius:5px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:-26px;left:6px}.canvas-shader-element .shader-element-delete{z-index:3;color:#fff;background:var(--ink);cursor:pointer;width:22px;height:22px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-24px;right:6px}.canvas-shader-element .shader-element-delete:hover{background:#b3261e;transform:scale(1.06)}.canvas-shader-element .shader-element-resize-handle{z-index:3;border:2px solid var(--selection);cursor:nwse-resize;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 4px #1414122e}.canvas-frame.device-frame{border-radius:var(--bezel-radius,24px);background:var(--paper);box-shadow:var(--shadow-frame);border:1px solid #14141224}.canvas-frame.device-frame:after{border-radius:calc(var(--bezel-radius,24px) + 3px);border-width:2px;inset:-3px}.canvas-frame.device-frame[data-selected=true]{border-color:var(--selection);box-shadow:0 18px 52px #14141229, 0 0 0 1px var(--selection-soft)}.device-screen-wrap{border-radius:inherit;isolation:isolate;content-visibility:auto;background:0 0;position:absolute;inset:0;overflow:hidden}.device-screen{background:inherit;border-radius:inherit;isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.canvas-frame.device-frame .frame-document,.canvas-frame.device-frame .frame-placeholder{background:inherit;border-radius:0}.device-screen:before{content:"";z-index:2;pointer-events:none;opacity:.6;background:linear-gradient(#0000000a,#0000);height:44px;position:absolute;top:0;left:0;right:0}.canvas-frame.device-frame[data-chrome=none] .device-screen:before,.canvas-frame.device-frame[data-category=desktop] .device-screen:before,.canvas-frame.device-frame[data-category=tablet] .device-screen:before{display:none}.device-cutout{z-index:6;pointer-events:none;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff14,0 2px 8px #0006}.device-notch{width:var(--notch-w,164px);height:var(--notch-h,30px);border-radius:0 0 16px 16px;justify-content:center;align-items:center;gap:8px;padding:0 12px 2px;display:flex}.device-notch-speaker{background:#1a1a1e;border-radius:999px;width:48px;height:5px;box-shadow:inset 0 1px 2px #000000a6,inset 0 -1px #ffffff0f}.device-notch-camera{background:radial-gradient(circle at 30% 30%,#2a2a3a 0%,#0a0a0a 55%,#000 100%);border:1px solid #1e1e22;border-radius:50%;width:10px;height:10px;margin-left:6px;box-shadow:inset 0 0 0 1px #ffffff0f}.device-dynamic-island{background:#000;border-radius:999px;justify-content:space-between;align-items:center;padding:0 10px 0 12px;display:flex;top:11px;box-shadow:inset 0 1px 1px #ffffff14,0 4px 14px #00000073}.device-island-camera{background:radial-gradient(circle at 28% 28%,#3a3a4e 0%,#0b0b12 45%,#000 72%);border:1px solid #1e1e28;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 1px #ffffff0d}.device-island-sensors{opacity:.95;background:radial-gradient(circle,#0f0f14 30%,#000 70%);border:1px solid #1a1a22;border-radius:50%;width:7px;height:7px;margin-right:2px;box-shadow:inset 0 1px 1px #ffffff0f}.device-punch-hole{background:#000;border-radius:50%;place-items:center;display:grid;top:11px;box-shadow:inset 0 1px 2px #ffffff14,inset 0 -1px 2px #0009,0 1px 3px #00000073}.device-punch-lens{background:radial-gradient(circle at 30% 30%,#3b3b5e 0%,#0a0a18 58%,#000 100%);border:1px solid #ffffff12;border-radius:50%;width:5px;height:5px;box-shadow:0 0 4px #5d5ce240}.device-home-indicator{opacity:.92;z-index:6;pointer-events:none;mix-blend-mode:difference;background:#fff;border-radius:999px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0006}.canvas-frame.device-frame[data-category=tablet] .device-home-indicator,.canvas-frame.device-frame[data-category=desktop] .device-home-indicator{display:none}.device-button{pointer-events:none;z-index:1;background:linear-gradient(90deg,#1e1e22,#2a2a2e);border:1px solid #0a0a0c;position:absolute}.device-button-power{background:linear-gradient(90deg,#1a1a1e,#25252a);border-radius:0 4px 4px 0;width:3px;height:72px;top:92px;right:-3px;box-shadow:inset 1px 0 #ffffff0f}.device-button-volume-up{background:linear-gradient(270deg,#1a1a1e,#25252a);border-radius:4px 0 0 4px;width:3px;height:36px;top:92px;left:-3px}.device-button-volume-down{background:linear-gradient(270deg,#1a1a1e,#25252a);border-radius:4px 0 0 4px;width:3px;height:36px;top:132px;left:-3px}.device-button-mute{background:linear-gradient(270deg,#1a1a1e,#25252a);border-radius:4px 0 0 4px;width:3px;height:22px;top:56px;left:-3px}.canvas-frame.device-frame[data-category=desktop] .device-button,.canvas-frame.device-frame[data-category=tablet] .device-button{display:none}.canvas-frame.device-frame .frame-label{bottom:calc(100% + 18px / var(--canvas-zoom,1))}.canvas-frame.device-frame .frame-creation-layer,.canvas-frame.device-frame .frame-activation-layer{border-radius:inherit}.frame-label{left:-1px;bottom:calc(100% + 11px / var(--canvas-zoom,1));z-index:7;scale:calc(1 / var(--canvas-zoom,1));transform-origin:0 100%;color:#171715a8;letter-spacing:-.012em;white-space:nowrap;cursor:grab;min-width:190px;height:26px;transition:color var(--duration-fast) ease;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 3px 0 1px;font-size:13px;font-weight:500;line-height:1;display:flex;position:absolute}.frame-label svg{opacity:0;transition:opacity var(--duration-fast) ease}.canvas-frame:hover .frame-label,.canvas-frame[data-selected=true] .frame-label{color:var(--ink)}.canvas-frame:hover .frame-label svg,.canvas-frame[data-selected=true] .frame-label svg{opacity:.56}.frame-label:active{cursor:grabbing}.frame-drag-ring{--ring-out:calc(9px / var(--canvas-zoom,1));--ring-in:var(--ring-out);inset:calc(0px - var(--ring-out));z-index:6;cursor:grab;touch-action:none;clip-path:polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--ring-in) var(--ring-in), var(--ring-in) calc(100% - var(--ring-in)), calc(100% - var(--ring-in)) calc(100% - var(--ring-in)), calc(100% - var(--ring-in)) var(--ring-in), var(--ring-in) var(--ring-in));position:absolute}.frame-drag-ring:active{cursor:grabbing}.frame-document,.frame-placeholder{background:inherit;border:0;border-radius:4px;width:100%;height:100%;display:block}.frame-document{pointer-events:auto;will-change:transform;transform:translateZ(0)}.frame-placeholder{color:#1717155c;background:linear-gradient(135deg, #ffffff85, transparent 55%), inherit;letter-spacing:-.02em;place-items:center;font-size:18px;display:grid;overflow:hidden}.frame-activation-layer{z-index:4;cursor:default;background:0 0;border:0;border-radius:4px;width:100%;height:100%;padding:0;position:absolute;inset:0}.frame-preview-site{z-index:8;color:#1717159e;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:28px;height:28px;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:#ffffffeb;border:1px solid #1414121f;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-2px);box-shadow:0 2px 8px #1414121f}.canvas-frame:hover .frame-preview-site,.canvas-frame[data-selected=true] .frame-preview-site,.frame-preview-site:focus-visible{opacity:1;transform:translateY(0)}.frame-preview-site:hover{color:var(--ink);border-color:var(--selection);background:#fff}.frame-preview-site:active{transform:translateY(0)scale(.94)}.frame-creation-layer{z-index:4;cursor:crosshair;touch-action:none;background:0 0;border-radius:4px;position:absolute;inset:0}.shape-preview{pointer-events:none;position:absolute;overflow:visible}.canvas-input-shield{z-index:40;cursor:grabbing;background:0 0;position:absolute;inset:0}.node-overlay-layer{z-index:30;pointer-events:none;width:1px;height:1px;position:absolute;inset:0 auto auto 0;overflow:visible}.canvas-comment-marker{z-index:34;color:#fff;cursor:pointer;transform-origin:8% 96%;width:28px;height:28px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);pointer-events:auto;background:linear-gradient(145deg,#f68a5f 0%,#e05a2b 100%);border:0;border-radius:50% 50% 50% 5px;justify-content:center;align-items:center;padding:0 3px 5px 0;animation:.26s cubic-bezier(.34,1.56,.64,1) comment-marker-in;display:flex;position:absolute;transform:translate(-2px,-27px);box-shadow:inset 0 1px #ffffff47,0 0 0 2px #ffffffeb,0 2px 4px #1414121a,0 10px 24px #1414123d}.canvas-comment-marker svg{filter:drop-shadow(0 1px 1px #1414122e);width:13px;height:13px;display:block}.canvas-comment-marker:hover{transform:translate(-2px,-27px)scale(1.08);box-shadow:inset 0 1px #ffffff47,0 0 0 2px #ffffffeb,0 3px 6px #1414121a,0 14px 32px #1414124d}.canvas-comment-marker:active{transform:translate(-2px,-27px)scale(.94)}.canvas-comment-marker[data-comment-status=resolved]{background:linear-gradient(145deg,#70c096 0%,#3f9166 100%)}.canvas-comment-marker[aria-expanded=true]{box-shadow:0 0 0 2px #fff,0 0 0 5px #e36b4240,0 6px 16px #1414122e}.canvas-comment-marker:focus-visible{outline:2px solid var(--selection);outline-offset:3px}@keyframes comment-marker-in{0%{opacity:0;transform:translate(-2px,-27px)scale(.4)}to{opacity:1;transform:translate(-2px,-27px)scale(1)}}.canvas-comment-popover{z-index:42;width:384px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);color:var(--ink);-webkit-backdrop-filter:blur(16px)saturate(160%);pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:auto;overscroll-behavior:contain;transform-origin:0 0;background:#fdfdfcc7;border:0;border-radius:12px;padding:10px;animation:.18s cubic-bezier(.16,1,.3,1) comment-popover-in;position:absolute;overflow:auto;box-shadow:0 0 0 1px #17161a14,inset 0 1px #ffffffe6,0 1px 2px #1414120f,0 4px 12px #1414120f,0 16px 32px #1414121a}.comment-header{align-items:center;gap:9px;padding:2px 2px 10px 6px;display:flex}.comment-heading-icon{color:var(--ink-soft);display:flex}.comment-heading{letter-spacing:-.015em;font-size:13px;font-weight:600}.comment-status{color:var(--ink-soft);background:#17161a0f;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.4}.comment-status[data-resolved=true]{color:#28704c;background:#edf7f0}.comment-icon-button{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin-left:auto;padding:0;display:grid}.comment-icon-button:hover{color:var(--ink);background:#17161a0f}.comment-composer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 2px 0;display:flex}.comment-shortcut{color:var(--ink-faint);align-items:center;gap:3px;font-size:10px;display:inline-flex}.comment-shortcut span{margin-left:3px}.comment-shortcut kbd{min-width:18px;height:18px;color:var(--ink-soft);font:inherit;background:#ffffffb3;border:1px solid #1212111f;border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 4px;display:grid}.comment-save-button{color:#fff;background:var(--ink);cursor:pointer;min-height:30px;transition:background var(--duration-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:6px 10px;font-size:11px;font-weight:500;display:inline-flex}.comment-save-button:hover:not(:disabled){background:#353532}.comment-save-button:disabled{color:#83837d;cursor:default;background:#17161a12}.comment-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding-top:8px;display:flex}.comment-footer .comment-hint{margin-top:0;padding:0}.comment-resolve-button{min-height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:11px;font-weight:500;display:inline-flex}.comment-resolve-button:hover:not(:disabled){color:#28704c;background:#edf7f0}.comment-resolve-button:disabled{opacity:.45;cursor:default}@keyframes comment-popover-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.canvas-comment-preview{z-index:40;max-width:280px;color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(160%);white-space:pre-wrap;word-break:break-word;pointer-events:none;transform-origin:0 0;background:#fdfdfceb;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.45;animation:.14s cubic-bezier(.16,1,.3,1) comment-popover-in;position:absolute;box-shadow:0 0 0 1px #17161a14,0 8px 24px #14141224}@media (prefers-reduced-motion:reduce){.canvas-comment-marker,.canvas-comment-popover,.canvas-comment-preview{animation-name:comment-popover-fade}}@keyframes comment-popover-fade{0%{opacity:0}to{opacity:1}}.comment-text-field{resize:vertical;field-sizing:content;width:100%;min-height:120px;max-height:60vh;color:var(--ink);letter-spacing:0;caret-color:var(--selection);scrollbar-width:thin;scrollbar-color:#1212112e transparent;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);-webkit-user-select:text;user-select:text;background:#ffffffe6;border:1px solid #12121114;border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.5;display:block;box-shadow:inset 0 1px 2px #14141208}.comment-text-field:hover{background:#fff;border-color:#12121129}.comment-text-field:focus{background:#fff;border-color:#5d5ce273;box-shadow:0 0 0 3px #5d5ce21f,inset 0 1px 2px #14141205}.comment-text-field::placeholder{color:var(--ink-faint)}.comment-text-field::selection{background:#5d5ce22e}.comment-hint{color:var(--ink-faint);-webkit-user-select:none;user-select:none;font-size:11px;line-height:1.4}.comment-feedback{color:var(--selection);margin-top:6px;padding:0 4px;font-size:12px;line-height:1.4}.comment-feedback-toast{z-index:76;border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-control);background:#fafaf8f5;border-radius:8px;padding:8px 10px;font-size:11px;position:fixed;bottom:22px;right:22px}.canvas-image-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.paste-feedback-toast{z-index:71;max-width:min(440px,100vw - 32px);color:var(--ink-soft);box-shadow:var(--shadow-control);background:#fafaf8f5;border:1px solid #5d5ce23d;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-size:11px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.paste-feedback-toast.is-error{color:#8c2b20;border-color:#b436284d}.creation-mode-status{z-index:71;max-width:min(440px,100vw - 32px);color:var(--ink-soft);box-shadow:var(--shadow-control);background:#fafaf8f5;border:1px solid #5d5ce23d;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-size:11px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.creation-mode-status strong{color:var(--ink);font-weight:600}.creation-mode-status.is-error{color:#8c2b20;border-color:#b436284d}.creation-mode-status button{min-height:26px;color:var(--selection);cursor:pointer;background:#5d5ce214;border:1px solid #5d5ce23d;border-radius:6px;padding:0 8px;font-size:10px}.left-sidebar,.right-properties-panel{z-index:70;color:var(--ink);pointer-events:auto;display:flex;position:absolute;top:72px;bottom:12px}.left-sidebar{left:12px}.right-properties-panel{justify-content:flex-end;right:12px}.sidebar-rail,.left-sidebar-panel,.right-properties-panel,.properties-panel-inner{border:1px solid var(--line);box-shadow:var(--shadow-control);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#f9f9f7f0}.sidebar-rail{border-radius:12px 0 0 12px;flex-direction:column;flex:0 0 48px;align-items:center;gap:5px;padding:9px 6px;display:flex}.is-collapsed .sidebar-rail{border-radius:12px}.sidebar-collapse-button,.sidebar-rail-tab,.sidebar-icon-button,.properties-collapse-button,.page-more-button,.layer-action-button,.layer-expand-button,.properties-resize-handle,.sidebar-resize-handle{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.sidebar-collapse-button,.sidebar-rail-tab{width:31px;height:31px;color:var(--ink-soft);border-radius:8px}.sidebar-collapse-button:hover,.sidebar-rail-tab:hover,.sidebar-rail-tab.is-active,.sidebar-icon-button:hover,.properties-collapse-button:hover{color:var(--ink);background:#1717150f}.sidebar-rail-tab.is-active{color:var(--selection);box-shadow:inset 0 0 0 1px #5d5ce21f}.sidebar-rail-divider{background:var(--line);width:24px;height:1px;margin:5px 0 4px}.left-sidebar-panel,.properties-panel-inner{border-radius:0 12px 12px 0;position:relative;overflow:hidden}.properties-panel-inner{border-radius:12px 0 0 12px;width:100%}.right-properties-panel.is-collapsed{width:48px!important}.properties-collapse-button{z-index:3;width:31px;height:31px;color:var(--ink-soft);border-radius:8px;position:absolute;top:9px;right:8px}.right-properties-panel.is-collapsed .properties-collapse-button{margin:9px;position:static}.sidebar-tabs{border-bottom:1px solid var(--line);align-items:center;gap:2px;height:43px;padding:7px 10px 0;display:flex}.sidebar-tab{height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px 7px 0 0;flex:1;padding:0 9px;font-size:11px;font-weight:600}.sidebar-tab.is-active{color:var(--ink);background:#17171512}.sidebar-panel-content{scrollbar-width:thin;height:calc(100% - 43px);padding:17px 13px 14px;overflow:auto}.sidebar-panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sidebar-eyebrow{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.sidebar-panel-heading h2{letter-spacing:-.04em;margin:0;font-size:18px}.sidebar-panel-copy{color:var(--ink-soft);margin:8px 0 15px;font-size:11px;line-height:1.45}.sidebar-icon-button{border:1px solid var(--line);width:28px;height:28px;color:var(--ink-soft);border-radius:7px}.sidebar-count{color:var(--ink-soft);white-space:nowrap;background:#1717150e;border-radius:99px;padding:4px 7px;font-size:10px;font-weight:600}.page-list{gap:5px;display:grid}.page-row{border:1px solid #0000;border-radius:9px;align-items:center;gap:3px;min-height:52px;padding:4px;display:flex}.page-row.is-active{background:#5d5ce214;border-color:#5d5ce238}.page-select-button{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:6px;display:flex}.page-icon{width:27px;height:27px;color:var(--selection);background:#5d5ce21a;border-radius:7px;flex:0 0 27px;place-items:center;display:grid}.page-copy{gap:3px;min-width:0;display:grid}.page-copy strong{min-width:0;font-size:12px;font-weight:600}.page-copy small{color:var(--ink-faint);font-size:10px}.sidebar-label-button{max-width:142px;font-size:inherit;font-weight:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:0;padding:0;overflow:hidden}.page-more-button{width:25px;height:25px;color:var(--ink-faint);border-radius:6px}.page-more-button:hover{color:var(--ink);background:#17171512}.sidebar-inline-input{border:1px solid var(--selection);background:var(--paper);border-radius:4px;outline:none;width:130px;padding:3px 5px;font-size:11px}.sidebar-footnote{border-top:1px solid var(--line);color:var(--ink-faint);align-items:center;gap:5px;margin-top:19px;padding-top:12px;font-size:10px;display:flex}.sidebar-footnote-dot{background:#55a878;border-radius:50%;width:5px;height:5px}.sidebar-search{border:1px solid var(--line);height:30px;color:var(--ink-faint);background:#ffffff8c;border-radius:7px;align-items:center;gap:7px;margin:14px 0 12px;padding:0 9px;display:flex}.sidebar-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.sidebar-search input::placeholder{color:var(--ink-faint)}.layer-frame-list{gap:14px;display:grid}.layer-frame-heading{color:var(--ink-soft);letter-spacing:.02em;align-items:center;gap:6px;margin:2px 4px 5px;font-size:10px;font-weight:600;display:flex}.layer-frame-heading small{color:var(--ink-faint);margin-left:auto;font-size:10px}.layer-row{min-height:30px;color:var(--ink-soft);border-radius:6px;align-items:center;display:flex}.layer-row:hover{color:var(--ink);background:#1717150e}.layer-row.is-selected{color:var(--selection);background:var(--selection-soft)}.layer-row.is-hovered{color:var(--selection);box-shadow:inset 2px 0 0 var(--selection);background:#5d5ce217}.layer-row.is-hidden{opacity:.52}.layer-expand-button{width:19px;height:23px;color:var(--ink-faint);flex:0 0 19px}.layer-expand-button:disabled{cursor:default}.layer-expand-spacer{width:13px;display:block}.layer-select-button{min-width:0;height:27px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0 3px;display:flex}.layer-kind-mark{opacity:.58;flex:0 0 17px;place-items:center;width:17px;height:17px;display:grid}.layer-row.is-selected .layer-kind-mark,.layer-row.is-hovered .layer-kind-mark{opacity:.85}.layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.layer-actions{opacity:0;align-items:center;gap:1px;padding-right:5px;display:flex}.layer-row:hover .layer-actions,.layer-row.is-selected .layer-actions{opacity:1}.layer-action-button{width:20px;height:20px;color:var(--ink-faint);border-radius:5px}.layer-action-button:hover{color:var(--ink);background:#17171514}.layer-action-button:disabled{opacity:.35;cursor:default}.layer-filter-empty{color:var(--ink-faint);padding:8px 10px;font-size:10px}.shader-element-list{gap:6px;margin-top:13px;display:grid}.shader-element-item{border:1px solid var(--line);background:#ffffff6b;border-radius:9px;min-width:0;overflow:hidden}.shader-element-item.is-selected{box-shadow:0 0 0 2px var(--selection-soft);border-color:#5d5ce259}.shader-element-head{align-items:center;gap:2px;padding:3px 5px 3px 3px;display:flex}.shader-element-toggle{min-width:0;height:26px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0 5px 0 2px;display:flex}.shader-element-toggle .shader-element-mark{color:var(--selection);opacity:.75;flex:none}.shader-element-thumb{object-fit:cover;border-radius:3px;flex:none;width:26px;height:17px;display:block}.shader-element-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.shader-element-toggle small{color:var(--ink-faint);flex:none;font-size:9.5px}.shader-element-head .layer-action-button{opacity:1}.shader-element-editor{border-top:1px solid var(--line);gap:7px;padding:9px 9px 10px;display:grid}.shader-element-editor.is-loading{background:linear-gradient(100deg,#17171508 40%,#17171512 50%,#17171508 60%) 0 0/200% 100%;min-height:42px;animation:1.4s ease-in-out infinite shader-shimmer}.shader-editor-hint{color:var(--ink-faint);font-size:10px}.shader-param{min-width:0;min-height:27px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.shader-param-label{text-overflow:ellipsis;white-space:nowrap;flex:0 0 78px;min-width:0;font-weight:500;overflow:hidden}.shader-param-controls{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.shader-slider{appearance:none;cursor:ew-resize;background:0 0;flex:1;min-width:0;height:20px;margin:0}.shader-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--selection) 0 var(--p,0%), #17171521 var(--p,0%));border-radius:2px;height:4px}.shader-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;transition:transform var(--duration-fast) var(--ease-out);background:#fff;border:1px solid #17171533;border-radius:50%;margin-top:-4.5px;box-shadow:0 1px 3px #14141238}.shader-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.shader-slider::-moz-range-track{background:#17171521;border-radius:2px;height:4px}.shader-slider::-moz-range-progress{background:var(--selection);border-radius:2px;height:4px}.shader-slider::-moz-range-thumb{background:#fff;border:1px solid #17171533;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #14141238}.shader-slider:focus-visible{outline:none}.shader-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--selection-soft)}.shader-param-number{border:1px solid var(--line);width:46px;height:26px;color:var(--ink);background:#ffffffa6;border-radius:7px;flex:0 0 46px;padding:0 5px;font-size:10px}.shader-param-text{border:1px solid var(--line);min-width:0;height:26px;color:var(--ink);background:#ffffffa6;border-radius:7px;flex:1;padding:0 8px;font-size:10px}.shader-param-number:focus-visible,.shader-param-text:focus-visible,.shader-select-wrap select:focus-visible{box-shadow:0 0 0 2px var(--selection-soft);border-color:#5d5ce2a6;outline:none}.shader-switch{appearance:none;cursor:pointer;background:#17171529;border:0;border-radius:9px;width:30px;height:18px;margin:0;transition:background-color .16s;position:relative}.shader-switch:after{content:"";width:14px;height:14px;transition:transform .16s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1414124d}.shader-switch:checked{background:var(--selection)}.shader-switch:checked:after{transform:translate(12px)}.shader-switch:focus-visible{box-shadow:0 0 0 2px var(--selection-soft);outline:none}.shader-select-wrap{flex:1;min-width:0;display:flex;position:relative}.shader-select-wrap select{appearance:none;border:1px solid var(--line);width:100%;height:26px;color:var(--ink);cursor:pointer;background:#ffffffa6;border-radius:7px;padding:0 20px 0 8px;font-size:10px}.shader-select-wrap svg{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.shader-param-section{gap:7px;min-width:0;display:grid}.shader-param-section+.shader-param-section{border-top:1px solid var(--line);margin-top:3px;padding-top:10px}.shader-param-group{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1px;font-size:9px;font-weight:600}.shader-param.shader-param-color{display:block}.shader-param-color .color-field{width:100%}.shader-param-color .color-field-label{text-overflow:ellipsis;white-space:nowrap;flex:0 0 78px;min-width:0;overflow:hidden}.shader-param.is-colors{align-items:flex-start}.shader-param.is-colors .shader-param-label{padding-top:7px}.shader-colors-row{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.shader-color-stop{display:inline-flex;position:relative}.shader-colors-row .shader-color-popover{left:auto;right:0}.shader-color-remove{width:13px;height:13px;color:var(--paper);background:var(--ink);opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.shader-color-stop:hover .shader-color-remove,.shader-color-remove:focus-visible{opacity:1}.shader-color-add{border:1px dashed var(--line-strong);width:20px;height:20px;color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid}.shader-color-add:hover{color:var(--ink);border-color:var(--ink-soft)}.shader-reset-button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#1717150a;border-radius:7px;justify-content:center;align-items:center;gap:5px;margin-top:5px;padding:6px 9px;font-size:10px;display:inline-flex}.shader-reset-button:hover{color:var(--ink);background:#17171512}.property-section .shader-element-editor{border-top:0;padding:0}.shader-inspector-delete{width:24px;height:24px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.shader-inspector-delete:hover{color:#b3261e;background:#b3261e14}.color-field{align-items:center;gap:7px;min-height:27px;display:flex;position:relative}.color-field-label{min-width:42px;color:var(--ink-soft);font-size:10px;font-weight:500}.color-swatch-button{border:1px solid var(--line-strong);cursor:pointer;width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out);background-color:#fff;background-image:linear-gradient(45deg,#16161514 25%,#0000 25% 75%,#16161514 75%),linear-gradient(45deg,#16161514 25%,#0000 25% 75%,#16161514 75%);background-position:0 0,4px 4px;background-size:8px 8px;background-clip:padding-box;border-radius:6px;flex:0 0 20px;padding:0;box-shadow:inset 0 1px #ffffff59}.color-swatch-button:hover{transform:scale(1.08)}.color-swatch-button:active{transform:scale(.96)}.color-field input{border:1px solid var(--line);min-width:0;height:26px;color:var(--ink);background:#ffffffb8;border-radius:7px;flex:1;padding:0 7px;font-size:11px}.color-field input:focus-visible{border-color:var(--selection);outline:none}.color-popover{z-index:30;border:1px solid var(--line-strong);box-shadow:var(--shadow-frame);background:#fafaf8f7;border-radius:12px;padding:9px;position:absolute;top:calc(100% + 6px);left:49px}.color-swatch-grid{grid-template-columns:repeat(6,20px);gap:6px;display:grid}.color-swatch{cursor:pointer;width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;border:1px solid #12121124;border-radius:6px;padding:0}.color-swatch-glass{color:var(--ink-soft);background-color:#f4f6fa8c;background-image:linear-gradient(135deg,#fffffff2 0%,#ffffff2e 46%,#b2c6de80 100%),linear-gradient(45deg,#16161512 25%,#0000 25% 75%,#16161512 75%),linear-gradient(45deg,#16161512 25%,#0000 25% 75%,#16161512 75%);background-position:0 0,0 0,4px 4px;background-size:auto,8px 8px,8px 8px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff4d}.color-swatch-glass svg{opacity:.75}.color-swatch:hover{z-index:1;transform:scale(1.14);box-shadow:0 2px 8px #14141238}.color-swatch.is-active{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--selection)}.sidebar-empty,.properties-empty{border:1px dashed var(--line-strong);color:var(--ink-soft);text-align:center;border-radius:11px;justify-items:center;gap:7px;margin:28px 9px;padding:20px 14px;display:grid}.sidebar-empty svg{color:var(--selection)}.sidebar-empty strong,.properties-empty strong{color:var(--ink);font-size:12px}.sidebar-empty span,.properties-empty span{font-size:10px;line-height:1.45}.assets-empty{text-align:center;justify-items:center;gap:8px;padding:28px 9px 20px;display:grid}.assets-empty-icon,.prototype-icon,.properties-empty-icon{width:40px;height:40px;color:var(--selection);background:var(--selection-soft);border-radius:12px;place-items:center;display:grid}.assets-empty strong{font-size:13px}.assets-empty p{color:var(--ink-soft);margin:0;font-size:10px;line-height:1.5}.asset-placeholder-button{border:1px solid var(--line);color:var(--ink-soft);background:#1717150a;border-radius:7px;align-items:center;gap:6px;margin-top:5px;padding:8px 10px;font-size:10px;display:inline-flex}.asset-placeholder-button small{color:var(--ink-faint)}.asset-preview-card{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.asset-preview-swatch{background:linear-gradient(135deg,#e9e9e6,#b9b9b2);border-radius:7px;width:29px;height:29px}.asset-preview-card span:last-child{gap:3px;display:grid}.asset-preview-card strong{font-size:11px}.asset-preview-card small{color:var(--ink-faint);font-size:10px}.properties-scroll{scrollbar-width:thin;height:100%;padding:17px 13px 18px;overflow:auto}.selection-summary,.prototype-intro{align-items:center;gap:9px;margin-bottom:14px;display:flex}.selection-summary-mark{width:29px;height:29px;color:var(--selection);background:var(--selection-soft);border-radius:8px;place-items:center;display:grid;overflow:hidden}.selection-summary-thumb{object-fit:cover;width:100%;height:100%;display:block}.selection-summary>span:last-child,.prototype-intro>span:last-child{gap:3px;min-width:0;display:grid}.selection-summary strong,.prototype-intro strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.selection-summary small,.prototype-intro small{color:var(--ink-faint);font-size:10px}.property-inspecting{color:var(--selection);background:var(--selection-soft);border-radius:7px;align-items:center;gap:6px;margin:-3px 0 12px;padding:7px 8px;font-size:10px;display:flex}.property-section{border-top:1px solid var(--line);padding:13px 0}.property-section:first-of-type{border-top:0}.property-section-title{color:var(--ink-soft);letter-spacing:.01em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:600;display:flex}.property-section-title span{align-items:center;gap:6px;display:flex}.property-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.property-grid-single{grid-template-columns:1fr}.property-field{min-width:0;min-height:27px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.property-input-wrap{border:1px solid var(--line);background:#ffffffa6;border-radius:6px;align-items:center;width:75%;min-width:0;height:26px;display:flex}.property-input-wrap:focus-within{box-shadow:0 0 0 2px var(--selection-soft);border-color:#5d5ce2a6}.property-input-wrap input{text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 6px;font-size:10px}.property-input-wrap small{color:var(--ink-faint);padding-right:5px;font-size:10px}.property-field.is-disabled{opacity:.45}.context-note{color:var(--ink-faint);background:#17171509;border-radius:8px;align-items:flex-start;gap:7px;padding:9px;font-size:10px;line-height:1.45;display:flex}.context-note-copy{color:var(--ink-soft);margin:0;font-size:10px;line-height:1.5}.prototype-card{border:1px solid var(--line);border-radius:9px;margin-top:10px;padding:11px}.prototype-card-heading{color:var(--ink-soft);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.prototype-status-dot{background:var(--ink-faint);border-radius:50%;width:7px;height:7px;margin-top:2px}.prototype-empty{color:var(--ink-faint);text-align:center;justify-items:center;gap:6px;padding:24px 8px 14px;display:grid}.prototype-empty svg{color:var(--selection)}.prototype-empty strong{color:var(--ink);font-size:11px}.prototype-empty span{font-size:10px;line-height:1.45}.sidebar-resize-handle,.properties-resize-handle{z-index:4;cursor:ew-resize;background:0 0;width:6px;position:absolute;top:0;bottom:0}.sidebar-resize-handle{right:-3px}.properties-resize-handle{left:-3px}.sidebar-resize-handle:hover,.properties-resize-handle:hover{background:#5d5ce259}@media (width<=900px){.left-sidebar{height:48px;top:70px;bottom:auto;left:8px;width:48px!important}.left-sidebar-panel{display:none}.right-properties-panel{max-height:min(62vh,560px);top:auto;bottom:82px;right:8px}.workspace-header{grid-template-columns:auto 1fr auto}.project-identity{justify-self:center}.project-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}}.node-hover-outline,.node-selection-outline,.node-selection-box{box-sizing:border-box;position:absolute}.node-hover-outline{pointer-events:none;border:1px solid #5d5ce294;border-radius:2px}.node-selection-outline{pointer-events:none;border:1px solid #5d5ce2b3;border-radius:2px}.node-selection-outline.is-locked{border-style:dashed;border-color:#17171561}.node-selection-box{border:1px solid var(--selection);cursor:grab;pointer-events:auto;background:0 0}.canvas-surface[data-interaction=moving-node] .node-selection-box,.canvas-surface[data-interaction=resizing-node] .node-selection-box{cursor:grabbing}.node-selection-box:focus-visible{outline:2px solid var(--selection);outline-offset:3px}.node-resize-handle,.node-rotation-handle{pointer-events:auto;background:0 0;border:none;padding:0;display:block;position:absolute}.node-resize-handle:before,.node-rotation-handle:before{content:"";width:var(--handle-visual);height:var(--handle-visual);border:var(--handle-border) solid var(--selection);background:var(--paper);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #14141233}.node-resize-handle{transform:translate(-50%, -50%) rotate(var(--unrotate,0deg));cursor:nwse-resize}.node-resize-handle-n,.node-resize-handle-s{cursor:ns-resize;left:50%}.node-resize-handle-e,.node-resize-handle-w{cursor:ew-resize;top:50%}.node-resize-handle-nw,.node-resize-handle-se{cursor:nwse-resize}.node-resize-handle-ne,.node-resize-handle-sw{cursor:nesw-resize}.node-resize-handle-nw{top:0;left:0}.node-resize-handle-n{top:0}.node-resize-handle-ne{transform:translate(50%, -50%) rotate(var(--unrotate,0deg));top:0;right:0}.node-resize-handle-e{transform:translate(50%, -50%) rotate(var(--unrotate,0deg));right:0}.node-resize-handle-se{transform:translate(50%, 50%) rotate(var(--unrotate,0deg));bottom:0;right:0}.node-resize-handle-s{transform:translate(-50%, 50%) rotate(var(--unrotate,0deg));bottom:0}.node-resize-handle-sw{transform:translate(-50%, 50%) rotate(var(--unrotate,0deg));bottom:0;left:0}.node-resize-handle-w{left:0}.node-rotation-handle{transform:translateX(-50%) rotate(var(--unrotate,0deg));cursor:grab;left:50%}.node-rotation-handle:active{cursor:grabbing}.alignment-guide{z-index:-1;pointer-events:none;border-style:dashed;border-color:#ff4d00b8;position:absolute}.alignment-guide-x{border-left-width:1px;top:-10000px;bottom:-10000px}.alignment-guide-y{border-top-width:1px;left:-10000px;right:-10000px}.workspace-header{z-index:60;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#f9f9f7db;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 10px 0 14px;display:grid;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 6px 24px #1414120e}.workspace-brand,.workspace-presence,.workspace-header-right,.workspace-project-actions,.project-identity,.sync-status{align-items:center;display:flex}.workspace-header-right{justify-content:flex-end;gap:7px;min-width:0;position:relative}.workspace-project-actions{gap:3px}.workspace-import-input{display:none}.workspace-file-button{border:1px solid var(--line);height:28px;color:var(--ink-soft);cursor:pointer;background:#ffffff85;border-radius:8px;padding:0 8px;font-size:10px;font-weight:500}.workspace-file-button:hover{color:var(--ink);border-color:var(--line-strong);background:#ffffffd1}.workspace-export-code-button{color:var(--ink);font-weight:600}.workspace-export-code-button:hover{color:var(--ink)}.workspace-feedback{border:1px solid var(--line);max-width:min(420px,100vw - 32px);color:var(--ink-soft);box-shadow:var(--shadow-control);background:#f9f9f7f5;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.35;position:absolute;top:calc(100% + 8px);right:0}.workspace-feedback-error{color:#8d3024;border-color:#ad3d2d52}.workspace-mark{width:17px;height:17px;display:inline-flex;position:relative}.workspace-mark span{border:1.5px solid var(--ink);border-radius:2px;width:10px;height:12px;position:absolute}.workspace-mark span:first-child{top:0;left:0}.workspace-mark span:last-child{background:#f9f9f7f2;bottom:0;right:0}.project-identity{color:var(--ink-soft);gap:9px;font-size:12px}.project-name{color:var(--ink);letter-spacing:-.015em;font-weight:500}.project-meta{border-left:1px solid var(--line-strong);color:var(--ink-faint);padding-left:9px}.workspace-presence{color:var(--ink-soft);justify-content:flex-end;gap:6px;font-size:11px}.sync-status{border:1px solid #0000;border-radius:8px;gap:5px;height:28px;padding:0 9px}.avatar{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;margin-left:3px;font-size:11px;font-weight:600;display:grid}.canvas-dock{z-index:70;border:1px solid var(--line);min-height:46px;box-shadow:var(--shadow-control);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#fafaf8f0;border-radius:12px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.canvas-dock button{height:36px;color:var(--ink-soft);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.canvas-dock button:hover{color:var(--ink);background:#1414120f}.canvas-dock button:active{transform:scale(.96)}.tool-group{align-items:center;gap:2px;display:flex}.shape-menu-control{display:flex;position:relative}.shape-menu-button{gap:1px}.shape-menu{border:1px solid var(--line);width:192px;animation:menu-in var(--duration-base) var(--ease-out) both;background:#fcfcfafa;border-radius:12px;padding:7px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 18px 55px #14141229,0 2px 8px #14141212}.canvas-dock .shape-menu-item{width:100%;height:32px;color:var(--ink-soft);justify-content:flex-start;gap:9px;padding:0 8px;font-size:11px}.canvas-dock .shape-menu-item.is-active{color:var(--ink);background:var(--selection-soft)}.shader-control{display:flex;position:relative}.shader-tool-button{gap:1px}.shader-menu{border:1px solid var(--line);transform-origin:bottom;width:min(600px,100vw - 48px);max-height:min(76vh,600px);animation:shader-menu-in var(--duration-base) var(--ease-out) both;background:#fcfcfafa;border-radius:14px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;box-shadow:0 24px 70px #1414122e,0 2px 8px #14141212}@keyframes shader-menu-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.shader-menu-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.shader-menu-header div{flex-direction:column;display:flex}.shader-menu-header strong{font-size:12.5px;font-weight:600}.shader-menu-header span{color:var(--ink-faint);margin-top:2px;font-size:10.5px}.shader-menu-toolbar{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.shader-menu-search{border:1px solid var(--line);height:30px;color:var(--ink-faint);cursor:text;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.shader-menu-search:focus-within{border-color:var(--selection);box-shadow:0 0 0 3px var(--selection-soft)}.shader-menu-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:11.5px}.shader-menu-search input::placeholder{color:var(--ink-faint)}.shader-menu-filters{flex-wrap:wrap;gap:4px;display:flex}.canvas-dock .shader-chip{border:1px solid var(--line);height:24px;color:var(--ink-soft);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#fff;border-radius:999px;padding:0 10px;font-size:10.5px;font-weight:500}.canvas-dock .shader-chip:hover{color:var(--ink);background:#1414120a}.canvas-dock .shader-chip.is-active{color:var(--selection);background:var(--selection-soft);border-color:#5d5ce261}.shader-menu-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:6px 14px 14px;overflow:hidden auto}.shader-menu-body::-webkit-scrollbar{width:8px}.shader-menu-body::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.shader-menu-section+.shader-menu-section{margin-top:12px}.shader-menu-group-label{color:var(--ink-faint);letter-spacing:.07em;text-transform:uppercase;align-items:baseline;gap:5px;padding:7px 2px 6px;font-size:9.5px;font-weight:600;display:flex}.shader-menu-group-label small{opacity:.75;font-size:9.5px}.shader-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.canvas-dock .shader-card{border:1px solid var(--line);text-align:left;height:auto;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;padding:0;position:relative;overflow:hidden}.canvas-dock .shader-card:hover{border-color:var(--selection);background:#fff;transform:translateY(-1px);box-shadow:0 8px 22px #1414121f}.canvas-dock .shader-card:active{background:#fff;transform:scale(.985)}.canvas-dock .shader-card:focus-visible{outline:2px solid var(--selection);outline-offset:1px}.shader-card-preview{aspect-ratio:16/10;background:linear-gradient(135deg,#5d5ce224,#f06a521f 55%,#fff0);border-radius:0;width:100%;position:relative;overflow:hidden}.shader-card-caption{align-items:center;gap:6px;width:100%;padding:6px 8px 7px;display:flex}.shader-card-name{min-width:0;color:var(--ink-soft);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10.5px;font-weight:500;overflow:hidden}.canvas-dock .shader-card:hover .shader-card-name{color:var(--ink)}.shader-card-plus{width:16px;height:16px;color:var(--selection);background:var(--selection-soft);opacity:0;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;transform:scale(.6)}.canvas-dock .shader-card:hover .shader-card-plus,.canvas-dock .shader-card:focus-visible .shader-card-plus{opacity:1;transform:scale(1)}.shader-menu-empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:34px 16px;display:flex}.shader-menu-empty strong{color:var(--ink-soft);font-size:11.5px;font-weight:600}.shader-menu-empty span{color:var(--ink-faint);font-size:10.5px}.shader-preview-mount,.shader-card-preview>*{position:absolute;inset:0}.shader-card-thumb{display:block}.shader-card-img{object-fit:cover;width:100%;height:100%;display:block}.shader-thumb-stage{position:absolute;inset:0}.shader-preview-mount{animation:.2s shader-live-in}@keyframes shader-live-in{0%{opacity:0}to{opacity:1}}.shader-preview-mount [data-paper-shader]{width:100%;height:100%}.shader-preview-loading{background:linear-gradient(100deg,#14141208 30%,#14141217 50%,#14141208 70%) 0 0/220% 100%;width:100%;height:100%;animation:1.4s ease-in-out infinite shader-shimmer;display:block}@keyframes shader-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.canvas-dock .tool-button{width:32px;color:var(--ink-soft);position:relative}.canvas-dock .tool-button.is-active{color:var(--ink);background:var(--selection-soft);box-shadow:inset 0 0 0 1px #5d5ce229}.canvas-dock .tool-button:disabled,.canvas-dock .dock-icon:disabled{color:var(--ink-faint);opacity:.42;cursor:not-allowed}.canvas-dock .tool-button:disabled:hover,.canvas-dock .dock-icon:disabled:hover{color:var(--ink-faint);background:0 0}.canvas-dock .dock-icon.is-active{color:var(--ink);background:var(--selection-soft);box-shadow:inset 0 0 0 1px #5d5ce229}.add-frame-control{position:relative}.frame-menu{overscroll-behavior:contain;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;transform-origin:0 100%;width:268px;max-height:min(70vh,560px);animation:menu-in var(--duration-base) var(--ease-out) both;background:#fcfcfafa;border-radius:12px;padding:7px;position:absolute;bottom:calc(100% + 12px);left:0;overflow:hidden auto;box-shadow:0 18px 55px #14141229,0 2px 8px #14141212}.frame-menu::-webkit-scrollbar{width:8px}.frame-menu::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}@keyframes menu-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.frame-menu-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:5px;padding:8px 8px 10px;display:flex}.frame-menu-heading div,.frame-preset>span:last-child,.frame-menu-category>span:nth-child(2){flex-direction:column;display:flex}.frame-menu-heading strong{font-size:12px;font-weight:600}.frame-menu-heading span{color:var(--ink-faint);margin-top:2px;font-size:10px}.frame-menu-group-label{color:var(--ink-faint);letter-spacing:.02em;padding:5px 8px 3px;font-size:10px;font-weight:500}.frame-menu-back{border-bottom:1px solid var(--line);width:100%;height:32px;color:var(--ink-faint);align-items:center;gap:5px;margin-bottom:4px;padding:0 8px;font-size:11px;font-weight:500;display:flex}.frame-menu-category-title{color:var(--ink);align-items:center;gap:6px;padding:8px 8px 5px;font-size:11px;font-weight:600;display:flex}.frame-menu-category-title small{color:var(--ink-faint);margin-left:auto;font-size:10px;font-weight:500}.canvas-dock .frame-menu-category{text-align:left;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;width:100%;height:52px;padding:0 8px;display:grid}.canvas-dock .frame-menu-category>svg{color:var(--ink-faint)}.canvas-dock .frame-menu-category:hover>svg{color:var(--ink);transform:translate(1px)}kbd{border:1px solid var(--line);min-width:20px;height:20px;color:var(--ink-faint);background:#ffffffb3;border-radius:5px;place-items:center;padding:0 5px;font-family:inherit;font-size:10px;display:inline-grid;box-shadow:0 1px #14141214}.canvas-dock .frame-preset{text-align:left;grid-template-columns:34px 1fr;gap:9px;width:100%;height:48px;padding:0 8px;display:grid}.frame-preset .preset-icon{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.frame-preset strong,.frame-menu-category strong{color:var(--ink);font-size:11px;font-weight:600}.frame-preset small,.frame-menu-category small{color:var(--ink-faint);margin-top:2px;font-size:10px}.dock-divider{background:var(--line);width:1px;height:22px;margin:0 3px}.shape-radius-control{height:36px;color:var(--ink-soft);background:0 0;border-radius:9px;align-items:center;gap:7px;padding:0 9px;display:flex}.shape-radius-control:hover{background:#1414120f}.shape-radius-label{letter-spacing:.02em;font-size:10px}.shape-radius-control input[type=range]{width:92px;height:14px;accent-color:var(--selection);cursor:pointer;margin:0}.shape-radius-value{min-width:20px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.property-radius-control{border:1px solid var(--line);background:#ffffffa6;border-radius:6px;height:32px;padding:0 8px}.property-radius-control:hover{border-color:var(--line-strong);background:#ffffffd9}.property-radius-control input[type=range]{flex:1;width:auto;min-width:0}.corner-radius-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fffffff0,#fafaf8e0),#ffffffb8;border:1px solid #12121113;border-radius:13px;gap:12px;padding:14px 14px 12px;display:grid;box-shadow:0 1px 2px #1414120f,0 8px 24px #1414120e}.corner-radius-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.corner-radius-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:700}.corner-radius-value-pill{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:baseline;gap:3px;min-width:62px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 10px #14141229,inset 0 1px #ffffff24}.corner-radius-value-pill small{letter-spacing:.04em;opacity:.72;text-transform:uppercase;font-size:10px;font-weight:600}.corner-radius-control-modern{align-items:center;gap:10px;display:flex}.corner-radius-step{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) ease, color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#ffffffeb;border:1px solid #1212111a;border-radius:10px;flex:0 0 34px;place-items:center;padding:0;display:grid;box-shadow:0 1px 2px #1414120f,0 4px 14px #1414120d}.corner-radius-step:hover{color:var(--ink);background:#fff;border-color:#12121129;transform:translateY(-1px);box-shadow:0 2px 8px #14141214,0 8px 20px #1414120f}.corner-radius-step:active{transform:scale(.96)}.corner-radius-step:disabled{opacity:.42;cursor:default;box-shadow:none;transform:none}.corner-radius-slider-wrap{background:#1717150f;border:1px solid #1212110e;border-radius:999px;flex:1;align-items:center;height:36px;padding:0 10px;display:flex;position:relative;box-shadow:inset 0 1px 2px #1414120a}.corner-radius-track{pointer-events:none;background:#1717151a;border-radius:999px;height:4px;position:absolute;left:12px;right:12px;overflow:hidden}.corner-radius-track-fill{height:100%;transition:width .14s var(--ease-out);background:linear-gradient(90deg,#1a1a19 0%,#5d5ce2 100%);border-radius:999px;box-shadow:0 1px 4px #5d5ce252}.corner-radius-slider-wrap input[type=range]{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:36px;margin:0;position:relative}.corner-radius-slider-wrap input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}.corner-radius-slider-wrap input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:999px;height:4px}.corner-radius-slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;border:1.8px solid var(--ink);width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#fff;border-radius:50%;margin-top:-8px;box-shadow:0 2px 8px #1414122e,0 1px 2px #1414121f}.corner-radius-slider-wrap input[type=range]::-moz-range-thumb{border:1.8px solid var(--ink);width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;background:#fff;border-radius:50%;box-shadow:0 2px 8px #1414122e,0 1px 2px #1414121f}.corner-radius-meta{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 2px;font-size:10px;font-weight:600;display:flex}.canvas-dock .dock-icon{width:34px}.canvas-help{z-index:50;color:#1717157a;pointer-events:none;white-space:nowrap;align-items:center;gap:13px;font-size:10px;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.canvas-help span{align-items:center;gap:5px;display:inline-flex}.canvas-help kbd{background:#f8f8f694}:is(.canvas-surface:has(.project-lake) .canvas-help,.canvas-surface:has(.empty-canvas-state) .canvas-help,.canvas-surface:has(.project-not-found) .canvas-help){display:none}@media (width<=760px){.workspace-header{grid-template-columns:1fr auto}.project-identity,.sync-status,.canvas-help{display:none}.workspace-header-right{gap:3px}.workspace-file-button{padding:0 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.canvas-world{will-change:auto}}.empty-canvas-state{z-index:8;color:var(--ink-soft);text-align:center;-webkit-user-select:text;user-select:text;align-content:center;justify-items:center;gap:12px;padding:96px 24px;display:grid;position:absolute;inset:0}.empty-canvas-eyebrow,.brief-frame-eyebrow{color:var(--ink-faint);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:600}.empty-canvas-state h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,38px);font-weight:600}.empty-canvas-state p{max-width:390px;margin:0 0 7px;font-size:13px;line-height:1.55}.empty-canvas-state button,.brief-add-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 5px 14px #1414121f}.empty-canvas-state button:hover,.brief-add-button:hover{background:#30302d}.agent-connection-panel{border:1px dashed var(--line-strong);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-control);text-align:left;border-radius:12px;gap:10px;margin-top:18px;padding:16px;display:grid}.agent-connection-note{color:var(--ink-faint);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.agent-connection-form{grid-template-columns:1fr 150px auto;align-items:end;gap:8px;display:grid}.agent-connection-label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:600;display:grid}.agent-connection-label input,.agent-connection-label select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:34px;color:var(--ink);border-radius:8px;padding:0 10px;font-family:inherit;font-size:12px}.agent-connection-label input:focus,.agent-connection-label select:focus{outline:2px solid var(--selection);outline-offset:1px;border-color:#0000}.agent-connection-form button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.agent-connection-form button:hover:not(:disabled){background:#30302d}.agent-connection-form button:disabled{opacity:.55;cursor:wait}.agent-connection-result{word-break:break-word;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45}.agent-connection-result-ok{color:#1e5e2e;background:#2ea0431f}.agent-connection-result-error{color:#8a2b2b;background:#c83c3c1a}.brief-frame{background:#fafaf8;overflow:visible}.brief-frame-label-kind{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500}.brief-frame-content{width:100%;height:100%;color:var(--ink);-webkit-user-select:text;user-select:text;padding:30px 26px 34px;overflow:auto}.brief-frame-header{border-bottom:1px solid var(--line);padding-bottom:20px}.brief-frame-header h2{letter-spacing:-.04em;margin:8px 0 9px;font-size:24px;font-weight:600}.brief-frame-header p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.brief-save-hint{color:var(--ink-faint);margin-top:13px;font-size:10px;line-height:1.45;display:block}.brief-frame-fields{gap:18px;padding-top:20px;display:grid}.brief-field{color:var(--ink-soft);-webkit-user-select:text;user-select:text;gap:7px;font-size:11px;display:grid}.brief-field-label{color:var(--ink);font-size:11px;font-weight:600}.brief-field textarea,.brief-field input,.brief-reference-new input,.brief-decision-new input,.brief-decision-new textarea{border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);resize:vertical;-webkit-user-select:text;user-select:text;background:#ffffffbd;border-radius:7px;outline:none;padding:8px 9px;font-size:11px;line-height:1.4}.brief-field textarea:focus,.brief-field input:focus,.brief-reference-new input:focus,.brief-decision-new input:focus,.brief-decision-new textarea:focus{box-shadow:0 0 0 2px var(--selection-soft);border-color:#5d5ce29e}.brief-list-items,.brief-reference-list,.brief-decision-list{gap:6px;display:grid}.brief-list-row,.brief-add-row{align-items:center;gap:6px;display:flex}.brief-list-row input{flex:1}.brief-icon-button{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 28px;place-items:center;padding:0;display:inline-grid}.brief-icon-button:hover{border-color:var(--line);color:#9c3d32;background:#9c3d320f}.brief-add-row input{flex:1}.brief-add-button{border-color:var(--line-strong);min-height:29px;color:var(--ink-soft);box-shadow:none;background:#1717150b;padding:0 9px;font-size:10px}.brief-add-button:hover{color:var(--ink);background:#17171517}.brief-reference-card,.brief-decision-card{border:1px solid var(--line);background:#ffffff75;border-radius:8px;gap:6px;padding:9px;display:grid}.brief-reference-card-header,.brief-decision-card-header{min-height:24px;color:var(--ink-soft);align-items:center;font-size:10px;font-weight:600;display:flex}.brief-reference-card-header .brief-icon-button,.brief-decision-card-header .brief-icon-button{margin-left:auto}.brief-reference-card a{width:fit-content;color:var(--selection);align-items:center;gap:4px;font-size:10px;text-decoration:none;display:inline-flex}.brief-reference-card a:hover{text-decoration:underline}.brief-reference-new,.brief-decision-new{border-top:1px dashed var(--line);gap:6px;margin-top:4px;padding-top:8px;display:grid}.brief-field-error{color:#9c3d32;font-size:10px;line-height:1.35}@media (width<=760px){.brief-frame-content{padding:24px 20px 28px}.empty-canvas-state{padding-inline:20px}}.project-lake,.figma-lake{z-index:9;animation:lake-in .22s var(--ease-out) both;background:#f4f4f1;flex-direction:column;display:flex;position:absolute;inset:60px 0 0;overflow:hidden}.project-lake.is-overlay.figma-lake{border:1px solid #12121117;border-radius:12px;inset:72px 12px 12px;overflow:hidden;box-shadow:0 20px 48px #1414121a,0 1px 3px #14141212}@keyframes lake-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.figma-lake-topbar{background:#fff;border-bottom:1px solid #12121114;justify-content:space-between;align-items:center;gap:16px;height:56px;min-height:56px;padding:0 24px;display:flex}.figma-lake-topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.figma-lake-logo{width:17px;height:17px;display:inline-flex;position:relative}.figma-lake-logo span{border:1.5px solid var(--ink);border-radius:2px;width:10px;height:12px;position:absolute}.figma-lake-logo span:first-child{top:0;left:0}.figma-lake-logo span:last-child{background:#fff;bottom:0;right:0}.figma-lake-heading{align-items:baseline;gap:10px;min-width:0;display:flex}.figma-lake-heading h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:15px;font-weight:600;line-height:1}.figma-lake-heading span{color:#91918a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.figma-close{height:32px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e7e7e2;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.figma-close:hover{background:#f4f4f1;border-color:#d0d0ca}.project-canvas-badge{color:#666661;white-space:nowrap;background:#fff;border:1px solid #e7e7e2;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.blank-chooser-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px)saturate(1.1);animation:blank-chooser-in .18s var(--ease-out) both;background:#12121157;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes blank-chooser-in{0%{opacity:0}to{opacity:1}}.blank-chooser-card{background:#fff;border:1px solid #e7e7e2;border-radius:18px;width:100%;max-width:440px;animation:.22s cubic-bezier(.16,1,.3,1) both blank-chooser-card-in;position:relative;overflow:hidden;box-shadow:0 20px 52px #1414122e,0 2px 10px #1414121a}@keyframes blank-chooser-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.blank-chooser-close{color:#666661;cursor:pointer;background:#f4f4f1;border:1px solid #e7e7e2;border-radius:999px;place-items:center;width:30px;height:30px;transition:all .14s;display:grid;position:absolute;top:12px;right:12px}.blank-chooser-close:hover{color:var(--ink);background:#fff;border-color:#d0d0ca}.blank-chooser-eyebrow{color:#91918a;letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.blank-chooser-header h3{letter-spacing:-.03em;color:#161615;margin:0;font-size:18px;font-weight:650;line-height:1.15}.blank-chooser-header p{color:#666661;max-width:360px;margin:6px 0 0;font-size:12px;line-height:1.45}.blank-chooser-options{background:#fbfbfa;gap:8px;padding:16px;display:grid}.blank-chooser-option{text-align:left;cursor:pointer;width:100%;min-height:64px;transition:border-color .14s ease, box-shadow .14s ease, transform .14s var(--ease-out);background:#fff;border:1px solid #e7e7e2;border-radius:12px;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;padding:12px;display:grid;position:relative;overflow:hidden}.blank-chooser-option:hover{border-color:#161615;transform:translateY(-1px);box-shadow:0 4px 16px #14141214,0 1px 3px #1414120f}.blank-chooser-option:active{transform:translateY(0)scale(.99)}.blank-chooser-option:focus-visible{outline-offset:2px;outline:2px solid #5d5ce2}.blank-chooser-option-icon{border:1px solid;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.blank-chooser-option-copy{gap:2px;min-width:0;display:grid}.blank-chooser-option-copy strong{color:#161615;letter-spacing:-.015em;font-size:13px;font-weight:650;line-height:1.15}.blank-chooser-option-copy small{color:#161615;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.25;overflow:hidden}.blank-chooser-option-copy em{color:#91918a;font-size:11px;font-style:normal;line-height:1.25}.blank-chooser-option-arrow{color:#666661;background:#f4f4f1;border:1px solid #e7e7e2;border-radius:999px;place-items:center;width:28px;height:28px;transition:all .14s;display:grid}.blank-chooser-option:hover .blank-chooser-option-arrow{color:#fff;background:#161615;border-color:#161615;transform:rotate(90deg)}.blank-chooser-foot{color:#91918a;background:#fff;border-top:1px solid #efefea;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;display:flex}.blank-chooser-foot code{background:#f4f4f1;border:1px solid #e7e7e2;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.blank-chooser-cancel{color:#666661;cursor:pointer;background:#fff;border:1px solid #e7e7e2;border-radius:999px;height:30px;padding:0 12px;font-size:12px;font-weight:550}.blank-chooser-cancel:hover{color:#161615;border-color:#d0d0ca}.figma-lake-topbar-right{align-items:center;gap:12px;display:flex}.figma-search{color:#91918a;background:#f4f4f1;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:300px;height:32px;padding:0 10px;transition:all .12s;display:flex;position:relative}.figma-search:focus-within{border-color:var(--selection);color:var(--ink);background:#fff;box-shadow:0 0 0 3px #5d5ce224}.figma-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px;font-weight:400}.figma-search input::placeholder{color:#91918a}.figma-search-shortcut{color:#91918a;background:#fff;border:1px solid #e7e7e2;border-radius:5px;align-items:center;height:20px;padding:0 6px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.figma-search-clear{color:#666661;cursor:pointer;background:#e7e7e2;border:0;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.figma-search-clear:hover{color:var(--ink);background:#ddd}.figma-view-toggle{background:#f4f4f1;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.figma-view-toggle button{color:#91918a;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.figma-view-toggle button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014}.figma-tabs{scrollbar-width:none;background:#fff;border-bottom:1px solid #e7e7e2;align-items:center;gap:4px;height:44px;padding:0 24px;display:flex;overflow-x:auto}.figma-tabs::-webkit-scrollbar{display:none}.figma-tab{color:#666661;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:44px;margin-bottom:-1px;padding:0 12px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex;position:relative}.figma-tab span{color:#666661;background:#f4f4f1;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.figma-tab:hover{color:var(--ink)}.figma-tab.is-active{color:var(--ink);border-bottom-color:var(--ink)}.figma-tab.is-active span{background:var(--ink);color:#fff}.figma-sort-wrap{position:relative}.figma-sort-menu{min-width:160px;top:calc(100% + 6px)}.figma-menu-check{width:16px;color:var(--selection);justify-content:center;display:inline-flex}.figma-sort-button{color:#666661;cursor:pointer;white-space:nowrap;background:#f4f4f1;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.figma-sort-button:hover{color:var(--ink)}.figma-sort-button.is-active{color:var(--ink);background:#fff;border-color:#e7e7e2;box-shadow:0 1px 2px #0000000f}.figma-empty-clear{height:30px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e7e7e2;border-radius:999px;margin-top:6px;padding:0 14px;font-size:12px;font-weight:600}.figma-empty-clear:hover{background:#fbfbfa;border-color:#d0d0ca}.figma-empty-clear:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.figma-file-grid.is-list{grid-template-columns:1fr;gap:8px}.figma-file-card.is-list-row{flex-direction:row;align-items:center;height:64px;padding:0}.figma-file-card.is-list-row .figma-file-thumb{border-bottom:0;border-right:1px solid #efefea;border-radius:0;flex:0 0 88px;width:88px;height:100%}.figma-file-card.is-list-row .figma-file-footer{border-top:0;flex-direction:row;flex:1;justify-content:space-between;align-items:center;height:100%;padding:0 16px}.figma-tab:focus-visible,.figma-view-toggle button:focus-visible,.figma-search-clear:focus-visible,.figma-sort-button:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.figma-tab:focus-visible{outline-offset:-2px}@media (width<=1100px){.figma-sort-button span{display:none}.figma-sort-button{justify-content:center;width:32px;padding:0}}@media (width<=760px){.figma-lake-topbar-right{gap:6px}.figma-search{flex:120px;width:auto;min-width:0}.figma-search-shortcut{display:none}.figma-tabs{padding:0 12px}}.figma-lake-body{scrollbar-width:thin;scrollbar-color:#d0d0ca transparent;background:#f4f4f1;flex:1;padding:24px;overflow:auto}.figma-lake-body::-webkit-scrollbar{width:8px;height:8px}.figma-lake-body::-webkit-scrollbar-thumb{background:#d0d0ca;border:2px solid #f4f4f1;border-radius:999px}.figma-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding:0 2px;display:flex}.figma-section-head h3{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:13px;font-weight:600}.figma-section-head span{color:#91918a;font-size:12px;font-weight:400}.figma-empty{text-align:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;place-items:center;gap:8px;padding:40px 24px;display:grid}.figma-empty svg{color:#91918a}.figma-empty strong{color:var(--ink);font-size:13px;font-weight:600}.figma-empty span{color:#91918a;font-size:12px}.figma-file-grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:16px;display:grid}.figma-file-card{background:#fff;border:1px solid #e7e7e2;border-radius:12px;flex-direction:column;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;overflow:hidden}.figma-file-card:hover{border-color:#d0d0ca;transform:translateY(-1px);box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000f}.figma-file-thumb{isolation:isolate;cursor:pointer;background:#f9f9f9;border:0;border-bottom:1px solid #efefea;justify-content:center;align-items:center;width:100%;height:148px;padding:0;display:flex;position:relative;overflow:hidden}.figma-file-thumb:hover .figma-file-open{opacity:1;transform:translateY(0)}.figma-file-open{color:#fff;opacity:0;height:28px;transition:all .16s var(--ease-out);pointer-events:none;background:#111;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px);box-shadow:0 4px 12px #0000001f}.figma-file-active-dot{background:var(--selection);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px;box-shadow:0 1px 3px #1414122e}.figma-file-footer{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.figma-file-meta{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.figma-file-icon{border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.figma-file-text{flex-direction:column;gap:2px;min-width:0;display:flex}.figma-file-name{color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:100%;padding:0;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden}.figma-file-name:hover{text-underline-offset:2px;text-decoration:underline}.figma-file-sub{color:#91918a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.2;overflow:hidden}.figma-file-actions{opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff 45%);align-items:center;gap:4px;padding-left:24px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.figma-file-card:hover .figma-file-actions,.figma-file-card.is-menu-open .figma-file-actions,.figma-file-card:focus-within .figma-file-actions{opacity:1}.figma-file-card.is-menu-open{z-index:20;overflow:visible}.figma-icon-btn{color:#91918a;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.figma-icon-btn:hover{color:var(--ink);background:#f4f4f1}.figma-icon-btn:focus-visible{outline:2px solid var(--selection);outline-offset:1px}.figma-icon-btn.is-active{background:var(--ink);color:#fff}.figma-more-wrap{position:relative}.figma-more-menu{z-index:30;min-width:180px;animation:lake-menu-in .14s var(--ease-out) both;background:#fff;border:1px solid #e7e7e2;border-radius:12px;flex-direction:column;gap:1px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f,0 1px 2px #0000000f}.figma-more-menu.is-up{top:auto;bottom:calc(100% + 8px)}@keyframes lake-menu-in{0%{opacity:0;transform:translateY(-3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.figma-more-menu.is-up{animation-name:lake-menu-in-up}@keyframes lake-menu-in-up{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.figma-more-menu button{height:32px;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:0 10px;font-size:13px;font-weight:500;display:flex}.figma-more-menu button svg{flex:none}.figma-more-menu button:hover{background:#f4f4f1}.figma-more-menu button:focus-visible{outline:2px solid var(--selection);outline-offset:-2px}.figma-more-menu button.is-danger{color:#e5484d}.figma-more-menu button.is-danger:hover{background:#fff0f0}.figma-more-divider{background:#efefea;height:1px;margin:4px 0}.figma-more-confirm{flex-direction:column;gap:4px;min-width:200px;padding:8px 10px 10px;display:flex}.figma-more-confirm strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.figma-more-confirm span{color:#91918a;font-size:12px}.figma-more-confirm-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.figma-more-confirm-actions button{width:auto;height:28px;color:var(--ink);background:#fff;border:1px solid #e7e7e2;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600}.figma-more-confirm-actions button:hover{background:#f4f4f1}.figma-more-confirm-actions button.is-danger{color:#fff;background:#e5484d;border-color:#e5484d}.figma-more-confirm-actions button.is-danger:hover{background:#d13f44}.figma-thumb-live{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.figma-thumb-frame{transform-origin:50%;pointer-events:none;opacity:0;background:#fff;border:0;transition:opacity .24s;position:absolute;top:50%;left:50%}.figma-thumb-frame.is-painted{opacity:1}.figma-file-thumb:focus-visible,.figma-file-name:focus-visible,.figma-template-card:focus-visible,.figma-close:focus-visible,.figma-icon-btn:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.figma-file-name:focus-visible{border-radius:4px}@media (width<=760px){.figma-lake-topbar{gap:10px;padding:0 12px}.figma-lake-body{padding:16px 12px}}.figma-rename input{border:1.5px solid var(--selection);width:100%;height:28px;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:0 8px;font-size:13px;font-weight:500;box-shadow:0 0 0 3px #5d5ce224}.figma-primary{background:var(--ink);color:#fff;cursor:pointer;height:36px;transition:transform .12s var(--ease-out), box-shadow .12s ease, background .12s ease;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1414121f,0 4px 14px #1414121a}.figma-primary:hover{background:#30302d;transform:translateY(-1px);box-shadow:0 4px 16px #14141229}.figma-primary:active{transform:translateY(0)}.figma-template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.figma-template-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7e7e2;border-radius:12px;flex-direction:column;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;overflow:hidden}.figma-template-card:hover{border-color:#d0d0ca;transform:translateY(-1px);box-shadow:0 4px 16px #0000000f,0 1px 3px #0000000d}.figma-template-thumb{isolation:isolate;background:#f9f9f9;border-bottom:1px solid #efefea;place-items:center;height:132px;display:grid;position:relative;overflow:hidden}.figma-template-plus{background:var(--ink);color:#fff;opacity:0;width:24px;height:24px;transition:all .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:scale(.88);box-shadow:0 2px 8px #0000001f}.figma-template-card:hover .figma-template-plus{opacity:1;transform:scale(1)}.figma-template-footer{align-items:flex-start;gap:10px;padding:12px;display:flex}.figma-template-icon{background:#f4f4f1;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.figma-template-footer div{flex-direction:column;gap:2px;min-width:0;display:flex}.figma-template-footer strong{letter-spacing:-.01em;color:var(--ink);font-size:13px;font-weight:600;line-height:1.2}.figma-template-footer span{color:#666661;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.workspace-lake-button.is-active{color:var(--selection);background:var(--selection-soft);border-color:#5d5ce252}.workspace-lake-button.is-active:hover{background:#5d5ce22e}.project-not-found{z-index:9;background:#f4f4f1;place-items:center;padding:24px;display:grid;position:absolute;inset:60px 0 0}.project-not-found-card{text-align:center;background:#fff;border:1px solid #e7e7e2;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 24px #0000000f}.project-not-found-card h2{letter-spacing:-.015em;margin:0 0 8px;font-size:16px;font-weight:600}.project-not-found-card p{color:#666661;margin:0;font-size:13px;line-height:1.5}.project-not-found-card code{background:#f4f4f1;border:1px solid #e7e7e2;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:12px;display:inline-block}.project-not-found-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.project-not-found-actions button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:600}.project-not-found-actions button.is-secondary{color:var(--ink);background:#f4f4f1;border:1px solid #e7e7e2}.project-not-found-actions button.is-danger{color:#e5484d;background:#fff0f0;border:1px solid #f3c2c4}.project-not-found-actions button.is-danger:hover{opacity:1;background:#ffe5e6}.project-not-found-actions button:hover{opacity:.9}.tokens-panel{flex-direction:column;padding:2px 0 14px;display:flex}.tokens-empty{color:var(--ink-faint);margin:2px 0 8px;font-size:10px}.token-icon-button{width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.token-icon-button:hover:not(:disabled){background:#0000000f}.token-icon-button:disabled{opacity:.35;cursor:default}.tokens-error{color:#b3261e;margin:2px 0;font-size:10px}.tokens-export-row{gap:6px;display:flex}.property-input-wrap select{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;font-size:10px}@media (width<=900px){.figma-lake-body{padding:16px}.figma-file-grid{grid-template-columns:1fr}.figma-template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.figma-template-grid{grid-template-columns:1fr}.figma-lake-heading span{display:none}}button{min-width:0}button svg{flex:none}.project-identity{flex:auto;justify-content:center;min-width:0;overflow:hidden}.project-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:min(320px,24vw);overflow:hidden}.project-meta{text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.project-canvas-badge{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:190px;overflow:hidden}.workspace-header-right{flex:auto;overflow:hidden}.workspace-project-actions{scrollbar-width:none;flex:auto;justify-content:flex-end;align-items:center;gap:3px;min-width:0;display:flex;overflow:auto hidden}.workspace-project-actions::-webkit-scrollbar{display:none}.workspace-file-button{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;flex:none;justify-content:center;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.workspace-file-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1414121a}.workspace-file-button:active{box-shadow:none;transform:translateY(0)scale(.96)}.empty-canvas-state button,.agent-connection-form button,.brief-add-button,.figma-close,.figma-file-open,.figma-more-menu button,.frame-menu-back,.frame-menu-category,.frame-preset,.shape-menu-item,.shader-chip,.sidebar-tab,.blank-chooser-cancel,.blank-chooser-option,.project-not-found-actions button,.tokens-add-button{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.empty-canvas-state button span,.agent-connection-form button span,.brief-add-button span,.figma-close span,.frame-menu-category strong,.frame-menu-category small,.frame-preset strong,.frame-preset small,.shape-menu-item span,.blank-chooser-option-copy strong,.blank-chooser-option-copy small,.blank-chooser-option-copy em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.frame-menu-category>span:nth-child(2),.frame-preset>span:last-child,.blank-chooser-option-copy{min-width:0;overflow:hidden}.empty-canvas-state button,.agent-connection-form button{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease}.empty-canvas-state button:hover:not(:disabled),.agent-connection-form button:hover:not(:disabled){background:#2a2a28;transform:translateY(-1px);box-shadow:0 8px 20px #1414122e,0 2px 6px #1414121f}.empty-canvas-state button:active:not(:disabled),.agent-connection-form button:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.97)}.brief-add-button{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease}.brief-add-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1414121a}.brief-add-button:active{box-shadow:none;transform:translateY(0)scale(.97)}.figma-close,.blank-chooser-cancel,.tokens-add-button{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;gap:6px;display:inline-flex}.figma-close:hover,.blank-chooser-cancel:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1414121a}.figma-close:active,.blank-chooser-cancel:active{box-shadow:none;transform:translateY(0)scale(.97)}.figma-file-open{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, opacity var(--duration-fast) ease;justify-content:center;align-items:center;gap:6px;display:inline-flex}.sidebar-collapse-button,.sidebar-rail-tab,.sidebar-icon-button,.properties-collapse-button,.page-more-button,.layer-action-button,.brief-icon-button,.token-icon-button,.figma-icon-btn,.blank-chooser-close,.corner-radius-step{transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease}.sidebar-collapse-button:hover:not(:disabled),.sidebar-rail-tab:hover,.sidebar-icon-button:hover,.properties-collapse-button:hover,.page-more-button:hover,.layer-action-button:hover:not(:disabled),.brief-icon-button:hover,.token-icon-button:hover:not(:disabled),.figma-icon-btn:hover,.blank-chooser-close:hover,.corner-radius-step:hover:not(:disabled){transform:translateY(-1px)}.sidebar-collapse-button:active:not(:disabled),.sidebar-icon-button:active:not(:disabled),.properties-collapse-button:active,.page-more-button:active,.layer-action-button:active:not(:disabled),.brief-icon-button:active,.token-icon-button:active:not(:disabled),.figma-icon-btn:active,.blank-chooser-close:active,.corner-radius-step:active:not(:disabled){transform:scale(.92)}.sidebar-collapse-button:disabled:hover,.layer-action-button:disabled:hover,.token-icon-button:disabled:hover,.corner-radius-step:disabled:hover,.tokens-add-button:disabled:hover{box-shadow:none;transform:none}.canvas-dock button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1414121a}.canvas-dock button:active:not(:disabled){box-shadow:none;transform:scale(.92)}.canvas-dock button:disabled:hover{box-shadow:none;transform:none}.canvas-dock .shader-card:hover{transform:translateY(-1px)}.canvas-dock .shader-card:active{transform:scale(.985)}.page-copy{flex:auto;min-width:0;overflow:hidden}.page-copy strong,.page-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.page-more-button{flex:none}.figma-empty .figma-file-open,.project-lake .figma-file-open{white-space:nowrap}@media (width<=760px){.workspace-file-button{padding:0 6px}.project-name{max-width:140px}.project-canvas-badge{max-width:120px}}.figma-primary{white-space:nowrap;text-overflow:ellipsis;flex:none;min-width:0;max-width:100%;overflow:hidden}@media (width<=760px){.workspace-header{grid-template-columns:auto minmax(0,1fr)}.workspace-brand{flex:none}.workspace-header-right{min-width:0;max-width:100%;overflow:hidden}.workspace-project-actions{min-width:0;max-width:100%}.canvas-dock{scrollbar-width:none;max-width:calc(100vw - 16px);overflow:auto hidden}.canvas-dock::-webkit-scrollbar{display:none}.canvas-dock>*{flex:none}}button:not(:disabled){cursor:pointer}:root{--duration-press:70ms}button:active:not(:disabled){transition-duration:var(--duration-press)}.workspace-file-button,.empty-canvas-state button,.agent-connection-form button,.brief-add-button,.figma-close,.blank-chooser-cancel,.figma-primary,.tokens-add-button,.corner-radius-step,.sidebar-collapse-button,.sidebar-rail-tab,.sidebar-icon-button,.properties-collapse-button,.page-more-button,.layer-action-button,.brief-icon-button,.token-icon-button,.figma-icon-btn,.blank-chooser-close,.canvas-dock button{transition:transform .14s var(--ease-out), box-shadow .14s ease, background-color .14s ease, border-color .14s ease, color .14s ease, filter .14s ease}.workspace-file-button:active:not(:disabled),.brief-add-button:active:not(:disabled),.figma-close:active:not(:disabled),.blank-chooser-cancel:active:not(:disabled),.tokens-add-button:active:not(:disabled),.corner-radius-step:active:not(:disabled){filter:brightness(.93);box-shadow:inset 0 1px 3px #14141229}.empty-canvas-state button:active:not(:disabled),.agent-connection-form button:active:not(:disabled),.figma-primary:active:not(:disabled){filter:brightness(1.28);box-shadow:inset 0 1px 3px #0006}@media (pointer:coarse){.layer-action-button,.page-more-button,.token-icon-button,.brief-icon-button{position:relative}.layer-action-button:after,.page-more-button:after,.token-icon-button:after,.brief-icon-button:after{content:"";position:absolute;inset:-11px}}@media (width<=900px){.left-sidebar{max-width:calc(100vw - 16px);width:auto!important}.sidebar-rail{scrollbar-width:none;border-radius:12px;flex-direction:row;flex:none;align-items:center;gap:2px;padding:6px 8px;overflow:auto hidden}.sidebar-rail::-webkit-scrollbar{display:none}.sidebar-rail-divider{width:1px;height:24px;margin:0 4px}.sidebar-rail-tab{flex:none}}@media (prefers-reduced-motion:reduce){button:active:not(:disabled){transition-duration:.01ms!important}}@media (width<=760px){.workspace-project-actions{justify-content:flex-start}}.tkn-root{flex-direction:column;gap:2px;padding:10px 10px 16px;display:flex}.tkn-root [hidden]{display:none!important}.tkn-top{padding:2px 2px 8px}.tkn-title-row{align-items:center;gap:8px;display:flex}.tkn-title-row strong{letter-spacing:-.01em;font-size:12px;font-weight:650}.tkn-count{min-width:20px;height:18px;color:var(--ink-soft);background:#1212110f;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:650;display:inline-flex}.tkn-subtitle{color:var(--ink-faint);margin:3px 0 0;font-size:10px;line-height:1.45}.tkn-section{border-top:1px solid var(--line);padding:10px 0}.tkn-section:first-of-type{border-top:0}.tkn-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tkn-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:650}.tkn-section-hint{color:var(--ink-faint);font-size:10px}.tkn-modes{flex-direction:column;gap:4px;display:flex}.tkn-mode{border-radius:8px;align-items:center;gap:4px;padding:2px;display:flex}.tkn-mode.is-active{background:var(--selection-soft)}.tkn-mode-pill{cursor:pointer;min-width:0;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;align-items:center;gap:7px;padding:5px 8px;font-size:11px;display:flex}.tkn-mode-pill:hover{background:#1212110d}.tkn-mode.is-active .tkn-mode-pill{background:#fffc;border-color:#5d5ce259}.tkn-mode-dot{background:#c9c9c5;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:inset 0 0 0 1px #0000001f}.tkn-mode.is-active .tkn-mode-dot{box-shadow:0 0 0 3px var(--selection-soft);background:#5d5ce2}.tkn-mode-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.tkn-mode-count{color:var(--ink-faint);background:#1212110f;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:650}.tkn-collections{flex-direction:column;gap:2px;display:flex}.tkn-collection{border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:2px;display:flex}.tkn-collection:hover{background:#1212110a}.tkn-collection.is-active{border-color:var(--line-strong);background:#fff;box-shadow:0 1px 2px #1414120f}.tkn-collection-main{cursor:pointer;text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.tkn-collection-swatch{color:#fff;background:linear-gradient(135deg,#5d5ce2,#9d7bea);border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.tkn-collection-meta{flex-direction:column;flex:1;min-width:0;display:flex}.tkn-collection-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.tkn-collection-meta small{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.tkn-inline-create{gap:6px;margin-top:8px;display:flex}.tkn-inline-input{flex:1}.tkn-toolbar{flex-direction:column;gap:7px;margin:8px 0;display:flex}.tkn-search{color:var(--ink-faint);align-items:center;gap:6px;padding:0 8px;display:flex}.tkn-search input{background:0 0;border:0;outline:0;flex:1;padding:0;font-size:11px}.tkn-clear{cursor:pointer;color:var(--ink-faint);background:0 0;border:0;padding:2px;display:inline-flex}.tkn-filters{flex-wrap:wrap;gap:4px;display:flex}.tkn-filter{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff9;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:600}.tkn-filter:hover{color:var(--ink);border-color:#5d5ce280}.tkn-filter.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.tkn-mode-columns{flex-wrap:wrap;align-items:center;gap:4px;margin:2px 0 6px;display:flex}.tkn-mode-columns-label{color:var(--ink-faint);font-size:9px;font-weight:600}.tkn-mode-tag{color:var(--ink-soft);border:1px solid var(--line);background:#fff9;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:650}.tkn-mode-tag.is-active{color:#5d5ce2;background:var(--selection-soft);border-color:#5d5ce280}.tkn-empty{margin:8px 2px}.tkn-group{border:1px solid var(--line);background:#ffffff8c;border-radius:10px;margin-bottom:8px;overflow:hidden}.tkn-group-head{cursor:pointer;width:100%;color:var(--ink-soft);background:#12121108;border:0;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.tkn-group-head:hover{background:#1212110f}.tkn-group-name{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.tkn-group-count{background:#12121112;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:9px;font-weight:700}.tkn-group-rows{flex-direction:column;display:flex}.tkn-row{border-top:1px solid var(--line);padding:6px 8px}.tkn-row:first-child{border-top:0}.tkn-row:hover{background:#5d5ce20a}.tkn-row-main{align-items:center;gap:8px;min-height:32px;display:flex}.tkn-row-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tkn-name-row{align-items:center;gap:5px;min-width:0;display:flex}.tkn-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;overflow:hidden}.tkn-copy{width:20px;height:20px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tkn-copy:hover{color:var(--ink);background:#12121112}.tkn-var{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden}.tkn-value{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;font-size:10px;display:flex;overflow:hidden}.tkn-modes-count{color:var(--ink-faint);border:1px solid var(--line);background:#fff9;border-radius:999px;flex:none;padding:0 6px;font-size:8px;font-style:normal;font-weight:650}.tkn-type-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);background:#ffffffb3;border-radius:999px;flex:none;padding:2px 7px;font-size:8px;font-weight:700}.tkn-row-actions{opacity:0;pointer-events:none;flex:none;align-items:center;gap:1px;transition:opacity .12s;display:inline-flex}.tkn-row:hover .tkn-row-actions,.tkn-row:focus-within .tkn-row-actions{opacity:1;pointer-events:auto}.tkn-modes-present{align-items:center;gap:3px;margin-top:2px;display:inline-flex}.tkn-modes-present em{color:var(--ink-faint);margin-left:3px;font-size:8px;font-style:normal}.tkn-mode-tick{background:#d8d8d3;border-radius:50%;width:7px;height:7px;box-shadow:inset 0 0 0 1px #0000001a}.tkn-mode-tick.is-same{background:#34c77b}.tkn-mode-tick.is-diff{background:#f5a524}.tkn-mode-tick.is-missing{box-shadow:none;background:0 0;border:1px dashed #0003}.tkn-per-mode{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tkn-per-mode-cell{border:1px solid var(--line);background:#ffffffb3;border-radius:7px;flex-direction:column;flex:70px;gap:1px;min-width:0;padding:4px 6px;display:flex}.tkn-per-mode-cell em{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-size:8px;font-style:normal;font-weight:700}.tkn-per-mode-cell strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.tkn-preview{border:1px solid var(--line);background:#fffc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:relative;overflow:hidden}.tkn-checker{background-image:linear-gradient(45deg,#00000017 25%,#0000 25% 75%,#00000017 75%),linear-gradient(45deg,#00000017 25%,#0000 25% 75%,#00000017 75%);background-position:0 0,4px 4px;background-size:8px 8px;position:absolute;inset:0}.tkn-preview-color .tkn-color-fill{position:absolute;inset:0}.tkn-color-dots{opacity:.85;grid-template-columns:repeat(2,3px);gap:1px;display:grid;position:absolute;bottom:2px;right:2px}.tkn-color-dots i{background:#ffffffe6;border-radius:50%;width:3px;height:3px;box-shadow:0 0 0 .5px #00000059}.tkn-spacing-bar{background:linear-gradient(90deg,#5d5ce2,#9d7bea);border-radius:3px;height:6px}.tkn-radius-box{opacity:.85;background:#5d5ce2;width:18px;height:18px}.tkn-shadow-box{background:#fff;border-radius:4px;width:16px;height:16px}.tkn-preview-type{color:var(--ink);background:#1212110d;border:0;font-size:14px}.tkn-preview-motion{gap:3px}.tkn-motion-dot{background:#5d5ce2;border-radius:50%;width:6px;height:6px}.tkn-motion-track{background:#12121133;border-radius:2px;width:14px;height:2px}.tkn-opacity-fill{background:#161615;position:absolute;inset:0}.tkn-fallback-glyph{color:var(--ink-faint);font-size:12px;font-weight:700}.tkn-sheet{border:1px solid var(--line);background:#ffffffbf;border-radius:10px;flex-direction:column;gap:7px;margin-top:8px;padding:10px;display:flex}.tkn-field{min-height:27px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.tkn-field-label{flex:none;width:64px;font-weight:600}.tkn-input{flex:1;width:auto}.tkn-check-grid{flex-wrap:wrap;gap:5px;display:flex}.tkn-check{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:#fff9;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:10px;display:inline-flex}.tkn-check.is-on{background:var(--selection-soft);color:var(--ink);border-color:#5d5ce28c}.tkn-sheet-actions{justify-content:flex-end;gap:6px;margin-top:2px;display:flex}.tkn-ghost-button{border:1px solid var(--line);min-height:27px;color:var(--ink);cursor:pointer;background:#ffffffb3;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:10px;font-weight:600;display:inline-flex}.tkn-ghost-button:hover:not(:disabled){border-color:#5d5ce299}.tkn-ghost-button:disabled{opacity:.45;cursor:default}.tkn-primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:27px;padding:0 12px;font-size:10px;font-weight:650;display:inline-flex}.tkn-primary-button:hover:not(:disabled){opacity:.88}.tkn-primary-button:disabled{opacity:.45;cursor:default}.tkn-create-open{width:100%;margin-top:4px}.tkn-create-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tkn-create-head strong{font-size:11px}.tkn-var-preview{color:var(--ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.tkn-mini{width:24px;height:24px}.tkn-export-hint{color:var(--ink-faint);margin:0 0 8px;font-size:10px}.tkn-export-row{gap:6px;display:flex}.tkn-export-row .tkn-ghost-button{flex:1}.tkn-variables{padding-bottom:12px}.tkn-export{padding-bottom:2px}.tkn-create-sheet{background:#5d5ce208;border-style:dashed;border-color:#5d5ce266}.tkn-edit-sheet{border-color:var(--line-strong);margin-top:6px}.tkn-preview-spacing{justify-content:flex-start;padding:0 4px}.tkn-preview-radius{background:#5d5ce20f}.tkn-preview-shadow{background:#1212110d}.tkn-preview-opacity{border-style:dashed}.tkn-preview-fallback{background:#1212110a}.tkn-preview-sm{border-radius:5px;width:18px;height:18px}.tkn-preview-sm .tkn-spacing-bar{border-radius:2px;height:4px}.tkn-preview-sm .tkn-radius-box{width:10px;height:10px}.tkn-preview-sm .tkn-shadow-box{width:9px;height:9px}.tkn-preview-sm.tkn-preview-type{font-size:9px}.tkn-preview-sm .tkn-motion-dot{width:4px;height:4px}.tkn-preview-sm .tkn-motion-track{width:8px}.tkn-alias{color:#5d5ce2;background:var(--selection-soft);text-overflow:ellipsis;white-space:nowrap;border:1px solid #5d5ce259;border-radius:999px;flex:0 auto;align-items:center;gap:4px;min-width:0;max-width:100%;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:inline-flex;overflow:hidden}.tkn-alias.is-broken{color:#b3541e;background:#b3541e12;border-color:#b3541e66}.tkn-alias-hint{color:var(--ink-soft);background:#5d5ce20f;border:1px solid #5d5ce240;border-radius:7px;align-items:center;gap:6px;margin:0;padding:5px 8px;font-size:9px;display:flex}.tkn-alias-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.tkn-alias-hint.is-broken{color:#b3541e;background:#b3541e12;border-color:#b3541e4d}.tkn-rename-note{color:var(--ink-faint);margin:0;font-size:9px}.tkn-mode-rename{flex:1;min-width:0}.tkn-collection-rename{cursor:default;padding:4px}.tkn-collection-rename .tkn-input{width:100%}.token-hint{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:100%;color:var(--ink-soft);background:#ffffffb3;border-radius:999px;align-items:center;gap:5px;margin-top:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:inline-flex;overflow:hidden}.token-hint:hover{border-color:#5d5ce28c}.token-hint.is-linked{color:#3b74c2;background:#3b74c214;border-color:#3b74c266}.token-hint.is-reference{color:#fff;background:#3b74c2;border-color:#3b74c2}.token-hint.is-unresolved{color:#b3541e;background:#b3541e12;border-color:#b3541e66}.token-hint.is-off-system{color:#b3541e;background:#b3541e12;border-color:#b3541e59}.token-ctl{flex:none;align-items:center;display:inline-flex;position:relative}.token-ctl.is-linked{flex:1;min-width:0;display:flex}.token-field-button{width:20px;height:20px;color:var(--ink-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.token-field-button:hover{color:#5d5ce2;background:var(--selection-soft);border-color:#5d5ce266}.token-field-button[aria-expanded=true]{color:#5d5ce2;background:var(--selection-soft)}.token-field-button.has-match{color:#3b74c2}.token-field-button.is-off{color:#b3541e}.token-ctl .token-hint{margin-top:0}.property-field:has(.token-field-chip) .property-input-wrap{display:none}.color-field:has(.token-field-chip)>.color-swatch-button{display:none}.color-field:has(.token-field-chip)>input{display:none}.font-field:has(.token-field-chip)>input{display:none}.font-field:has(.token-field-chip)>.font-field-toggle{display:none}.token-field-chip{color:#2d5f9e;cursor:pointer;text-align:left;background:#3b74c212;border:1px solid #3b74c273;border-radius:7px;flex:1;align-items:center;gap:7px;min-width:0;height:26px;padding:0 8px 0 4px;display:flex}.token-field-chip:hover{background:#3b74c21f;border-color:#3b74c2}.token-field-chip[aria-expanded=true]{box-shadow:0 0 0 2px #3b74c238}.token-field-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;overflow:hidden}.token-popover{z-index:200;border:1px solid var(--line-strong);box-shadow:var(--shadow-frame), 0 12px 32px #14141224;background:#fafaf8fa;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed}.token-popover-search{border:1px solid var(--line);height:24px;color:var(--ink-faint);background:#fffc;border-radius:7px;align-items:center;gap:6px;padding:0 7px;display:flex}.token-popover-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:10px}.token-popover-list{border:1px solid var(--line);background:#fff9;border-radius:8px;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.token-option{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:7px;padding:4px 7px;display:flex}.token-option:last-child{border-bottom:0}.token-option:hover{background:#5d5ce212}.token-option.is-active{background:var(--selection-soft);box-shadow:inset 2px 0 #5d5ce2}.token-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;overflow:hidden}.token-option-value{max-width:70px;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:9px;overflow:hidden}.token-popover-empty{color:var(--ink-faint);padding:10px 8px;font-size:10px}.token-popover-detach{border:1px solid var(--line);height:26px;color:var(--ink-soft);cursor:pointer;background:#ffffffb3;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.token-popover-detach:hover{color:#b3541e;border-color:#b3541e80}.project-identity{min-width:0;max-width:100%;overflow:hidden}.workspace-header-right{z-index:1;position:relative}.workspace-header{grid-template-columns:auto minmax(0,1fr) auto}.figma-file-card:active{transition-duration:var(--duration-press);transform:scale(.985)}.figma-template-card:active{transform:scale(.985)}.figma-file-thumb:hover .figma-file-open:active{transform:scale(.93)}.sidebar-tab{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:transform .14s var(--ease-out), background-color .14s ease, color .14s ease;overflow:hidden}.sidebar-tab:hover:not(.is-active){color:var(--ink);background:#1717150b}.sidebar-tab:active:not(.is-active){transform:scale(.96)}.workspace-project-actions .workspace-file-button:hover:not(:disabled){transform:none}@media (width<=760px){.canvas-dock button:hover:not(:disabled){transform:none}}@media (width<=900px){.sidebar-rail-tab:hover{transform:none}}.empty-canvas-state button,.agent-connection-form button,.figma-primary,.figma-file-open,.project-not-found-actions button:not(.is-secondary):not(.is-danger),.figma-icon-btn.is-active{background-color:#1c1c1a;background-image:linear-gradient(#ffffff1c 0%,#ffffff05 48%,#0000001f 100%);border-color:#080807e6;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000003d,0 1px 2px #1414122e,0 8px 20px #1414121a}.figma-primary,.figma-file-open,.project-not-found-actions button:not(.is-secondary):not(.is-danger),.figma-icon-btn.is-active{border:1px solid #080807e6}.empty-canvas-state button:hover:not(:disabled),.agent-connection-form button:hover:not(:disabled),.figma-primary:hover:not(:disabled),.project-not-found-actions button:not(.is-secondary):not(.is-danger):hover:not(:disabled){opacity:1;background-color:#262624;background-image:linear-gradient(#ffffff24 0%,#ffffff08 48%,#0000001a 100%);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000038,0 2px 4px #14141229,0 12px 26px #14141221}.empty-canvas-state button:active:not(:disabled),.agent-connection-form button:active:not(:disabled),.figma-primary:active:not(:disabled),.figma-file-open:active:not(:disabled),.project-not-found-actions button:not(.is-secondary):not(.is-danger):active:not(:disabled),.figma-icon-btn.is-active:active:not(:disabled){filter:brightness(1.24);box-shadow:inset 0 2px 7px #00000075,inset 0 1px #ffffff0d}.workspace-file-button,.sidebar-icon-button,.figma-close,.blank-chooser-cancel,.tokens-add-button,.corner-radius-step,.canvas-dock .shader-chip,.project-not-found-actions button.is-secondary{background-color:#fdfdfb;background-image:linear-gradient(#ffffffb3 0%,#fff0 45%,#12121109 100%);box-shadow:inset 0 1px #ffffffd9,0 1px 2px #1414120e}.workspace-file-button:hover:not(:disabled),.sidebar-icon-button:hover,.figma-close:hover,.blank-chooser-cancel:hover,.tokens-add-button:hover:not(:disabled),.corner-radius-step:hover:not(:disabled),.canvas-dock .shader-chip:hover:not(.is-active),.project-not-found-actions button.is-secondary:hover{opacity:1;background-color:#fff;background-image:linear-gradient(#ffffffe6 0%,#ffffff1f 50%,#12121105 100%);box-shadow:inset 0 1px #fffffff2,0 2px 5px #14141214,0 8px 18px #14141212}.project-not-found-actions button{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, opacity var(--duration-fast) ease, filter var(--duration-fast) ease}.project-not-found-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1414121a}.project-not-found-actions button:active:not(:disabled){transform:translateY(0)scale(.97)}.project-not-found-actions button.is-secondary{background-color:#f6f6f3;background-image:linear-gradient(#ffffffa6 0%,#fff0 50%,#12121108 100%)}button:focus-visible{box-shadow:0 0 0 4px var(--selection-soft)}.empty-canvas-state button:focus-visible,.agent-connection-form button:focus-visible,.figma-primary:focus-visible,.project-not-found-actions button:not(.is-secondary):not(.is-danger):focus-visible{box-shadow:0 0 0 4px var(--selection-soft), inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0000003d, 0 1px 2px #1414122e}.canvas-dock .tool-button.is-active,.canvas-dock .dock-icon.is-active{color:var(--selection);box-shadow:inset 0 0 0 1px #5d5ce238,0 1px 3px #5d5ce21f}.corner-radius-track{background:#17171517;box-shadow:inset 0 1px 2px #14141217,inset 0 0 0 .5px #1212110d}.corner-radius-slider-wrap input[type=range]{cursor:grab}.corner-radius-slider-wrap input[type=range]:active{cursor:grabbing}.corner-radius-slider-wrap input[type=range]::-webkit-slider-thumb{background:#fff;border:1.5px solid #12121138;width:22px;height:22px;margin-top:-9px;box-shadow:0 1px 2px #14141229,0 4px 12px #14141221,inset 0 0 0 1px #fff9}.corner-radius-slider-wrap input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #12121138;width:20px;height:20px;box-shadow:0 1px 2px #14141229,0 4px 12px #14141221}.corner-radius-slider-wrap input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 4px #14141229,0 8px 18px #14141229}.corner-radius-slider-wrap input[type=range]:hover::-moz-range-thumb{transform:scale(1.1)}.corner-radius-slider-wrap input[type=range]:active::-webkit-slider-thumb{border-color:var(--selection);transform:scale(1.05);box-shadow:0 0 0 7px #5d5ce229,0 1px 3px #14141233,0 4px 10px #1414121f}.corner-radius-slider-wrap input[type=range]:active::-moz-range-thumb{border-color:var(--selection);transform:scale(1.05);box-shadow:0 0 0 7px #5d5ce229,0 1px 3px #14141233}.corner-radius-slider-wrap input[type=range]:focus-visible{outline:none}.corner-radius-slider-wrap input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce238,0 1px 3px #1414122e,0 4px 10px #1414121f}.corner-radius-slider-wrap input[type=range]:focus-visible::-moz-range-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce238,0 1px 3px #1414122e}.corner-radius-value-pill{background-color:#1c1c1a;background-image:linear-gradient(#ffffff1f 0%,#ffffff05 50%,#00000024 100%);box-shadow:inset 0 1px #ffffff24,0 2px 10px #14141229}.shape-radius-control input[type=range],.property-radius-control input[type=range]{appearance:none;cursor:grab;background:0 0;height:20px}.shape-radius-control input[type=range]:active,.property-radius-control input[type=range]:active{cursor:grabbing}.shape-radius-control input[type=range]::-webkit-slider-runnable-track{background:#1717151f;border-radius:999px;height:4px;box-shadow:inset 0 1px 2px #14141212}.property-radius-control input[type=range]::-webkit-slider-runnable-track{background:#1717151f;border-radius:999px;height:4px;box-shadow:inset 0 1px 2px #14141212}.shape-radius-control input[type=range]::-moz-range-track{background:#1717151f;border:0;border-radius:999px;height:4px}.property-radius-control input[type=range]::-moz-range-track{background:#1717151f;border:0;border-radius:999px;height:4px}.shape-radius-control input[type=range]::-moz-range-progress{background:var(--selection);border-radius:999px;height:4px}.property-radius-control input[type=range]::-moz-range-progress{background:var(--selection);border-radius:999px;height:4px}.shape-radius-control input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;background:#fff;border:1.5px solid #12121138;border-radius:50%;margin-top:-6px;box-shadow:0 1px 2px #14141229,0 3px 8px #1414121f}.property-radius-control input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;background:#fff;border:1.5px solid #12121138;border-radius:50%;margin-top:-6px;box-shadow:0 1px 2px #14141229,0 3px 8px #1414121f}.shape-radius-control input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #12121138;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #14141229,0 3px 8px #1414121f}.property-radius-control input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #12121138;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #14141229,0 3px 8px #1414121f}.shape-radius-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.property-radius-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.shape-radius-control input[type=range]:active::-webkit-slider-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce229,0 1px 3px #14141233}.property-radius-control input[type=range]:active::-webkit-slider-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce229,0 1px 3px #14141233}.shape-radius-control input[type=range]:active::-moz-range-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce229,0 1px 3px #14141233}.property-radius-control input[type=range]:active::-moz-range-thumb{border-color:var(--selection);box-shadow:0 0 0 5px #5d5ce229,0 1px 3px #14141233}.font-field{align-items:center;gap:7px;min-height:27px;display:flex;position:relative}.font-field-label{min-width:42px;color:var(--ink-soft);font-size:10px;font-weight:500}.font-field input{border:1px solid var(--line);min-width:0;height:26px;color:var(--ink);background:#ffffffb8;border-radius:7px;flex:1;padding:0 7px;font-size:11px}.font-field input:focus-visible{border-color:var(--selection);outline:none}.font-field-toggle{border:1px solid var(--line);width:22px;height:22px;color:var(--ink-soft);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) ease;background:#ffffffb8;border-radius:6px;flex:0 0 22px;place-items:center;padding:0;display:grid}.font-field-toggle:hover{border-color:var(--line-strong);transform:scale(1.06)}.font-field-toggle:active{transform:scale(.94)}.font-field-toggle[aria-expanded=true]{color:var(--selection);border-color:#5d5ce280}.font-popover{z-index:30;border:1px solid var(--line-strong);box-shadow:var(--shadow-frame);background:#fafaf8f7;border-radius:12px;position:absolute;top:calc(100% + 6px);left:49px;right:0;overflow:hidden}.font-list{overscroll-behavior:contain;max-height:268px;padding:5px;display:block;overflow-y:auto}.font-group{display:block}.font-group+.font-group{margin-top:4px}.font-group-label{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px 3px;font-size:9px;font-weight:700;display:block}.font-option{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 8px;display:flex}.font-option:hover{background:#5d5ce214}.font-option.is-active{background:var(--selection-soft);box-shadow:inset 0 0 0 1px #5d5ce259}.font-option-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;overflow:hidden}.font-option-meta{color:var(--ink-faint);letter-spacing:.06em;flex:none;font-size:8px;font-weight:700}.font-empty{color:var(--ink-faint);padding:12px 8px;font-size:11px;display:block}:root{--surface:#fafaf8;--line:#e5e5e1;--line-strong:#d3d3ce;--ui-fill:#f2f2ef;--ui-hover:#eaeae6;--shadow-control:0 4px 20px #14141214, 0 1px 3px #1414120a;--shadow-frame:0 4px 16px #14141212, 0 1px 3px #1414120a}.canvas-surface{background-image:radial-gradient(circle,#12121121 .7px,#0000 .85px);background-position:0 0;background-size:20px 20px}.canvas-surface :is(.workspace-header,.left-sidebar,.right-properties-panel,.canvas-dock,.project-lake) button{box-shadow:none;background-image:none;transition:background-color .12s,border-color .12s,color .12s}.canvas-surface :is(.workspace-header,.left-sidebar,.right-properties-panel,.canvas-dock,.project-lake) button:hover,.canvas-surface :is(.workspace-header,.left-sidebar,.right-properties-panel,.canvas-dock,.project-lake) button:active{filter:none;box-shadow:none;transform:none}.canvas-surface :is(.workspace-header,.left-sidebar,.right-properties-panel,.canvas-dock,.project-lake) button:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.workspace-header{z-index:90;border:0;border-bottom:1px solid var(--line);background:var(--paper);height:56px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:0 16px 0 20px;inset:0 0 auto}.workspace-brand{letter-spacing:-.7px;gap:9px;font-size:18px;font-weight:650}.workspace-brand-dot{color:var(--selection)}.workspace-mark{width:22px;height:23px}.workspace-mark span{border-radius:3px;width:14px;height:17px}.workspace-mark span:last-child{background:var(--paper)}.project-identity{justify-content:flex-start;justify-self:stretch;gap:10px;font-size:12px;display:flex}.workspace-home-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:flex}.workspace-home-button:hover{color:var(--ink)}.project-breadcrumb-divider{color:#b7b7b0;flex-shrink:0}.project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550;overflow:hidden}.project-meta{border:0;flex-shrink:0;padding:0;font-size:11px}.workspace-local-label{border-left:1px solid var(--line);color:var(--ink-faint);white-space:nowrap;padding-left:12px;font-size:11px}.project-canvas-badge{background:var(--ui-fill);color:var(--ink-soft);border:0;border-radius:5px;flex-shrink:0;padding:3px 6px;font-size:10px}.workspace-header-right{gap:12px;overflow:visible}.workspace-project-actions{gap:4px;overflow:visible}.workspace-project-actions .workspace-file-button{height:32px;min-height:32px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:inline-flex}.workspace-project-actions .workspace-file-button:hover{background:var(--ui-fill);color:var(--ink);border-color:#0000}.workspace-project-actions .workspace-export-code-button{background:var(--ink);color:var(--paper);padding:0 12px}.workspace-project-actions .workspace-export-code-button:hover{color:var(--paper);background:#353533}.workspace-action-divider{background:var(--line);width:1px;height:18px;margin:0 4px}.workspace-presence{gap:6px}.sync-status{color:var(--ink-soft);padding:0 2px;font-size:11px}.avatar{background:var(--selection-soft);width:28px;height:28px;color:var(--selection);border:1px solid #5d5ce226;font-size:11px}.workspace-feedback{background:var(--paper);padding:12px 16px;font-size:12px;line-height:1.5;top:44px}.left-sidebar,.right-properties-panel{z-index:70;background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;top:56px;bottom:0}.left-sidebar{border-right:1px solid var(--line);flex-direction:column;left:0}.right-properties-panel{border-left:1px solid var(--line);right:0}.left-sidebar-panel,.properties-panel-inner{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.left-sidebar-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:visible}.sidebar-topline,.inspector-heading{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 10px;display:flex}.sidebar-topline{justify-content:center}.sidebar-tabbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;height:48px;padding:0 8px 0 10px;display:flex}.sidebar-collapse-button{border-radius:5px;flex:none;width:28px;height:28px}.sidebar-tabs{border:0;flex:1;gap:2px;min-width:0;height:32px;padding:0}.sidebar-tabs .sidebar-tab{flex:none;width:32px;height:28px}.sidebar-tab{height:30px;color:var(--ink-soft);border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:500;display:inline-flex}.sidebar-tab.is-active{background:var(--ui-hover);color:var(--ink);font-weight:600}.sidebar-active-panel{flex:1;min-height:0;overflow:hidden}.sidebar-active-panel>.sidebar-panel-content{height:100%;padding:10px}.sidebar-eyebrow{display:none}.sidebar-panel-heading{align-items:center;min-height:28px;padding-left:2px}.sidebar-icon-button{background:0 0;border:0;border-radius:5px}.sidebar-count{color:var(--ink-faint);background:0 0;padding:0;font-size:11px;font-weight:400}.sidebar-search{background:var(--ui-fill);border-color:#0000;border-radius:6px;height:32px;margin:8px 0 14px}.sidebar-search:focus-within{border-color:var(--selection)}.sidebar-search input{font-size:12px}.sidebar-panel-copy{margin:7px 0 14px;font-size:11px;line-height:1.6}.sidebar-footnote{margin-top:20px;font-size:10px;line-height:1.5}.layer-frame-list{gap:16px}.layer-frame-heading{color:var(--ink);margin-bottom:8px;font-size:11px}.layer-row{border-radius:4px;min-height:32px}.layer-name{font-size:11px}.layer-kind-mark{opacity:.75}.layer-actions{gap:0;padding-right:2px}.layer-action-button{width:19px;height:24px}.layer-row:focus-within .layer-actions{opacity:1}.page-list{gap:3px}.page-row{border:0;border-radius:6px;min-height:44px}.page-row.is-active{background:var(--selection-soft)}.page-icon{color:var(--ink-soft);background:0 0;flex-basis:20px;width:20px}.page-row.is-active .page-icon{color:var(--selection)}.page-copy{gap:4px}.page-copy strong{font-size:12px;font-weight:500}.sidebar-empty,.properties-empty{border:0;gap:12px;margin:26px 4px;padding:28px 10px}.sidebar-empty strong,.properties-empty strong{font-size:12px;font-weight:550}.sidebar-empty span,.properties-empty span{max-width:200px;font-size:11px;line-height:1.7}.properties-empty-icon{background:var(--ui-fill);width:44px;height:44px;color:var(--ink-soft);border-radius:10px}.left-sidebar.is-collapsed{background:var(--surface)}.is-collapsed .sidebar-topline{justify-content:center;padding:0}.sidebar-rail,.is-collapsed .sidebar-rail{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:8px;padding:8px 5px}.inspector-heading{justify-content:flex-start;gap:12px;padding-right:46px}.inspector-heading strong{font-size:12px;font-weight:600}.inspector-heading>span{color:var(--ink-faint);font-size:11px}.properties-collapse-button{border-radius:5px;width:28px;height:28px;top:10px;right:12px}.properties-scroll{height:calc(100% - 48px);padding:16px}.selection-summary{gap:10px;margin:0 0 18px}.selection-summary-mark{background:var(--ui-fill);color:var(--ink-soft);border-radius:6px}.selection-summary small{font-size:11px}.property-section{padding:18px 0}.property-section-title{color:var(--ink);margin-bottom:12px;font-size:12px;font-weight:550}.property-section-title svg{color:var(--ink-faint)}.property-grid{gap:10px 8px}.property-field{gap:5px;min-height:32px;font-size:11px}.property-input-wrap{background:var(--ui-fill);border-color:#0000;border-radius:5px;height:32px}.property-input-wrap:hover{border-color:var(--line-strong)}.property-input-wrap input{font-variant-numeric:tabular-nums;padding:0 8px;font-size:11px}.color-field,.font-field{min-height:32px}.color-field input,.font-field input{background:var(--ui-fill);border-color:#0000;border-radius:5px;height:32px;font-size:11px}.color-field-label,.font-field-label{font-size:11px}.token-field-chip{border-radius:5px;min-height:32px}.corner-radius-card{background:var(--ui-fill);box-shadow:none;border:0;border-radius:6px;padding:12px}.corner-radius-label{color:var(--ink-soft);font-size:11px}.corner-radius-value-pill{background:var(--paper);color:var(--ink);box-shadow:none;border:1px solid var(--line);background-image:none;border-radius:4px}.corner-radius-track{box-shadow:none}.corner-radius-track-fill{background:var(--selection);box-shadow:none}.tkn-root{padding:12px}.tkn-section{padding:14px 0}.tkn-section-title{text-transform:none;letter-spacing:0;font-size:11px}.tkn-filter{border-radius:5px;padding:5px 8px;font-size:10px}.tkn-collection{padding:5px}.tkn-collection-meta small,.tkn-mode-count,.tkn-subtitle{font-size:10px}.canvas-dock{z-index:80;background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;min-height:52px;box-shadow:var(--shadow-control);border-radius:12px;gap:3px;padding:7px;bottom:18px}.canvas-dock .tool-button,.canvas-dock .dock-icon{border-radius:6px;width:32px;min-width:32px;height:36px}.canvas-dock .shape-menu-button,.canvas-dock .shader-tool-button,.canvas-dock .add-frame-control>button{width:40px}.canvas-dock .tool-button.is-active,.canvas-dock .dock-icon.is-active{color:var(--paper);background:var(--selection)}.canvas-dock .tool-button.is-active:hover,.canvas-dock .dock-icon.is-active:hover{color:var(--paper);background:#514fcd}.canvas-dock .dock-divider{height:20px;margin:0 3px}.frame-menu,.shape-menu,.shader-menu{background:var(--paper);box-shadow:var(--shadow-control);border-radius:10px}.canvas-dock .frame-menu-category,.canvas-dock .frame-preset{border-radius:6px}.canvas-dock .shader-chip{border-radius:5px}.canvas-dock .shader-chip.is-active{background:var(--selection-soft);color:var(--selection)}.canvas-dock .shader-card{border-radius:8px}.project-lake.figma-lake,.project-lake.is-overlay.figma-lake{box-shadow:none;background:var(--surface);border:0;border-radius:0;grid-template-rows:72px minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;inset:56px 0 0}.figma-lake-topbar{background:var(--surface);grid-area:1/1;height:72px;padding:0 32px}.figma-lake-logo{display:none}.figma-lake-heading{flex-direction:column;gap:6px}.figma-lake-heading h2{font-size:14px;font-weight:600}.figma-lake-heading>span{font-size:10px}.figma-lake-body{background:var(--surface);grid-area:2/1;min-height:0;padding:36px 32px 24px}.figma-section{margin-bottom:32px}.figma-section-head{margin-bottom:16px}.figma-section-head h3{font-size:13px}.figma-section-head>span{font-size:11px}.figma-file-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.figma-file-card{background:var(--paper);border-radius:9px}.figma-file-card:hover{box-shadow:none;border-color:var(--line-strong);transform:none}.figma-file-card.is-active{border-color:var(--selection);box-shadow:0 0 0 1px var(--selection)}.figma-file-thumb{background:var(--ui-fill);height:190px}.figma-file-footer{padding:14px}.figma-file-name{font-size:12px;font-weight:550}.figma-file-sub{margin-top:4px;font-size:10px}.figma-file-open{background:var(--ink);border-radius:6px}.figma-template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.figma-template-card{border:1px solid var(--line);background:var(--paper);border-radius:9px;overflow:hidden}.figma-template-card:hover{border-color:var(--line-strong)}.figma-template-thumb{background:var(--ui-fill);border-radius:0;height:132px}.figma-template-footer{gap:10px;padding:14px}.figma-template-footer strong{font-size:12px;font-weight:550}.figma-template-footer span{font-size:10px;line-height:1.5}.figma-template-icon{background:0 0;border:0}.figma-template-plus{border-radius:6px}.figma-more-menu{background:var(--paper);box-shadow:var(--shadow-control);border-radius:8px;padding:5px}.blank-chooser-backdrop{-webkit-backdrop-filter:none;background:#12121166}.blank-chooser-card{border-color:var(--line);background:var(--paper);border-radius:12px;max-width:400px;box-shadow:0 24px 64px #14141229,0 4px 16px #14141212}.blank-chooser-close{width:28px;height:28px;color:var(--ink-soft);background:0 0;border:0;border-radius:6px;top:14px;right:14px}.blank-chooser-close:hover{background:var(--ui-fill);color:var(--ink)}.blank-chooser-header{border-bottom:0;padding:22px 24px 0}.blank-chooser-header h3{font-size:20px;font-weight:550}.blank-chooser-header p{color:var(--ink-soft);margin-top:5px;font-size:12px}.blank-chooser-options{background:0 0;gap:8px;padding:18px 24px 20px}.blank-chooser-option{border-color:var(--line);background:var(--paper);border-radius:8px;grid-template-columns:36px 1fr 20px;min-height:58px;padding:10px 14px 10px 12px}.blank-chooser-option:hover{border-color:var(--line-strong);background:var(--ui-fill)}.blank-chooser-option-icon{border:0;border-radius:7px;width:36px;height:36px}.blank-chooser-option-copy{gap:4px}.blank-chooser-option-copy strong{font-size:13px;font-weight:550}.blank-chooser-option-copy small{color:var(--ink-soft)}.blank-chooser-option-arrow{width:20px;height:20px;color:var(--ink-faint);background:0 0;border:0}.blank-chooser-option:hover .blank-chooser-option-arrow{color:var(--option-accent,var(--ink));background:0 0;transform:none}.blank-chooser-foot{background:0 0;border-top:0;justify-content:flex-end;padding:0 20px 18px}.blank-chooser-cancel{border-color:var(--line);background:var(--paper);height:28px;color:var(--ink);border-radius:7px;padding:0 12px;font-weight:600}.blank-chooser-cancel:hover{border-color:var(--line-strong);background:var(--ui-fill)}.template-preview{background:color-mix(in srgb, var(--preview-accent) 4%, var(--ui-fill));place-items:center;width:100%;height:100%;padding:18px;display:grid;overflow:hidden}.template-mini-page{background:var(--paper);text-align:left;border:1px solid #12121114;border-radius:5px;flex-shrink:0;width:196px;max-width:100%;height:116px;position:relative;overflow:hidden;box-shadow:0 6px 16px #1212110f}.template-mini-nav{border-bottom:1px solid var(--ui-fill);align-items:center;gap:4px;height:19px;padding:0 10px;display:flex}.template-mini-nav>span{background:#deded8;border-radius:1px;width:12px;height:2px}.template-mini-nav>span:first-child{background:var(--preview-accent);width:18px;height:4px;margin-right:auto}.template-landing-art{padding:11px 12px;position:relative}.template-landing-art>span:first-child{color:var(--ink-soft);font-size:5px}.template-landing-art>strong{z-index:1;letter-spacing:-.8px;margin:5px 0 8px;font-size:20px;font-weight:600;line-height:.98;display:block;position:relative}.template-mini-cta{color:#fff;background:var(--preview-accent);border-radius:3px;align-items:center;gap:9px;padding:4px 6px;font-size:4px;display:inline-flex}.template-orbit{border:19px solid var(--preview-accent);opacity:.2;border-radius:50%;width:86px;height:86px;position:absolute;top:20px;right:-10px}.template-dashboard-art{background:linear-gradient(90deg, var(--ui-fill) 24px, transparent 24px);height:calc(100% - 19px);padding:9px 12px 0 36px}.template-dashboard-art>span,.template-portfolio-art>span,.template-commerce-art>span,.template-mobile-art>span{color:var(--ink-soft);font-size:5px;display:block}.template-dashboard-art>strong{letter-spacing:-.4px;margin-top:4px;font-size:16px;font-weight:550;display:block}.template-dashboard-art small{color:var(--preview-accent);font-size:5px}.template-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:46px;padding-top:6px;display:flex}.template-chart>i{background:var(--preview-accent);opacity:.65;border-radius:2px 2px 0 0;flex:1}.template-chart>i:nth-child(2n){opacity:.25}.template-portfolio-art,.template-commerce-art{padding:10px 12px}.template-portfolio-art>strong,.template-commerce-art>strong{letter-spacing:-.5px;margin:4px 0 8px;font-size:13px;font-weight:550;display:block}.template-mini-tiles{gap:5px;height:40px;display:flex}.template-mini-tiles>i{background:color-mix(in srgb, var(--preview-accent) 18%, #f4f4f1);border-radius:2px;flex:1}.template-portfolio-art .template-mini-tiles>i:first-child{background:var(--preview-accent)}.template-portfolio-art .template-mini-tiles>i:nth-child(2){background:var(--ink);border-radius:20px 20px 2px 2px}.template-portfolio-art .template-mini-tiles>i:last-child{background:repeating-linear-gradient(45deg, transparent 0 4px, var(--preview-accent) 4px 6px);opacity:.45}.template-commerce-art .template-mini-tiles{height:44px;margin-bottom:7px}.template-commerce-art .template-mini-tiles>i{place-items:center;display:grid}.template-commerce-art .template-mini-tiles>i:after{content:"";background:var(--paper);border-radius:6px 6px 10px 10px;width:18px;height:28px;box-shadow:2px 3px #12121112}.template-commerce-art .template-mini-tiles>i:nth-child(2):after{border-radius:50%;width:25px;height:25px}.template-mini-page.is-mobile{border:3px solid var(--ink);border-radius:12px;width:76px;height:124px}.template-mini-page.is-mobile .template-mini-nav{border:0;justify-content:center;height:13px;padding:0}.template-mini-page.is-mobile .template-mini-nav>span{display:none}.template-mini-page.is-mobile .template-mini-nav>span:first-child{background:var(--ink);width:20px;height:3px;margin:0;display:block}.template-mobile-art{padding:5px 7px}.template-mobile-art>strong{letter-spacing:-.4px;margin:5px 0 7px;font-size:12px;line-height:1.1;display:block}.template-mobile-art>div{background:var(--preview-accent);opacity:.7;border-radius:5px;height:29px;margin-bottom:6px}.template-mobile-art>.template-mobile-row{background:var(--ui-fill);border-radius:2px;height:6px;margin-top:4px}.template-wire-art{padding:10px}.template-wire-art>div:first-child{border:1px dashed #babbb9;border-radius:2px;height:30px;margin-bottom:7px}.template-wire-art>span{background:var(--line);width:80%;height:3px;margin-bottom:4px;display:block}.template-wire-art>span:nth-child(3){width:55%}.template-wire-art .template-mini-tiles{height:22px;margin-top:7px}.template-wire-art .template-mini-tiles>i{border:1px solid var(--line);background:0 0}.template-blank-art{border:1px dashed var(--line-strong);width:196px;height:116px;color:var(--ink-faint);background:#ffffff80;border-radius:5px;align-content:center;place-items:center;gap:12px;display:grid}.template-blank-art>span{font-size:8px}.figma-template-thumb{height:156px}.canvas-dock{overflow:visible}.brief-frame{background:var(--paper)}.brief-frame-content{padding:32px}.brief-frame-header h2{font-size:26px;font-weight:550}.brief-frame-fields{gap:22px;padding-top:24px}.brief-field-label{font-size:12px;font-weight:550}.brief-field textarea,.brief-field input,.brief-reference-new input,.brief-decision-new input,.brief-decision-new textarea{background:var(--ui-fill);border-color:#0000;border-radius:5px;padding:10px;font-size:12px;line-height:1.5}.brief-field textarea:focus,.brief-field input:focus{border-color:var(--selection);background:var(--paper)}.brief-frame .brief-add-button,.brief-frame .brief-icon-button{background:var(--ui-fill);box-shadow:none;background-image:none;border-radius:5px;transform:none}@media (width>=1600px){.figma-lake-body{padding:48px}.figma-lake-topbar{padding:0 48px}.figma-file-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.figma-template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=1200px){.workspace-header{gap:14px}.workspace-local-label,.project-meta,.sync-status,.project-canvas-badge{display:none}.figma-lake-topbar{padding:0 24px}.figma-lake-heading>span{display:none}.figma-lake-body{padding:28px 24px}.canvas-dock{gap:1px;padding:5px}.canvas-dock .tool-button,.canvas-dock .dock-icon{width:28px;min-width:28px}.canvas-dock .shape-menu-button,.canvas-dock .shader-tool-button,.canvas-dock .add-frame-control>button{width:34px}}@media (width<=900px){.workspace-header{gap:12px;padding:0 12px}.workspace-brand{font-size:16px}.workspace-home-button>span{display:none}.workspace-header-right{gap:6px}.workspace-project-actions .workspace-file-button{padding:0 7px;font-size:10px}.workspace-project-actions .workspace-file-button>svg,.workspace-presence{display:none}.left-sidebar{height:auto;top:56px;bottom:76px;left:0;width:min(264px,44vw)!important}.left-sidebar.is-collapsed{width:48px!important}.left-sidebar-panel{display:flex}.sidebar-rail{position:static}.right-properties-panel{max-width:42vw;max-height:none;top:56px;bottom:76px;right:0}.canvas-dock{max-width:calc(100vw - 16px);bottom:12px}.figma-lake-topbar{gap:10px;padding:0 18px}.figma-lake-body{padding:24px 20px}.figma-lake-heading h2{font-size:12px}.figma-file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.figma-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=901px) and (width<=1180px){.canvas-surface:has(.left-sidebar:not(.is-collapsed)):has(.right-properties-panel:not(.is-collapsed)) .canvas-dock{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 640px)}}@media (width<=640px){.workspace-header{gap:8px;height:56px}.workspace-brand{gap:6px;font-size:15px}.workspace-brand .workspace-mark{display:none}.project-identity{gap:5px}.project-name{max-width:110px;font-size:11px}.workspace-header:has(.workspace-export-code-button){grid-template-columns:24px minmax(0,1fr)}.workspace-header:has(.workspace-export-code-button) .workspace-brand{display:none}.workspace-header:has(.workspace-export-code-button) .project-identity{display:flex}:is(.workspace-header:has(.workspace-export-code-button) .project-name,.workspace-header:has(.workspace-export-code-button) .project-breadcrumb-divider){display:none}.workspace-project-actions{gap:0}.workspace-project-actions .workspace-file-button{padding:0 5px;font-size:9px}.workspace-action-divider{margin:0 2px}.project-lake.figma-lake{grid-template-rows:60px minmax(0,1fr)}.figma-lake-topbar{height:60px;min-height:60px;padding:0 14px}.figma-lake-body{padding:24px 16px}.figma-section-head{align-items:center}.figma-section-head>span{text-align:right;max-width:50%;font-size:10px}.figma-template-grid{gap:10px}.figma-template-thumb{height:110px}.figma-template-footer{padding:10px}.figma-template-footer span{display:none}.canvas-dock{border-radius:9px;flex-wrap:wrap;justify-content:center;gap:2px;width:calc(100vw - 16px);min-height:46px;bottom:8px}.canvas-dock .tool-button,.canvas-dock .dock-icon{width:30px;min-width:30px}.canvas-dock .shape-menu-button,.canvas-dock .shader-tool-button,.canvas-dock .add-frame-control>button{width:34px}.canvas-dock .dock-divider{margin:0 2px}.canvas-dock .shader-menu{animation:none;left:auto;right:-60px;transform:none}.canvas-dock .frame-menu{max-width:calc(100vw - 32px);left:auto;right:-32px}.template-blank-art{max-width:100%}.left-sidebar,.right-properties-panel{bottom:100px}.left-sidebar{max-width:46vw}.left-sidebar.is-collapsed{max-width:48px}.right-properties-panel{max-width:48vw}.properties-scroll{padding:10px}.sidebar-tabs{padding-inline:4px}.sidebar-tab{padding:0 3px;font-size:10px}.sidebar-topline{padding:0 8px}.sidebar-topline>span{gap:4px;font-size:10px}.inspector-heading{padding-left:10px}.inspector-heading>span{display:none}.property-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.canvas-surface *,.canvas-surface :before,.canvas-surface :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}