@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/manrope-latin-300-normal-BgxWhS7-.woff2) format("woff2"),url(/assets/manrope-latin-300-normal-BXCth4v8.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}:root{color-scheme:light;--ground: #e7e8ea;--ink: #17181a;--muted: #595d64;--quiet: #767a82;--hair: rgba(23,24,26,.14);--hair-strong: rgba(23,24,26,.24);--panel: rgba(255,255,255,.58);--panel-solid: #f7f7f4;--inspector-surface: #fff;--inspector-selected: #f2f4f7;--input: rgba(255,255,255,.7);--stage: #dadee5;--stage-dot: rgba(48,55,67,.24);--lapis: #214a9a;--slate: #364f82;--clear: #fff;--ease: cubic-bezier(.16,1,.3,1);--ease-soft: cubic-bezier(.22,.8,.24,1);--motion-fast: .14s;--motion-base: .22s;--motion-panel: .32s;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--ground: #141517;--ink: #f1f2f4;--muted: #b7bac0;--quiet: #8f939b;--hair: rgba(255,255,255,.12);--hair-strong: rgba(255,255,255,.2);--panel: rgba(35,37,41,.72);--panel-solid: #25272b;--inspector-surface: #181d29;--inspector-selected: #303746;--input: rgba(13,14,16,.56);--stage: #1b1d21;--stage-dot: rgba(187,197,216,.15);--lapis: #5b7fc7;--slate: #6884bd;--clear: #202226}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--ground);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--ink);color:var(--ground)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:where(button,a,input,select):focus-visible{outline:2px solid var(--lapis);outline-offset:3px}.workspace-loading{width:100%;height:100dvh;background:var(--ground)}.mobile-handoff{min-height:100dvh;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#fff;color:#1b2230}.mobile-handoff-header{display:flex;align-items:center;justify-content:space-between}.mobile-handoff-header>a{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:inherit;font-size:16px;font-weight:500;letter-spacing:-.015em;text-decoration:none}.mobile-handoff-header button{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#555e70;font-size:16px;font-weight:500}.mobile-handoff-header button:hover{color:#254c91;background:#eef1f6}.mobile-handoff-header button svg{width:15px;height:15px;stroke-width:1.7}.mobile-handoff-content{width:100%;max-width:360px;margin:auto;padding:36px 0 48px;text-align:center}.mobile-handoff-art{position:relative;width:100vw;height:270px;margin:0 calc((100% - 100vw)/2) 38px;display:grid;place-items:center;background:url(/about-ink-field.png) center / 100% 100% no-repeat}.mobile-handoff-art .footer-dither-logo{display:block;width:min(86vw,440px);height:auto;touch-action:pan-y;transform:translateY(24px)}.mobile-handoff-copy h1{margin:0;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.015em;text-wrap:balance}.mobile-handoff-copy p{max-width:29ch;margin:16px auto 0;color:#626a77;font-size:16px;font-weight:500;line-height:1.6;text-wrap:pretty}.mobile-handoff-copy>a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding:0 20px;border:1px solid rgba(21,52,111,.55);border-radius:8px;color:#fff;font-size:16px;font-weight:500;text-decoration:none;background:linear-gradient(180deg,#3f68ae,#285299 48%,#1c407f);box-shadow:0 7px 13px #193d803b,0 2px 3px #0a1c422b,inset 0 1px #ffffff52,inset 0 -1px #091e4c4d;transition:background .17s ease,box-shadow .19s ease,transform .19s cubic-bezier(.16,1,.3,1)}.mobile-handoff-copy>a:hover{background:linear-gradient(180deg,#527bc3,#315da7,#21498c);box-shadow:0 12px 22px #193d804d,0 0 24px #2d58a02b,inset 0 1px #fff6,inset 0 -1px #091e4c38;transform:translateY(-2px)}.mobile-handoff-copy>a:active{transform:translateY(0);box-shadow:0 3px 6px #193d803d,inset 0 1px 3px #091e4c33}.mobile-handoff-copy>a svg{width:15px;height:15px}.mobile-handoff>footer{padding-top:20px;text-align:center;color:#747b87;font-size:16px;font-weight:500;line-height:1.5}@media(orientation:landscape)and (max-height:600px){.mobile-handoff-content{max-width:440px;padding:28px 0}.mobile-handoff-art{height:160px;margin-bottom:20px}.mobile-handoff-art .footer-dither-logo{width:280px}.mobile-handoff-copy h1{font-size:16px}.mobile-handoff-copy p{max-width:38ch;margin-top:10px}.mobile-handoff-copy>a{margin-top:18px}}@media(prefers-reduced-motion:reduce){.mobile-handoff-header button,.mobile-handoff-copy>a{transition:none}}.app-shell{width:100%;height:100dvh;padding:10px 12px 12px;display:grid;grid-template-rows:48px minmax(0,1fr);gap:10px}.command-bar{position:relative;z-index:40;min-width:0;height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 16px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#fff;box-shadow:0 12px 32px -4px #0f172a14,0 4px 12px -2px #0f172a0a,0 0 0 1px #00000008,inset 0 1px #fff;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);user-select:none;-webkit-font-smoothing:antialiased}[data-theme=dark] .command-bar{background:#181d29f2;border-color:#ffffff29;box-shadow:0 16px 36px -4px #000000b3,0 6px 16px -2px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1f}.brand{min-height:32px;display:inline-flex;align-items:center;gap:8px;width:max-content;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:650;letter-spacing:-.02em;padding:4px 6px;border-radius:999px;transition:transform var(--motion-fast) var(--ease),opacity var(--motion-fast) ease}.brand svg{transition:transform var(--motion-fast) var(--ease)}.brand:hover svg{transform:scale(1.08)}.brand small{color:var(--quiet);font-size:11px;font-weight:500;letter-spacing:.02em}.brand-lens,.source-lens{display:inline-block;width:12px;height:12px;border:1px solid var(--slate);border-radius:50%;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--slate) 18%,transparent)}.brand:hover .brand-lens{background:var(--slate);box-shadow:0 0 0 4px color-mix(in srgb,var(--slate) 14%,transparent)}.source-command,.output-actions{display:flex;align-items:center;gap:6px}.source-pill-group{display:inline-flex;align-items:center;padding:3px;border:0;border-radius:999px;background:#0000000d;gap:2px}[data-theme=dark] .source-pill-group{background:#ffffff14}.source-pill-group .button{min-height:32px;height:32px;padding:0 13px;font-size:12px;font-weight:600;border-radius:999px;border:0;box-shadow:none}.source-pill-group .button.secondary{border:0;background:var(--ink);color:var(--clear);box-shadow:0 1px 3px #0000001f}[data-theme=dark] .source-pill-group .button.secondary{background:#fff;color:#0f172a;box-shadow:0 1px 4px #0000004d}.source-pill-group .button.secondary:hover:not(:disabled){transform:translateY(-.5px);opacity:.92}.source-pill-group .button.quiet{border:0;background:transparent;color:var(--muted)}.source-pill-group .button.quiet:hover:not(:disabled){background:#0000000f;color:var(--ink);transform:none}[data-theme=dark] .source-pill-group .button.quiet:hover:not(:disabled){background:#ffffff1a;color:#fff}.paste-badge{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:28px;color:var(--quiet);font-size:11px;font-weight:500;user-select:none;border-radius:999px}.paste-badge kbd{font-family:inherit;font-size:10px;font-weight:650;padding:2px 5px;border-radius:6px;background:#0000000d;border:1px solid var(--hair-strong);color:var(--muted);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .paste-badge kbd{background:#ffffff14}.history-group{display:inline-flex;align-items:center;padding:3px;border:0;border-radius:999px;background:#0000000d;gap:2px}[data-theme=dark] .history-group{background:#ffffff14}.history-group .icon-button{width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none}.history-group .icon-button:first-child{border-right:0}.history-group .icon-button:hover:not(:disabled){background:#0000000f;color:var(--ink);transform:none}[data-theme=dark] .history-group .icon-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.history-group .icon-button svg{width:14px;height:14px}.history-action svg,.copy-action svg,.command-bar .button.primary svg,.dock-btn-export .dock-icon{overflow:visible}.history-action svg,.copy-action svg,.command-bar .button.primary svg,.dock-btn-export .dock-icon{transition:transform .18s var(--ease)}.history-action:first-child:is(:hover,:focus-visible):not(:disabled) svg{transform:rotate(-17deg)}.history-action:last-child:is(:hover,:focus-visible):not(:disabled) svg{transform:rotate(17deg)}.copy-action:is(:hover,:focus-visible):not(:disabled) svg{transform:translate(1px,-1px)}.command-bar .button.primary:is(:hover,:focus-visible):not(:disabled) svg,.dock-btn-export:is(:hover,:focus-visible):not(:disabled) .dock-icon{transform:translateY(2px)}.nav-link-pill{height:32px;display:inline-flex;align-items:center;padding:0 12px;border:0;border-radius:999px;background:#0000000d;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform 80ms ease}[data-theme=dark] .nav-link-pill{background:#ffffff14}.nav-link-pill:hover{background:#00000014;color:var(--ink);transform:translateY(-.5px)}[data-theme=dark] .nav-link-pill:hover{background:#ffffff24;color:#fff}.bar-divider{width:1px;height:18px;background:#0000001a;margin:0 3px;flex-shrink:0}[data-theme=dark] .bar-divider{background:#ffffff1f}.command-bar .button{min-height:32px;height:32px;padding:0 13px;font-size:12px;font-weight:600;border-radius:999px}.command-bar .icon-button{width:32px;height:32px;border-radius:999px;border:0;background:#0000000d;color:var(--muted);box-shadow:none}[data-theme=dark] .command-bar .icon-button{background:#ffffff14}.command-bar .icon-button:hover{background:#00000014;color:var(--ink);transform:translateY(-.5px)}[data-theme=dark] .command-bar .icon-button:hover{background:#ffffff24;color:#fff}.command-bar .icon-button svg{width:15px;height:15px}.command-bar .copy-action{min-height:32px;height:32px;padding:0 13px;border:0;border-radius:999px;background:#0000000d;color:var(--muted);box-shadow:none}[data-theme=dark] .command-bar .copy-action{background:#ffffff14}.command-bar .copy-action:hover:not(:disabled){background:#00000014;color:var(--ink);transform:translateY(-.5px)}[data-theme=dark] .command-bar .copy-action:hover:not(:disabled){background:#ffffff24;color:#fff}.command-bar .button.primary{min-height:34px;height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--lapis);color:#fff;font-size:12.5px;font-weight:650;box-shadow:0 3px 12px color-mix(in srgb,var(--lapis) 38%,transparent)}.command-bar .button.primary:hover:not(:disabled){opacity:.94;transform:translateY(-.5px);box-shadow:0 4px 14px color-mix(in srgb,var(--lapis) 45%,transparent)}.command-bar .button.primary:active:not(:disabled){transform:scale(.97)}.button,.icon-button{border:0;transition:transform var(--motion-fast) var(--ease),background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease,color var(--motion-fast) ease}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:11px;font-size:14px;font-weight:550;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.985);transition-duration:80ms}.button.primary{border:1px solid var(--ink);background:var(--ink);color:var(--clear);box-shadow:0 6px 14px #17181a21}:root[data-theme=dark] .button.primary{border-color:var(--lapis);background:var(--lapis);color:#fff}.button.secondary{border:1px solid var(--slate);background:var(--slate);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--slate) 20%,transparent)}.button.quiet{border:1px solid var(--hair);background:color-mix(in srgb,var(--panel-solid) 74%,transparent)}.button.quiet:hover:not(:disabled){border-color:var(--hair-strong);background:var(--panel-solid)}.button:disabled{opacity:.4;box-shadow:none;transform:none}.icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:12px;background:color-mix(in srgb,var(--panel-solid) 66%,transparent)}.icon-button:hover{border-color:var(--hair-strong);background:var(--panel-solid);transform:translateY(-1px)}.icon-button svg{width:18px;height:18px;stroke-width:1.6}.icon-button.small{width:40px;height:40px;border-radius:10px}.icon-button.small svg{width:15px}.workspace{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px}.canvas-column{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hair);border-radius:16px;background:var(--panel);box-shadow:inset 0 1px #ffffffa8,0 16px 42px #25282e14}.work-field{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:24px;background-color:var(--stage);background-image:radial-gradient(circle,var(--stage-dot) .65px,transparent .8px);background-size:5px 5px;cursor:grab;touch-action:none}.work-field.is-panning,.work-field.is-panning .artboard{cursor:grabbing}.work-field:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px #ffffff75,inset 0 -34px 60px #29303a09}.quick-popover{position:absolute;z-index:20;left:12px;top:12px;width:min(292px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto;padding:12px;border:1px solid var(--hair-strong);border-radius:15px;background:var(--panel-solid);box-shadow:0 16px 42px #1217212e,0 2px 8px #12172114;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .22s var(--ease),visibility 0s linear .22s}.quick-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .22s var(--ease),visibility 0s}.quick-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.quick-popover-head strong{font-size:13px;font-weight:700;letter-spacing:-.01em}.quick-popover-head button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}.quick-popover-head button:hover{background:var(--input);color:var(--ink)}.quick-field,.quick-range{display:grid;gap:6px;margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:650}.quick-field textarea{width:100%;min-height:58px;resize:vertical;padding:9px 10px;border:1px solid var(--hair);border-radius:9px;background:var(--input);color:var(--ink);font-size:12px;font-weight:500;line-height:1.45}.quick-range>span{display:flex;justify-content:space-between}.quick-range output{color:var(--ink);font-variant-numeric:tabular-nums}.quick-range input{width:100%;margin:0;accent-color:var(--slate);cursor:pointer}.quick-select{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:650}.quick-select select{width:100%;min-height:32px;padding:4px 8px;border:1px solid var(--hair);border-radius:8px;background:var(--input);color:var(--ink);font-size:11px;font-weight:600}.quick-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;margin-bottom:12px;border:1px solid var(--hair);border-radius:10px;background:var(--input)}.quick-segment button{min-height:30px;padding:2px 4px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.quick-segment button:hover{color:var(--ink)}.quick-segment button.active{background:var(--panel-solid);color:var(--ink);box-shadow:0 1px 4px #1217211a}.quick-layer-order{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:650}.quick-layer-order>div{display:flex;gap:4px}.quick-layer-order button{min-height:30px;padding:4px 8px;border:1px solid var(--hair);border-radius:8px;background:var(--input);color:var(--ink);font-size:11px;font-weight:600}.quick-layer-order button:hover:not(:disabled){border-color:var(--hair-strong);background:var(--panel-solid)}.quick-layer-order button:disabled{opacity:.38}.sidebar-layer-order{margin:10px 0 16px}.quick-popover-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:9px;border-top:1px solid var(--hair)}.quick-popover-actions button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.quick-popover-actions button:hover{background:var(--input);color:var(--ink)}.quick-popover-actions button:last-child{margin-left:auto;color:var(--slate)}@media(prefers-reduced-motion:reduce){.quick-popover,.quick-popover.is-open{transition:none;transform:none}}.calibration-marks{position:absolute;inset:14px;z-index:4;pointer-events:none}.calibration-marks i{position:absolute;width:11px;height:11px;opacity:.55}.calibration-marks i:before,.calibration-marks i:after{content:"";position:absolute;background:var(--quiet)}.calibration-marks i:before{width:11px;height:1px;top:0;left:0}.calibration-marks i:after{width:1px;height:11px;top:0;left:0}.calibration-marks i:nth-child(2){right:0;transform:scaleX(-1)}.calibration-marks i:nth-child(3){bottom:0;transform:scaleY(-1)}.calibration-marks i:nth-child(4){right:0;bottom:0;transform:scale(-1)}.empty-state{position:relative;z-index:2;width:min(440px,calc(100% - 48px));display:flex;flex-direction:column;align-items:center;text-align:center}.empty-lens{width:72px;height:72px;display:grid;place-items:center;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--slate) 54%,transparent);border-radius:50%;color:var(--slate);background:color-mix(in srgb,var(--clear) 36%,transparent);box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--slate) 7%,transparent),0 12px 34px #27324817}.empty-lens svg{width:29px;stroke-width:1.25}.empty-state h1{margin:0 0 10px;font-size:clamp(28px,3vw,40px);line-height:1.06;font-weight:500;letter-spacing:-.04em}.empty-state p{max-width:380px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}.empty-actions{display:flex;gap:8px;margin-top:24px}.local-note{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:var(--quiet);font-size:12px}.local-note span,.status-local i{width:6px;height:6px;border-radius:50%;background:var(--slate);box-shadow:0 0 0 3px color-mix(in srgb,var(--slate) 12%,transparent)}.artboard{position:relative;isolation:isolate;flex-shrink:0;overflow:hidden;background:#ddd;box-shadow:0 2px 4px #0f172a0a,0 8px 18px #0f172a12,0 20px 48px #0f172a1c,0 44px 92px #0f172a29,inset 0 0 0 1px #ffffff14;animation:artboard-in .42s var(--ease) both;container-type:size}.artboard.export-transparent{background-color:#fff;background-image:linear-gradient(45deg,#e6e8eb 25%,transparent 25%),linear-gradient(-45deg,#e6e8eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e8eb 75%),linear-gradient(-45deg,transparent 75%,#e6e8eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.artboard>.shader-background-stack,.artboard>.shader-background-stack canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.artboard img,.shot-wrap img,.frame-screen img,.secondary-wrap img,.macbook-webgl-canvas,.iphone-webgl-canvas{image-rendering:high-quality;image-rendering:auto}.shader-background-stack,.shader-background-base,.shader-background-texture{position:absolute;inset:0}.shader-background-stack{z-index:0;overflow:hidden}.shader-background-base,.shader-background-texture{pointer-events:none}.panel-background>.inspector-group-content{padding:0 14px 16px}.background-simple{display:flex;flex-direction:column;gap:0}.background-simple-section{padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--hair) 76%,transparent)}.background-simple .sidebar-group-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.background-simple .sidebar-group-title{font-size:11px;font-weight:650;letter-spacing:.01em;color:var(--ink);text-transform:none}.background-icon-action{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,transform .12s ease}.background-icon-action:hover{background:var(--input);color:var(--ink)}.background-icon-action:active{transform:scale(.94)}.background-random-looks .background-look-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.background-random-looks .background-look{position:relative;display:grid;place-items:center;min-width:0;height:44px;padding:0;border:0;background:transparent;border-radius:12px}.background-random-looks .background-look-swatch{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f,0 1px 4px #0000001f;transition:transform .16s ease,box-shadow .16s ease}.background-random-looks .background-look:hover .background-look-swatch{transform:scale(1.06)}.background-random-looks .background-look.is-active .background-look-swatch{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent),inset 0 0 0 1px #0000001f}.background-floor-switch{width:100%;min-height:38px;padding:0;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--ink);font:inherit}.background-floor-switch>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:580}.background-floor-switch>i{width:30px;height:18px;padding:2px;border-radius:999px;background:var(--hair-strong);transition:background .18s ease}.background-floor-switch>i:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000003d;transition:transform .18s ease}.background-floor-switch.is-active>i{background:var(--accent)}.background-floor-switch.is-active>i:after{transform:translate(12px)}.background-floor-controls{display:grid;gap:9px;padding-top:8px}.background-floor-controls .dock-segmented,.background-advanced-content .dock-segmented{display:flex;width:100%}.background-floor-controls .dock-seg-btn,.background-advanced-content .dock-seg-btn{flex:1;justify-content:center;text-transform:capitalize}.background-image-palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.background-image-palettes button{height:30px;display:flex;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--hair) 80%,transparent);border-radius:9px;background:transparent}.background-image-palettes i{display:block;flex:1;height:100%}.background-colour-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.background-colour-swatches button{position:relative;height:31px;padding:0;border:0;border-radius:9px;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .14s ease,box-shadow .14s ease}.background-colour-swatches button:hover{transform:translateY(-1px)}.background-colour-swatches button.is-active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent),inset 0 0 0 1px #0000001f}.background-simple .background-color-picker{display:block;padding:10px;border:1px solid color-mix(in srgb,var(--hair) 86%,transparent);border-radius:12px;background:color-mix(in srgb,var(--input) 72%,transparent)}.custom-color-picker.is-compact .color-field{height:132px}.custom-color-picker.is-compact .color-picker-values-stack{margin-top:8px}.background-tune{display:grid;gap:8px}.background-simple>.background-advanced{border:0}.background-simple>.background-advanced>summary{height:40px;display:flex;align-items:center;padding:0;color:var(--muted);font-size:11px;font-weight:620;cursor:pointer}.background-advanced-content{display:grid;gap:10px;padding:0 0 4px}.background-base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.background-base-grid button{min-width:0;padding:6px 3px 5px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:9.5px;text-transform:capitalize}.background-base-grid button:hover{background:var(--input);color:var(--ink)}.background-base-grid button.is-active{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--input));color:var(--ink)}.base-glyph{display:block;width:28px;height:19px;border-radius:6px;background:linear-gradient(135deg,#7186a5,#e5e9f0)}.base-flow,.base-watercolor{background:radial-gradient(circle at 25% 30%,#f298a8,transparent 48%),radial-gradient(circle at 70% 70%,#2459ab,transparent 48%),#ddd9ec}.base-sky{background:linear-gradient(145deg,#e8f3ff,#69a9ef 52%,#1749a0)}.base-glow{background:radial-gradient(circle at 25% 90%,#0c2630 30%,#bbff54 36%,#0c2630 48%)}.base-prism{background:repeating-linear-gradient(100deg,#173f35 0 24%,#b7ce70 25% 39%,#f3efd0 40% 54%)}.base-spotlight{background:radial-gradient(circle,#fff,#8ea3bf 42%,#172131)}.base-solid{background:#b9c1ce}.background-palette-actions{display:flex;gap:6px}.background-palette-actions button{height:29px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--hair);border-radius:8px;background:var(--input);color:var(--ink);font-size:10.5px}@supports (backdrop-filter:blur(18px)){.sidebar-shell,.inspector-sidebar{background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(22px) saturate(1.08)}}@media(prefers-reduced-motion:reduce){.background-simple *{transition:none!important}}.scene-lighting-field,.scene-lighting-ambient{position:absolute;z-index:1;inset:0;pointer-events:none;mix-blend-mode:soft-light}.scene-lighting-glow{position:absolute;z-index:1;inset:0;pointer-events:none;mix-blend-mode:screen}.scene-lighting-falloff{position:absolute;z-index:1;inset:0;pointer-events:none;mix-blend-mode:multiply}.true-lighting-shade{position:absolute;z-index:150;inset:0;pointer-events:none;background:radial-gradient(ellipse var(--true-light-falloff) var(--true-light-falloff) at var(--true-light-x) var(--true-light-y),rgba(3,6,10,var(--true-light-core)) 0%,rgba(3,6,10,calc((var(--true-light-core) + var(--true-light-edge)) / 2)) 38%,rgba(3,6,10,var(--true-light-edge)) 78%);mix-blend-mode:multiply;transition:background .12s linear}.has-true-lighting .stage-light-puck,.has-true-lighting .canvas-light-vector,.has-true-lighting .planar-frame-gizmo,.has-true-lighting .alignment-guide{z-index:170!important}.studio-stage-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}.studio-stage-controls{margin:0 0 12px;padding:5px 8px;border:1px solid var(--hair);border-radius:10px;background:var(--panel-solid)}.studio-stage-toggle{width:100%;min-height:34px;display:grid;grid-template-columns:26px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:2px 0;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.studio-stage-toggle:hover,.studio-stage-toggle.active{background:transparent}.studio-stage-toggle:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.studio-stage-toggle>span:nth-child(2) strong,.studio-stage-toggle>span:nth-child(2) small{display:block}.studio-stage-toggle strong{font-size:11.5px;font-weight:650}.studio-stage-toggle small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.25}.studio-stage-swatch{width:26px;height:22px;border-radius:5px;background:linear-gradient(180deg,#a5a6aa,#d8d9db 55%,#f7f7f7 56%,#f0f0f0);box-shadow:inset 0 0 0 1px #1b1f271f}.studio-stage-switch{width:28px;height:16px;border-radius:99px;background:var(--hair-strong);position:relative;transition:background .18s ease}.studio-stage-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s ease}.studio-stage-toggle.active .studio-stage-switch{background:var(--lapis)}.studio-stage-toggle.active .studio-stage-switch:after{transform:translate(12px)}.true-lighting-toggle{width:100%;min-height:36px;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:9px;margin:0;padding:4px 8px;border:1px solid var(--hair);border-radius:9px;background:var(--input);color:var(--ink);text-align:left;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.true-lighting-toggle:hover{border-color:var(--hair-strong);background:var(--panel-solid)}.true-lighting-toggle.active{border-color:color-mix(in srgb,#d39a27 45%,var(--hair));background:color-mix(in srgb,#f3bd4c 8%,var(--panel-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb,#f3bd4c 12%,transparent)}.true-lighting-toggle>span:nth-child(2) strong,.true-lighting-toggle>span:nth-child(2) small{display:block}.true-lighting-toggle strong{font-size:11px;font-weight:650}.true-lighting-toggle small{margin-top:1px;color:var(--muted);font-size:10px;line-height:1.25}.true-lighting-toggle.active .studio-stage-switch{background:#b8780d}.true-lighting-toggle.active .studio-stage-switch:after{transform:translate(12px)}.true-lighting-orb{position:relative;width:22px;height:22px;border:1px solid var(--hair-strong);border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8cf 0 8%,#e9a72e 18%,#704612 47%,#11151c 72%);box-shadow:inset -3px -4px 6px #00000075,0 2px 5px #14161a29}.true-lighting-orb i{position:absolute;right:1px;bottom:2px;width:6px;height:6px;border-radius:50%;background:#15181e;opacity:.9}.studio-stage-settings{padding:11px 8px 5px;border-top:1px solid var(--hair)}.studio-stage-settings .tone-row{margin:0 0 12px}.studio-stage-layer-action{width:100%;min-height:34px;margin-top:8px;padding:0 10px;border:1px solid var(--hair);border-radius:8px;background:var(--input);color:var(--ink);font-size:11px;font-weight:650;cursor:pointer}.studio-stage-layer-action:hover{border-color:var(--hair-strong);background:var(--panel-solid)}.studio-stage-layer-action:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.studio-stage-background-note{display:grid;gap:5px;margin-bottom:16px;padding:12px;border:1px solid var(--hair);border-radius:11px;background:var(--input)}.studio-stage-background-note strong{font-size:12px}.studio-stage-background-note span{color:var(--muted);font-size:10.5px;line-height:1.4}.studio-stage-background-note button{justify-self:start;margin-top:4px;padding:0;border:0;background:transparent;color:var(--lapis);font-size:11px;font-weight:650;cursor:pointer}.studio-stage-background-note button:hover{text-decoration:underline}.studio-stage-background-note button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.studio-stage-background-entry{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:16px;padding:8px;border:1px solid var(--hair);border-radius:12px;background:var(--panel-solid);color:var(--ink);text-align:left;cursor:pointer}.studio-stage-background-entry:hover{border-color:var(--hair-strong);background:var(--input)}.studio-stage-background-entry:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.studio-stage-background-entry strong,.studio-stage-background-entry small{display:block}.studio-stage-background-entry strong{font-size:12px;font-weight:700}.studio-stage-background-entry small{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.35}@keyframes artboard-in{0%{opacity:.82}to{opacity:1}}.artboard-atmosphere{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.artboard-atmosphere:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 32%,rgba(255,255,255,.07) 64%,transparent);mix-blend-mode:soft-light}.artboard-atmosphere i{position:absolute;display:block;pointer-events:none}.style-soft .artboard-atmosphere i:first-child{width:38cqw;height:38cqw;right:-10cqw;top:-20cqw;border:1px solid rgba(255,255,255,.34);border-radius:50%;box-shadow:0 0 0 9cqw #ffffff0e,0 0 0 18cqw #ffffff09}.style-soft .artboard-atmosphere i:nth-child(2){left:5%;bottom:7%;width:12%;height:1px;background:#1425432e}.style-paper .artboard-atmosphere{background:linear-gradient(90deg,transparent 6.8%,rgba(65,52,38,.12) 6.9%,transparent 7%)}.style-grain .artboard-atmosphere i:first-child{width:42cqw;height:42cqw;left:-19cqw;bottom:-22cqw;border:1px solid rgba(16,55,59,.25);border-radius:50%}.style-grid .artboard-atmosphere{background:linear-gradient(rgba(18,48,91,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,48,91,.06) 1px,transparent 1px);background-size:5cqw 5cqw}.style-halftone .artboard-atmosphere i:first-child{width:24cqw;height:24cqw;right:-7cqw;top:-8cqw;border-radius:50%;background:#ffffff2e}.style-signal .artboard-atmosphere:after{content:"";position:absolute;width:60cqw;height:1px;right:-7cqw;top:24%;background:linear-gradient(90deg,transparent,rgba(184,204,255,.48),transparent);transform:rotate(-11deg);box-shadow:0 0 3cqw #316de061}.style-mono .artboard-atmosphere{background:linear-gradient(90deg,transparent 49.9%,rgba(31,34,38,.07) 50%,transparent 50.1%)}.shot-wrap{position:absolute;z-index:2;left:50%;top:50%;width:var(--shot-width);overflow:visible!important;transform:translate(-50%,-50%) rotate(var(--shot-rotation,0deg));transform-origin:center;border-radius:var(--shot-radius);background:#fff;box-shadow:calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019));container-type:inline-size}.shot-frame-viewport{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;display:flex;flex-direction:column}.shot-wrap.frame-macbook .shot-frame-viewport,.shot-wrap.frame-iphone .shot-frame-viewport,.shot-wrap.frame-monitor .shot-frame-viewport{overflow:visible;border-radius:0}.render-source{display:none!important}.secondary-wrap{position:absolute;z-index:3;overflow:visible!important;border-radius:1.8cqw;box-shadow:0 1px 3px #090e1a1a,0 .8cqw 2.2cqw #090e1a29,0 2.2cqw 5.2cqw #090e1a24;transform:translate(-50%,-50%) rotate(var(--layer-rotation,0deg));transform-origin:center}.secondary-viewport{width:100%;height:100%;overflow:hidden;border-radius:inherit;border:1px solid rgba(12,17,28,.16);background:#fff}.secondary-viewport img{display:block;width:100%;height:100%;user-select:none}.scene-logo-viewport{width:100%;height:100%;overflow:hidden;border-radius:inherit}.scene-logo-viewport img{display:block;width:100%;height:100%;user-select:none}.editable-object{touch-action:none;cursor:grab}.editable-object:active{cursor:grabbing}.editable-object:focus-visible{outline:2px solid var(--lapis);outline-offset:0}.editable-object.selected{outline:calc(1.5px * var(--canvas-ui-scale,1)) solid var(--lapis);outline-offset:0}.editable-object.selected:after{display:none}.alignment-guide{position:absolute;z-index:8;pointer-events:none;background:color-mix(in srgb,var(--lapis) 82%,white);box-shadow:0 0 0 1px #ffffff59}.guide-vertical{top:0;bottom:0;width:1px}.guide-horizontal{left:0;right:0;height:1px}.frame-screen{min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:var(--image-aspect);overflow:hidden;background:#fff}.shot-wrap img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.frame-clean{border:1px solid rgba(12,17,28,.16);background:#fff}.frame-clean:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff94,inset 0 0 0 1px #ffffff2e;pointer-events:none}.frame-browser{display:flex;flex-direction:column;border:1px solid rgba(12,17,28,.16);background:#f3f3f1;box-shadow:calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019))}.frame-browser .frame-screen{flex:none;height:auto}.browser-bar{flex:0 0 6.8cqi;display:grid;grid-template-columns:auto auto minmax(42px,1fr) auto;align-items:center;gap:clamp(2px,1.25cqi,9px);padding:0 clamp(5px,1.6cqi,13px);border-bottom:1px solid rgba(23,24,26,.1);background:#f1f1ef;color:#17181a85;box-shadow:inset 0 1px #ffffffd6}.tone-dark .browser-bar{border-color:#ffffff14;background:#242629;color:#fff9;box-shadow:inset 0 1px #ffffff0d}.browser-dots{display:flex;gap:clamp(2px,.3vw,4px)}.browser-dots i{width:clamp(3px,.42vw,6px);height:clamp(3px,.42vw,6px);border-radius:50%;background:#b8bbc0;box-shadow:inset 0 -1px #0000001a}.browser-dots i:nth-child(1){background:#e4776e}.browser-dots i:nth-child(2){background:#deb95c}.browser-dots i:nth-child(3){background:#70b184}.browser-nav{display:flex;gap:1px}.browser-nav svg,.browser-menu{width:clamp(7px,.75vw,10px);height:clamp(7px,.75vw,10px);stroke-width:1.65}.browser-address{height:48%;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 8px;border:1px solid rgba(23,24,26,.08);border-radius:5px;background:#ffffffc2;box-shadow:inset 0 1px #ffffffe6}.tone-dark .browser-address{border-color:#ffffff12;background:#0003;box-shadow:none}.browser-address svg{width:clamp(5px,.58vw,8px)}.browser-address b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(5px,.6vw,8px);font-weight:500}.frame-glass{border:1px solid rgba(255,255,255,.78);background:linear-gradient(145deg,#ffffff75,#ffffff21);box-shadow:inset 0 1px #fffffff0,inset 0 -1px #ffffff2e,calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019));backdrop-filter:blur(22px) saturate(1.28)}.frame-glass.tone-dark{border-color:#fff3;background:linear-gradient(145deg,#131c2f94,#06091152)}.frame-glass .frame-screen{width:calc(100% - 3.6cqi);margin:1.8cqi;border:1px solid rgba(255,255,255,.58);border-radius:calc(var(--shot-radius) * .62);box-shadow:0 1px 2px #080c1429,0 8px 24px #080c141f}.frame-iphone,.frame-iphone.tone-light{border:1px solid #050607;background:linear-gradient(90deg,#050607,#303337 2.5%,#0a0b0d 5.5%,#17191b,#0a0b0d 94.5%,#303337 97.5%,#050607);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 3px #000000b8,0 1px 2px rgba(9,14,26,calc(var(--shot-shadow) * .0036)),0 calc(var(--shot-shadow) * .16px) calc(var(--shot-shadow) * .38px) rgba(9,14,26,calc(var(--shot-shadow) * .0038)),0 calc(var(--shot-shadow) * .5px) calc(var(--shot-shadow) * 1.1px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),0 calc(var(--shot-shadow) * 1.05px) calc(var(--shot-shadow) * 2.3px) rgba(9,14,26,calc(var(--shot-shadow) * .0024))}.frame-android{border:1px solid #181a1e;background:linear-gradient(110deg,#0b0d10,#4b5058 10%,#15181d 28%,#686d75,#171a1f 72%,#434850 90%,#08090b);box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 0 0 2px #0000007a,calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019))}.frame-android.tone-light{border-color:#666b72;background:linear-gradient(110deg,#747a82,#f7f8f6 10%,#a6abb1 27%,#f4f3ef,#969ca4 73%,#eceeec 90%,#737981);box-shadow:inset 0 0 0 1px #ffffffe0,inset 0 0 0 2px #272b3147,calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019))}.frame-iphone:before,.frame-android:before{content:"";position:absolute;z-index:4;inset:1px;border:1px solid rgba(255,255,255,.18);border-radius:inherit;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 0 2px #ffffff0b;pointer-events:none}.frame-android.tone-light:before{border-color:#ffffffb8;box-shadow:inset 0 0 0 1px #292d332e}.frame-iphone{border-radius:clamp(17px,1.6vw,23px)}.frame-android{border-radius:clamp(7px,.9vw,13px)}.frame-iphone.selected{outline:0}.frame-iphone.selected:after{display:none}.frame-android.selected:after{border-radius:clamp(9px,1.05vw,15px)}.frame-iphone .frame-screen{width:calc(100% - 8.4cqi);margin:4.2cqi;border-radius:8.6cqi;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffffff1f}.frame-android .frame-screen{width:calc(100% - 4cqi);margin:2cqi;border-radius:4.5cqi;box-shadow:0 0 0 1px #000000c2}.shot-wrap.frame-macbook{background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important;border-radius:0!important;pointer-events:none}.shot-wrap.frame-macbook:before{display:none!important}.shot-wrap.frame-macbook.selected,.shot-wrap.frame-macbook:focus-visible{outline:none!important}.frame-macbook-wrap{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.macbook-frame-container{width:100%;height:100%;position:relative}.macbook-webgl-canvas{width:100%;height:100%;display:block;pointer-events:none}.device-hit-area{position:absolute;z-index:1;inset:0;pointer-events:auto;touch-action:none;cursor:default}.device-hit-area:focus-visible{outline:2px solid var(--lapis);outline-offset:4px}.macbook-loading,.macbook-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#11131714;color:#1113179e;font-size:11px;letter-spacing:.01em}.macbook-fallback{z-index:2;align-content:center;gap:8px;padding:20px;text-align:center;background:#f6f6f2f0}.macbook-fallback strong{color:#17181a;font-size:13px;font-weight:600}.macbook-fallback span{max-width:34ch;line-height:1.5}.macbook-fallback button{justify-self:center;min-height:36px;margin-top:4px;padding:0 14px;border:0;border-radius:9px;background:#17181a;color:#fff;font:600 11px/1 Manrope,sans-serif;cursor:pointer}.macbook-fallback button:hover{background:#2d3035}.macbook-fallback button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.shot-wrap.frame-iphone{background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important;border-radius:0!important;pointer-events:none}.shot-wrap.frame-iphone:before{display:none!important}.shot-wrap.frame-iphone.selected,.shot-wrap.frame-iphone:focus-visible{outline:none!important}.frame-iphone-wrap{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.iphone-frame-container{width:100%;height:100%;position:relative}.iphone-webgl-canvas{width:100%;height:100%;display:block;pointer-events:none}.lid-drag-handle,.macbook-fallback,.iphone-fallback{pointer-events:auto}.lid-drag-handle{position:absolute;z-index:10;left:50%;top:22%;width:28%;height:18px;padding:0;border:0;background:transparent;transform:translate(-50%);cursor:ns-resize}.lid-drag-handle span{display:block;width:52%;height:3px;margin:auto;border-radius:99px;background:#ffffffe0;box-shadow:0 0 0 1px #00000038,0 3px 10px #0000003d;opacity:.56;transform:scaleX(.65);transition:transform .16s ease,opacity .16s ease}.lid-drag-handle:hover span,.lid-drag-handle:focus-visible span{transform:scaleX(1);opacity:1}.shot-wrap:not(.selected) .lid-drag-handle{display:none}.shot-wrap.frame-monitor{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.shot-wrap.frame-monitor:before{display:none!important}.frame-monitor-wrap{position:relative;width:100%;aspect-ratio:547 / 461;filter:drop-shadow(0 8px 8px rgba(8,13,24,.16)) drop-shadow(0 20px 28px rgba(8,13,24,.12))}.monitor-frame-svg{display:block;width:100%;height:100%;overflow:visible}.shot-wrap.frame-monitor,.monitor-frame-svg{pointer-events:none}.monitor-frame-svg path,.monitor-frame-svg rect,.monitor-frame-svg circle,.monitor-frame-svg image{pointer-events:visiblePainted}.resolved-layout .shot-wrap.planar-3d,.resolved-layout .shot-wrap.planar-3d.depth-lifted,.resolved-layout .shot-wrap.planar-3d.depth-perspective{transform:translate(-50%,-50%) perspective(900px) rotateX(var(--frame-pitch,0deg)) rotateY(var(--frame-yaw,0deg)) rotate(calc(var(--shot-rotation,0deg) + var(--frame-roll,0deg)));transform-style:preserve-3d;will-change:transform}.shot-wrap.planar-3d{box-shadow:inset -1px -1px #0000001f,calc(var(--shadow-dir-x, 0) * .02px) calc(.5px + var(--shadow-dir-y, 18) * .02px) 1.5px rgba(9,14,26,calc(var(--shot-shadow) * .0026)),calc(var(--shadow-dir-x, 0) * .06px) calc(var(--shot-shadow) * .06px + var(--shadow-dir-y, 18) * .05px) calc(var(--shot-shadow) * .15px + 2px) rgba(9,14,26,calc(var(--shot-shadow) * .0034)),calc(var(--shadow-dir-x, 0) * .16px) calc(var(--shot-shadow) * .22px + var(--shadow-dir-y, 18) * .14px) calc(var(--shot-shadow) * .48px) rgba(9,14,26,calc(var(--shot-shadow) * .0032)),calc(var(--shadow-dir-x, 0) * .35px) calc(var(--shot-shadow) * .55px + var(--shadow-dir-y, 18) * .32px) calc(var(--shot-shadow) * 1.18px) rgba(9,14,26,calc(var(--shot-shadow) * .0028)),calc(var(--shadow-dir-x, 0) * .65px) calc(var(--shot-shadow) * 1.12px + var(--shadow-dir-y, 18) * .58px) calc(var(--shot-shadow) * 2.45px) rgba(9,14,26,calc(var(--shot-shadow) * .0019))}.planar-frame-gizmo{position:absolute;width:148px;height:148px;transform:translate(-50%,-50%);pointer-events:none}.planar-frame-gizmo-canvas{display:block;width:148px;height:148px;pointer-events:none}.planar-frame-gizmo-hit{position:absolute;inset:0;border-radius:50%;pointer-events:auto;touch-action:none;cursor:grab}.planar-frame-gizmo-hit:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.imac-position-note{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.5}.resolved-layout .shot-wrap.frame-monitor,.resolved-layout .shot-wrap.frame-monitor.depth-lifted,.resolved-layout .shot-wrap.frame-monitor.depth-perspective{transform:translate(-50%,-50%)}.resolved-layout .shot-wrap.frame-monitor.planar-3d{transform:translate(-50%,-50%) perspective(900px) rotateX(var(--frame-pitch,0deg)) rotateY(var(--frame-yaw,0deg)) rotate(calc(var(--shot-rotation,0deg) + var(--frame-roll,0deg)));transform-style:preserve-3d}.iphone-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#11131714;color:#1113179e;font-size:11px;letter-spacing:.01em;z-index:2;align-content:center;gap:8px;padding:20px;text-align:center;background:#f6f6f2f0}.iphone-fallback strong{color:#17181a;font-size:13px;font-weight:600}.iphone-fallback span{max-width:34ch;line-height:1.5}.iphone-fallback button{justify-self:center;min-height:36px;margin-top:4px;padding:0 14px;border:0;border-radius:9px;background:#17181a;color:#fff;font:600 11px/1 Manrope,sans-serif;cursor:pointer}.iphone-fallback button:hover{background:#2d3035}.iphone-fallback button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.device-chrome{position:absolute;z-index:5;inset:0;pointer-events:none}.device-chrome i,.device-chrome b,.device-chrome em,.device-chrome span{position:absolute;display:block}.iphone-chrome i{top:4cqi;left:50%;width:52cqi;height:9cqi;border-radius:0 0 4.5cqi 4.5cqi;background:#090a0b;box-shadow:inset 0 -1px #ffffff09;transform:translate(-50%)}.iphone-chrome i:before{content:"";position:absolute;left:50%;top:2.4cqi;width:12cqi;height:1.4cqi;border-radius:99px;background:#292b2d;box-shadow:inset 0 1px #ffffff0f;transform:translate(-50%)}.iphone-chrome i:after{content:"";position:absolute;right:9.3cqi;top:2.1cqi;width:2.6cqi;height:2.6cqi;border-radius:50%;background:radial-gradient(circle at 40% 36%,#243746 0,#0b0e12 46%,#020303 72%)}.iphone-chrome b,.iphone-chrome em,.iphone-chrome span{width:.9cqi;border:1px solid rgba(0,0,0,.72);border-radius:99px;background:linear-gradient(90deg,#050607,#55585b 54%,#08090a)}.iphone-chrome em{left:0;top:18%;height:6.5%}.iphone-chrome span:nth-of-type(1){left:0;top:27.5%;height:10.5%}.iphone-chrome b{left:0;top:39%;height:10.5%}.iphone-chrome span:nth-of-type(2){right:0;top:29%;height:14.5%}.android-chrome i{top:3.1cqi;left:50%;width:4cqi;height:4cqi;border-radius:50%;background:#080a0d;box-shadow:0 0 0 .35cqi #00000073;transform:translate(-50%)}.android-chrome b{display:none}.android-chrome span{right:.1cqi;top:29%;width:.65cqi;height:15%;border-radius:99px;background:#000000ad}.composition-copy{position:absolute;z-index:3;color:#16191e;translate:calc(var(--copy-x) * .5cqw) calc(var(--copy-y) * .5cqh)}.composition-copy.selected{outline-offset:6px}.composition-copy.selected:after{inset:-7px;border-radius:6px}.ink-light .composition-copy{color:#fff}.ink-dark .composition-copy{color:#11141a}.composition-copy strong,.composition-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.composition-copy strong{white-space:pre-line;font-weight:600;line-height:1.14;letter-spacing:-.028em}.composition-copy p{margin:6px 0 0;color:currentColor;font-weight:450;line-height:1.5;opacity:.84}.resolved-layout .composition-copy{translate:none}.resolved-layout .shot-wrap{transform:translate(-50%,-50%) rotate(var(--shot-rotation,0deg))}.resolved-layout .shot-wrap.depth-lifted{transform:translate(-50%,-50%) perspective(900px) rotateX(2deg) rotateY(-4deg) rotate(var(--shot-rotation,0deg)) scale(1.015)}.resolved-layout .shot-wrap.depth-perspective{transform:translate(-50%,-50%) perspective(760px) rotateX(4deg) rotateY(-10deg) rotate(var(--shot-rotation,0deg)) scale(1.025)}.resolved-layout .composition-copy strong{max-width:none;margin:0;font-size:var(--copy-title-size);font-weight:var(--title-weight,650);line-height:var(--title-leading,1.06);-webkit-line-clamp:var(--title-lines,2)}.resolved-layout .composition-copy p{max-width:none;margin:var(--copy-gap,1.8cqw) 0 0;font-size:var(--copy-subtitle-size);line-height:var(--subtitle-leading,1.4);-webkit-line-clamp:var(--subtitle-lines,2)}.freeform-text{position:absolute;color:#11141a;text-wrap:balance;box-sizing:border-box;transform:translate(-50%) rotate(var(--layer-rotation,0deg));transform-origin:center center;user-select:text;cursor:default;outline:none}.freeform-text:focus{outline:none}.freeform-text:focus-visible{outline:1.5px solid var(--lapis)!important;outline-offset:4px;border-radius:2px}.freeform-text.selected{outline:calc(1.5px * var(--canvas-ui-scale,1)) solid var(--lapis)!important;outline-offset:0;border-radius:2px}.freeform-text.is-editing{outline:calc(1.5px * var(--canvas-ui-scale,1)) solid var(--lapis)!important;outline-offset:0;border-radius:2px;box-shadow:0 0 0 calc(2px * var(--canvas-ui-scale,1)) color-mix(in srgb,var(--lapis) 25%,transparent)}.freeform-text.depth-lifted{filter:drop-shadow(0 2px 6px rgba(0,0,0,.14))}.freeform-text.depth-perspective{transform:translate(-50%) perspective(800px) rotateX(2deg) rotateY(-6deg) rotate(var(--layer-rotation,0deg));filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}.ink-light .freeform-text{color:#fff}.ink-dark .freeform-text{color:#11141a}.freeform-text.role-headline{letter-spacing:-.025em}.freeform-text.role-subtitle{opacity:.88}.text-side-handle{position:absolute;z-index:40;width:4px;height:12px;border-radius:99px;background:#fff;border:1px solid var(--lapis);box-shadow:0 1px 3px #0003;top:50%;touch-action:none;pointer-events:auto;cursor:ew-resize;transition:background-color 80ms ease;transform-origin:center}.text-side-handle:before{content:"";position:absolute;inset:-8px}.text-side-handle:hover{background:var(--lapis)}.text-side-handle.handle-w{left:0;transform:translate(-50%,-50%) scale(var(--canvas-ui-scale,1))}.text-side-handle.handle-e{right:0;transform:translate(50%,-50%) scale(var(--canvas-ui-scale,1))}.text-corner-handle{position:absolute;z-index:40;width:6px;height:6px;border-radius:50%;background:#fff;border:1px solid var(--lapis);box-shadow:0 1px 3px #0003;touch-action:none;pointer-events:auto;transition:background-color 80ms ease;transform-origin:center}.text-corner-handle:before{content:"";position:absolute;inset:-8px}.text-corner-handle:hover{background:var(--lapis)}.text-corner-handle.handle-nw{top:0;left:0;cursor:nwse-resize;transform:translate(-50%,-50%) scale(var(--canvas-ui-scale,1))}.text-corner-handle.handle-ne{top:0;right:0;cursor:nesw-resize;transform:translate(50%,-50%) scale(var(--canvas-ui-scale,1))}.text-corner-handle.handle-se{bottom:0;right:0;cursor:nwse-resize;transform:translate(50%,50%) scale(var(--canvas-ui-scale,1))}.text-corner-handle.handle-sw{bottom:0;left:0;cursor:nesw-resize;transform:translate(-50%,50%) scale(var(--canvas-ui-scale,1))}.freeform-text .rotate-handle{transform:translate(-50%) scale(var(--canvas-ui-scale,1));transform-origin:center bottom}.text-border-drag-strip{position:absolute;inset:-8px;border-radius:5px;pointer-events:auto;cursor:grab;z-index:25}.text-border-drag-strip:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--lapis) 30%,transparent)}.text-border-drag-strip:active{cursor:grabbing}.canvas-inline-text-wrap{position:relative;display:grid;grid-template-areas:"stack";width:100%;min-width:2ch}.canvas-inline-sizer{grid-area:stack;visibility:hidden;pointer-events:none;font:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;white-space:pre-wrap;word-break:break-word;padding:0;margin:0;box-sizing:border-box}.canvas-inline-text-wrap .canvas-inline-text-editor{grid-area:stack;position:relative;z-index:30;width:100%!important;height:100%!important;min-height:1.2em!important;background:transparent!important;border:none!important;outline:none!important;resize:none!important;overflow:hidden!important;font:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-family:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-align:inherit!important;color:inherit!important;white-space:pre-wrap!important;word-break:break-word!important;padding:0!important;margin:0!important;box-sizing:border-box!important;display:block!important;cursor:text!important}.freeform-text-content{position:relative;z-index:30}.layout-proof.incompatible{opacity:.5}.layout-proof.incompatible:hover{opacity:.82}.layout-hero .composition-copy{top:8%;left:50%;width:78%;text-align:center;transform:translate(-50%)}.layout-hero .composition-copy strong{max-width:34ch;font-size:var(--copy-title-size);margin-left:auto;margin-right:auto}.layout-hero .composition-copy p{max-width:52ch;font-size:var(--copy-subtitle-size);margin-left:auto;margin-right:auto}.layout-hero .shot-wrap{top:66%}.layout-split .composition-copy{top:50%;left:7%;width:22%;transform:translateY(-50%)}.layout-split .composition-copy strong{max-width:16ch;font-size:var(--copy-title-size)}.layout-split .composition-copy p{max-width:32ch;font-size:var(--copy-subtitle-size);margin-top:10px}.layout-split .shot-wrap{left:66%;top:53%}.layout-announcement .composition-copy{top:8%;left:7%;width:72%}.layout-announcement .composition-copy strong{max-width:30ch;font-size:var(--copy-title-size)}.layout-announcement .composition-copy p{max-width:54ch;font-size:var(--copy-subtitle-size);margin-top:5px}.layout-announcement .shot-wrap{top:67%;left:50%}.layout-poster .composition-copy{top:8%;left:7%;width:58%}.layout-poster .composition-copy strong{max-width:12ch;font-size:var(--copy-title-size);line-height:.96;letter-spacing:-.048em}.layout-poster .composition-copy p{max-width:38ch;font-size:var(--copy-subtitle-size);margin-top:12px}.layout-poster .shot-wrap{left:72%;top:68%}.layout-rail .composition-copy{top:50%;left:77%;width:17%;transform:translateY(-50%)}.layout-rail .composition-copy strong{max-width:12ch;font-size:var(--copy-title-size)}.layout-rail .composition-copy p{max-width:22ch;font-size:var(--copy-subtitle-size);margin-top:10px}.layout-rail .shot-wrap{left:36%;top:52%}.tpl-monitor-split .composition-copy{left:7.7%;top:50%;width:28%;text-align:left;transform:translateY(-50%)}.tpl-monitor-split .composition-copy strong{max-width:11ch;font-size:var(--copy-title-size)}.tpl-monitor-split .composition-copy p{max-width:24ch;font-size:var(--copy-subtitle-size);margin-top:9px}.tpl-monitor-split .shot-wrap{left:69%;top:50%}.tpl-monitor-center .composition-copy{display:none}.tpl-monitor-center .shot-wrap{left:50%;top:51%}.tpl-phone-stage .composition-copy{left:50%;top:82%;width:72%;text-align:center;transform:translate(-50%)}.tpl-phone-stage .composition-copy strong,.tpl-phone-stage .composition-copy p{margin-inline:auto}.tpl-phone-stage .shot-wrap{left:42%;top:39%}.tpl-phone-stage .artboard-atmosphere i:nth-child(3){left:15%;right:15%;top:8%;height:66%;border:1px solid rgba(18,24,34,.18);border-radius:2.4cqw}.tpl-macbook-center .composition-copy{left:50%;top:6%;width:66%;text-align:center;transform:translate(-50%)}.tpl-macbook-center .composition-copy strong,.tpl-macbook-center .composition-copy p{margin-inline:auto}.tpl-macbook-center .shot-wrap{left:50%;top:51%}.tpl-macbook-crop .composition-copy{left:71%;top:37%;width:24%;text-align:left;transform:none}.tpl-macbook-crop .shot-wrap{left:29%;top:57%}.tpl-macbook-plinth .composition-copy{left:78%;top:18%;width:18%;text-align:left;transform:none}.tpl-macbook-plinth .shot-wrap{left:50%;top:52%}.tpl-macbook-plinth .artboard-atmosphere i:nth-child(3){left:37%;width:26%;bottom:0;height:29%;background:#1f22261c;border-radius:.35cqw .35cqw 0 0}.media-phone.layout-hero .composition-copy{top:50%;left:8%;width:42%;text-align:left;transform:translateY(-50%)}.media-phone.layout-hero .composition-copy strong,.media-phone.layout-hero .composition-copy p{margin-left:0;margin-right:0}.media-phone.layout-hero .shot-wrap{left:73%;top:50%}.media-phone.layout-split .composition-copy{top:50%;left:8%;width:38%}.media-phone.layout-split .shot-wrap{left:73%;top:51%}.media-phone.layout-announcement .composition-copy{top:50%;left:8%;width:42%;transform:translateY(-50%)}.media-phone.layout-announcement .shot-wrap{left:73%;top:51%}.media-phone.layout-poster .composition-copy{top:8%;left:7%;width:48%}.media-phone.layout-poster .shot-wrap{left:76%;top:69%}.media-phone.layout-rail .composition-copy{top:50%;left:58%;width:34%;transform:translateY(-50%)}.media-phone.layout-rail .shot-wrap{left:31%;top:52%}.proof-strip{min-width:0;display:block;padding:8px 10px;border-top:1px solid var(--hair);background:color-mix(in srgb,var(--panel-solid) 62%,transparent)}.proof-list{min-width:0;height:100%;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.proof-list::-webkit-scrollbar{display:none}.proof-item{position:relative;min-width:126px;height:68px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:6px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s var(--ease)}.proof-item:hover{background:var(--input);transform:translateY(-1px)}.proof-item.active{border-color:color-mix(in srgb,var(--lapis) 42%,var(--hair));background:color-mix(in srgb,var(--lapis) 7%,var(--input))}.proof-visual{position:relative;width:52px;height:64px;overflow:hidden;border-radius:7px;background:#ddd;box-shadow:0 4px 12px #17181a1f}.proof-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.proof-visual>i{position:absolute;left:9px;right:9px;top:19px;height:27px;border-radius:3px;background:#ffffffe0;box-shadow:0 4px 9px #0000002e}.proof-item strong,.proof-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-item strong{font-size:12px;font-weight:600}.proof-item small{margin-top:4px;color:var(--quiet);font-size:10.5px}.proof-check{position:absolute;right:7px;top:7px;width:12px;color:var(--lapis);stroke-width:2}.layout-proof{min-width:132px;grid-template-columns:58px minmax(0,1fr)}.layout-proof>strong{font-size:11px;line-height:1.25;white-space:normal}.layout-mini{position:relative;width:58px;height:44px;overflow:hidden;border-radius:5px;background:linear-gradient(140deg,#d8e5fb,#efc6d4 65%,#f8f1df);box-shadow:0 3px 9px #17181a1f}.layout-mini i,.layout-mini b,.layout-mini em{position:absolute;display:block}.layout-mini i{background:#17191d;border-radius:1px}.layout-mini b{background:#fffffff0;box-shadow:0 2px 5px #0a0e1633}.layout-mini em{height:2px;background:#17191d61}.mini-hero i{left:18px;right:18px;top:5px;height:3px}.mini-hero em{left:22px;right:22px;top:10px}.mini-hero b{left:8px;right:8px;bottom:3px;height:26px;border-radius:3px}.mini-split{background:#e7dfce}.mini-split i{left:7px;width:20px;top:17px;height:4px}.mini-split em{left:7px;width:17px;top:24px}.mini-split b{right:6px;top:8px;width:38px;height:39px;border-radius:3px}.mini-announcement{background:linear-gradient(140deg,#11141c,#284779)}.mini-announcement i{left:7px;top:7px;width:28px;height:3px;background:#fff}.mini-announcement em{left:7px;top:13px;width:22px;background:#ffffff7a}.mini-announcement b{left:8px;right:8px;bottom:3px;height:31px;border-radius:3px}.mini-poster{background:linear-gradient(140deg,#f4dc57,#ef5848)}.mini-poster i{left:6px;top:5px;width:33px;height:9px}.mini-poster em{left:6px;top:17px;width:21px}.mini-poster b{right:5px;bottom:3px;width:28px;height:22px;border-radius:2px}.mini-rail{background:#eee7d9}.mini-monitor-split,.mini-monitor-center,.mini-phone-stage,.mini-macbook-center,.mini-macbook-crop,.mini-macbook-plinth{background:#f4f4f1}.mini-monitor-split i{left:5px;top:14px;width:17px;height:3px}.mini-monitor-split em{left:5px;top:21px;width:14px}.mini-monitor-split b{right:4px;top:7px;width:31px;height:26px;border:3px solid #181a1d;border-radius:2px}.mini-monitor-center b{left:13px;top:7px;width:32px;height:27px;border:3px solid #181a1d;border-radius:2px}.mini-monitor-center i{left:27px;top:34px;width:4px;height:8px}.mini-phone-stage b{left:21px;top:4px;width:16px;height:31px;border:2px solid #181a1d;border-radius:4px}.mini-phone-stage i{left:16px;right:16px;bottom:3px;height:3px}.mini-macbook-center b{left:10px;right:10px;bottom:4px;height:25px;border:2px solid #181a1d;border-radius:2px}.mini-macbook-center i{left:21px;right:21px;top:5px;height:3px}.mini-macbook-crop b{left:-8px;bottom:1px;width:45px;height:35px;border:2px solid #181a1d;border-radius:2px}.mini-macbook-crop i{right:4px;top:14px;width:15px;height:3px}.mini-macbook-crop em{right:5px;top:21px;width:13px}.mini-macbook-plinth b{left:18px;top:15px;width:24px;height:18px;border:2px solid #181a1d;border-radius:2px}.mini-macbook-plinth i{right:5px;top:7px;width:14px;height:3px}.mini-macbook-plinth em{left:22px;right:20px;bottom:0;height:10px;background:#d5d6d7}.mini-rail i{right:5px;top:14px;width:12px;height:4px}.mini-rail em{right:5px;top:21px;width:12px}.mini-rail b{left:5px;top:4px;width:37px;height:36px;border-radius:3px}.inspector,.unified-sidebar{z-index:20;min-width:0;min-height:0;height:100%;max-height:100%;grid-column:2;overflow:hidden;border:1px solid rgba(15,23,42,.15);border-radius:16px;background:var(--inspector-surface);box-shadow:0 16px 40px -10px #0f172a21,0 4px 12px -4px #0f172a0f,inset 0 1px #ffffffd9;display:grid;grid-template-columns:58px minmax(0,1fr)}[data-theme=dark] .inspector,[data-theme=dark] .unified-sidebar{border-color:#ffffff29;box-shadow:0 16px 40px -10px #00000073,inset 0 1px #ffffff1a}.sidebar-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;border-right:1px solid var(--hair);background:var(--inspector-surface)}.sidebar-rail-tab{position:relative;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--motion-fast) ease}.sidebar-rail-tab:hover{background:#0000000d;color:var(--ink);transform:translateY(-.5px)}[data-theme=dark] .sidebar-rail-tab:hover{background:#ffffff14;color:#fff}.sidebar-rail-tab:active{transform:scale(.96)}.sidebar-rail-tab.active{background:var(--inspector-selected);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hair) 70%,transparent)}.sidebar-rail-export{margin-top:auto}.sidebar-rail-export:before{content:"";position:absolute;top:-9px;left:6px;right:6px;height:1px;background:var(--hair)}[data-theme=dark] .sidebar-rail-tab.active{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.rail-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#00000014;color:var(--muted);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-rail-tab.active .rail-badge{background:var(--ink);color:var(--panel-solid)}[data-theme=dark] .sidebar-rail-tab.active .rail-badge{background:#fff;color:#0f172a}.sidebar-mobile-close{display:none}.sidebar-panel-body{height:100%;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column}.sidebar-context-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:15px 18px 14px;border-bottom:1px solid var(--hair);background:var(--inspector-surface)}.sidebar-context-title{margin:0;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.15}.sidebar-context-subtitle{display:block;margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.35}.sidebar-context-action{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:1px solid var(--hair);border-radius:7px;background:var(--input);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--motion-fast) ease}.sidebar-context-action:hover{border-color:var(--hair-strong);background:var(--panel-solid);color:var(--ink)}.header-frame-dropdown{position:relative;display:inline-flex;align-items:center}.header-frame-dropdown select{height:28px;padding:0 24px 0 9px;border:1px solid var(--hair);border-radius:7px;background:var(--input);color:var(--ink);font-size:11.5px;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all var(--motion-fast) ease}.header-frame-dropdown select:hover{border-color:var(--hair-strong);background:var(--panel-solid)}.header-frame-dropdown select:focus{outline:0;border-color:var(--lapis);box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 15%,transparent)}.header-frame-caret{position:absolute;right:8px;pointer-events:none;color:var(--quiet)}.frame-minimal-strip{display:flex;align-items:center;gap:3px;padding:3px;margin:0 0 14px;border:1px solid var(--hair);border-radius:9px;background:var(--input);overflow-x:auto;scrollbar-width:none}.frame-minimal-strip::-webkit-scrollbar{display:none}.frame-strip-btn{flex:1;min-width:0;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--motion-fast) ease}.frame-strip-btn:hover:not(:disabled){background:color-mix(in srgb,var(--panel-solid) 70%,transparent);color:var(--ink)}.frame-strip-btn.active{background:var(--panel-solid);color:var(--lapis);box-shadow:0 1px 3px #0f172a14}.frame-strip-btn:disabled{opacity:.35;cursor:default}.frame-strip-btn .frame-sample{width:14px;height:14px;flex-shrink:0}.inspector-section{display:block;padding:20px 18px 26px;animation:inspector-section-in var(--motion-base) var(--ease) both}.inspector-section+.inspector-section{border-top:1px solid color-mix(in srgb,var(--hair) 72%,transparent)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{margin:0;font-size:13px;font-weight:700;letter-spacing:-.01em}.section-heading span{color:var(--muted);font-size:11px}.inspector-disclosure{display:block}.inspector-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;cursor:pointer;list-style:none;color:var(--ink);font-size:11.5px;font-weight:650;user-select:none}.inspector-disclosure>summary::-webkit-details-marker{display:none}.inspector-disclosure>summary>small,.inspector-disclosure>summary>b{margin-left:auto;margin-right:4px;font-size:10.5px;font-weight:500;color:var(--quiet)}.inspector-disclosure>summary:after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid var(--quiet);border-bottom:1.5px solid var(--quiet);transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease;flex-shrink:0}.inspector-disclosure>summary:hover:after{border-color:var(--ink)}.inspector-disclosure[open]>summary:after{transform:rotate(-135deg)}.inspector-disclosure>summary:focus-visible{outline:2px solid var(--lapis);outline-offset:2px;border-radius:5px}.device-advanced-controls{margin-top:12px;border-top:1px solid var(--hair)}.device-advanced-controls>summary{min-height:44px}.dock-segmented.format-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;margin-bottom:12px}.format-shortcuts .dock-seg-btn{min-width:0;justify-content:center}@keyframes inspector-section-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.popover-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:6px 0 12px;padding:3px;border:1px solid var(--hair);border-radius:9px;background:var(--input)}.popover-mode-switch button{height:28px;border:0;border-radius:6px;background:transparent;color:var(--quiet);font-size:11px;font-weight:550;transition:all var(--motion-fast) ease}.popover-mode-switch button:hover{color:var(--ink)}.popover-mode-switch button.active{background:var(--panel-solid);color:var(--ink);font-weight:650;box-shadow:0 1px 4px #14192314}.style-grid.curated{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.style-grid.curated button{height:92px;padding:5px}.style-grid.curated button:last-child{grid-column:1/-1}.style-grid.curated img{height:54px}.style-grid.curated span{text-align:left}.style-grid.curated strong,.style-grid.curated small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-grid.curated strong{color:var(--ink);font-size:11px}.style-grid.curated small{margin-top:1px;color:var(--quiet);font-size:10.5px}.background-choice-grid button{height:32px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--hair);border-radius:6px;background:transparent;color:var(--quiet);font-size:11px;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.background-choice-grid button:hover{border-color:var(--hair-strong);transform:translateY(-1px)}.background-choice-grid button.active,.texture-grid button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input));color:var(--ink);box-shadow:0 0 0 1px var(--lapis)}.base-swatch{width:100%;height:100%;border-radius:4px;background:var(--c1)}.base-spotlight{background:radial-gradient(ellipse at 50% 55%,var(--c3) 0%,var(--c2) 42%,var(--c1) 85%)}.base-linear{background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3))}.base-radial{background:radial-gradient(circle at 55% 35%,var(--c2),var(--c1) 68%,var(--c3))}.base-mesh{background:conic-gradient(from 220deg at 60% 45%,var(--c1),var(--c2),var(--c3),var(--c1))}.base-waves{background:repeating-linear-gradient(45deg,var(--c1),var(--c1) 6px,var(--c2) 6px,var(--c2) 12px)}.background-texture-heading{margin-top:16px}.texture-grid button{height:32px;padding:2px;border:1px solid var(--hair);border-radius:6px;background:transparent;color:var(--muted);font-size:10.5px;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.texture-grid button:hover{border-color:var(--hair-strong);transform:translateY(-1px)}.asset-selection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--hair)}.asset-selection-heading strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.asset-selection-heading span{color:var(--quiet);font-size:11px;white-space:nowrap}.asset-transform-heading{margin-top:20px;padding-top:16px;border-top:1px solid var(--hair)}.asset-state-row{margin-top:16px}.asset-empty-note{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.5}.asset-layer-list{display:grid;gap:6px;margin-top:18px}.asset-layer-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 10px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--ink);text-align:left}.asset-layer-list button:hover{background:var(--input)}.asset-layer-list button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,var(--panel))}.asset-layer-list small{color:var(--quiet);font-size:10.5px;text-transform:capitalize}.scene-lighting-intro{margin-bottom:14px}.scene-lighting-intro strong{display:block;font-size:13px;font-weight:650;letter-spacing:-.015em}.scene-lighting-intro p{max-width:34ch;margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.preset-glow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.glow-studio{background:#60a5fa;box-shadow:0 0 6px #60a5fab3}.glow-warm{background:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.glow-soft{background:#a78bfa;box-shadow:0 0 6px #a78bfab3}.glow-dramatic{background:#ec4899;box-shadow:0 0 6px #ec4899b3}.scene-light-preview{position:relative;width:68px;height:48px;display:block;overflow:hidden;border-radius:7px;background:#232731}.scene-light-preview:before{content:"";position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,.2) 42%,transparent 72%)}.preview-soft-studio{background:#dfe4eb}.preview-soft-studio:before{left:-4px;top:-10px}.preview-warm-directional{background:#40342c}.preview-warm-directional:before{left:-8px;top:-12px;background:radial-gradient(circle,#ffe0a8,rgba(255,170,82,.32) 43%,transparent 72%)}.preview-cool-rim{background:#111722}.preview-cool-rim:before{right:-16px;top:-8px;background:radial-gradient(circle,#bddaff,rgba(70,125,224,.26) 42%,transparent 72%)}.preview-bright-product{background:#f0f1ef}.preview-bright-product:before{left:6px;top:-14px;width:64px;height:64px}.preview-low-key{background:#090b0f}.preview-low-key:before{right:-22px;top:0;opacity:.54}.scene-control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:14px 0 8px}.scene-control-heading>span{font-size:11.5px;font-weight:650}.scene-control-heading small{color:var(--quiet);font-size:10.5px}.scene-lighting-advanced{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}.scene-lighting-advanced>summary{min-height:34px}.scene-lighting-advanced[open]>summary{margin-bottom:10px}.screenshot-harmony-panel{display:block;margin-bottom:14px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--lapis) 24%,var(--hair));border-radius:10px;background:color-mix(in srgb,var(--lapis) 4%,var(--panel-solid))}.screenshot-harmony-panel>summary{min-height:26px}.screenshot-harmony-panel[open]>summary{margin-bottom:8px}.harmony-header small{color:var(--quiet);font-size:10.5px;font-weight:400}.harmony-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.harmony-pill{position:relative;display:block;aspect-ratio:1;padding:3px;border:1px solid var(--hair);border-radius:8px;background:var(--panel);cursor:pointer;text-align:left;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.harmony-pill:hover{border-color:var(--lapis);box-shadow:0 5px 14px color-mix(in srgb,var(--lapis) 14%,transparent);transform:translateY(-1px)}.harmony-pill.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 6%,var(--panel-solid));box-shadow:0 0 0 1.5px var(--lapis)}.harmony-swatches{display:flex;width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #00000026}.harmony-swatches i{flex:1;height:100%}.harmony-pill-info strong{display:block;font-size:11px;font-weight:650;color:var(--ink);line-height:1.15}.harmony-pill-info small{display:block;font-size:10.5px;color:var(--quiet);line-height:1.15}.preset-squares-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}.preset-square-btn{position:relative;aspect-ratio:1;width:100%;padding:3px;border:1px solid var(--hair);border-radius:8px;background:var(--panel-solid);cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.preset-square-btn:hover{border-color:var(--hair-strong);transform:translateY(-1px);box-shadow:0 4px 10px #17181a14}.preset-square-btn.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 6%,var(--panel-solid));box-shadow:0 0 0 1.5px var(--lapis)}.preset-square-preview{display:block;width:100%;height:100%;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.saved-square-wrap{position:relative}.saved-square-wrap .saved-background-delete{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:50%;background:var(--panel-solid);color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--motion-fast) ease,color var(--motion-fast) ease,background var(--motion-fast) ease;z-index:2}.saved-square-wrap:hover .saved-background-delete{opacity:1}.saved-square-wrap .saved-background-delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.quick-tools-strip{display:flex;align-items:center;gap:4px;margin-top:4px;margin-bottom:8px}.quick-tools-strip button{flex:1;height:26px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--hair);border-radius:6px;background:var(--panel-solid);color:var(--muted);font-size:10.5px;font-weight:550;cursor:pointer;transition:all var(--motion-fast) ease}.quick-tools-strip button:hover{background:var(--input);color:var(--ink);border-color:var(--hair-strong)}.quick-tools-strip svg{width:11px;height:11px}.anchor-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;margin:5px 0 8px;border:1px solid var(--hair);border-radius:8px;background:var(--input)}.anchor-toggle-group button{height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:550;cursor:pointer;transition:all var(--motion-fast) ease}.anchor-toggle-group button:hover{color:var(--ink)}.anchor-toggle-group button.active{background:var(--panel-solid);color:var(--ink);font-weight:650;box-shadow:0 1px 3px #0f172a14}.background-randomize{width:100%;min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;margin:-4px 0 14px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--lapis) 28%,var(--hair));border-radius:9px;background:color-mix(in srgb,var(--lapis) 6%,var(--panel-solid));color:var(--ink);text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s var(--ease)}.background-randomize:hover{border-color:color-mix(in srgb,var(--lapis) 54%,var(--hair));background:color-mix(in srgb,var(--lapis) 10%,var(--panel-solid));transform:translateY(-1px)}.background-randomize>svg{width:15px;height:15px;margin:auto;color:var(--lapis)}.background-randomize strong,.background-randomize small{display:block}.background-randomize strong{font-size:11px;font-weight:650}.background-randomize small{margin-top:1px;color:var(--quiet);font-size:10px;line-height:1.3}.palette-editor{display:grid;gap:8px;margin-top:10px}.palette-preview{height:18px;border:1px solid var(--hair);border-radius:6px;box-shadow:inset 0 1px #ffffff47}.palette-presets{display:flex;align-items:center;gap:5px}.palette-presets>button{width:30px;height:30px;padding:0;border:2px solid var(--panel-solid);border-radius:50%;box-shadow:0 0 0 1px var(--hair);transition:transform .18s var(--ease),box-shadow .18s ease}.palette-presets>button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--hair-strong),0 3px 8px #17181a1f}.palette-presets .palette-tool{display:grid;place-items:center;margin-left:auto;border:1px solid var(--hair);border-radius:8px;background:transparent;color:var(--muted);box-shadow:none}.palette-tool svg{width:13px}.palette-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px}.palette-stops button{min-width:0;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 4px;border:1px solid var(--hair);border-radius:6px;background:var(--panel-solid);text-align:center;cursor:pointer;transition:all var(--motion-fast) ease}.palette-stops button:hover{border-color:var(--hair-strong);background:var(--input)}.palette-stops button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--panel-solid));box-shadow:0 0 0 1px var(--lapis)}.palette-stops i{width:14px;height:14px;border:1px solid rgba(20,22,26,.14);border-radius:50%;flex-shrink:0}.palette-stops span{display:none}.palette-stops small{color:var(--ink);font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}.selected-color-editor{display:grid;grid-template-columns:36px minmax(0,1fr) 36px 36px;gap:5px}.selected-color-swatch{position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:8px;cursor:pointer}.selected-color-swatch input{position:absolute;inset:-8px;width:52px;height:52px;opacity:0;cursor:pointer}.hex-color-field{height:36px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--hair);border-radius:8px;background:var(--input)}.hex-color-field span{color:var(--quiet);font-size:10.5px}.hex-color-field input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;font-size:11.5px;font-weight:600;text-transform:uppercase}.palette-icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:8px;background:transparent;color:var(--muted)}.palette-icon-button:hover{background:var(--input);color:var(--ink)}.palette-icon-button svg{width:14px}.custom-color-picker{display:grid;gap:10px;padding:11px;border:1px solid var(--hair);border-radius:13px;background:var(--panel-solid)}.color-field{position:relative;width:100%;height:152px;overflow:hidden;padding:0;border:1px solid var(--hair);border-radius:9px;background:linear-gradient(180deg,transparent 0%,#000 100%),linear-gradient(90deg,#fff 0%,var(--picker-hue) 100%);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #0000000f}.color-field:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.color-field-thumb{position:absolute;width:18px;height:18px;border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 2px 6px #00000073;transform:translate(-50%,-50%);pointer-events:none}.hue-control{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);box-shadow:inset 0 0 0 1px #00000026;display:flex;align-items:center}.hue-control input[type=range]{position:absolute;inset:-5px 0;width:100%;height:calc(100% + 10px);margin:0;opacity:0;cursor:ew-resize;z-index:2}.hue-control i{position:absolute;top:50%;width:18px;height:18px;border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040,0 2px 5px #00000059;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.color-picker-values-stack{display:grid;gap:7px}.color-picker-primary-row{display:flex;align-items:center;gap:7px}.color-picker-swatch{width:38px;height:38px;flex-shrink:0;border-radius:9px;border:1px solid var(--hair);box-shadow:inset 0 0 0 1px #00000014,0 1px 3px #0000000f;position:relative}.color-picker-hex-wrap{flex:1;height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--hair);border-radius:9px;background:var(--input);transition:border-color .15s ease,box-shadow .15s ease}.color-picker-hex-wrap:focus-within{border-color:var(--lapis);box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 14%,transparent)}.color-picker-hex-prefix{color:var(--quiet);font-size:12px;font-weight:650;user-select:none}.color-picker-hex-input{width:100%;min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.color-picker-copy-btn{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.color-picker-copy-btn:hover{background:var(--input);color:var(--ink);border-color:var(--hair-strong)}.color-picker-copy-btn.copied{background:color-mix(in srgb,#4c805d 14%,var(--panel-solid));color:#4c805d;border-color:color-mix(in srgb,#4c805d 30%,transparent)}.color-picker-hsb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.color-picker-hsb-cell{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:1px solid var(--hair);border-radius:8px;background:var(--input);transition:border-color .15s ease,box-shadow .15s ease}.color-picker-hsb-cell:focus-within{border-color:var(--lapis);box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 14%,transparent)}.color-picker-hsb-label{color:var(--quiet);font-size:11px;font-weight:650;user-select:none;flex-shrink:0}.color-picker-hsb-input{width:100%;min-width:0;border:0;outline:0;padding:0 3px;background:transparent;color:var(--ink);font-size:11.5px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.color-picker-hsb-input::-webkit-inner-spin-button,.color-picker-hsb-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker-hsb-input{-moz-appearance:textfield}.color-picker-hsb-unit{color:var(--quiet);font-size:10.5px;font-weight:550;user-select:none;flex-shrink:0}.color-picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.color-picker-actions button{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--muted);font-size:11px}.color-picker-actions button:hover{background:var(--input);color:var(--ink)}.color-picker-actions svg{width:13px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}.style-grid button{position:relative;height:62px;overflow:hidden;padding:4px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--quiet)}.style-grid button:hover{border-color:var(--hair-strong);background:var(--input)}.style-grid button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,var(--input));box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 11%,transparent)}.style-grid img{display:block;width:100%;height:36px;object-fit:cover;border-radius:5px}.style-grid span{display:block;overflow:hidden;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:550}.color-row{display:flex;gap:7px}.color-well{position:relative;flex:1;min-width:32px;height:44px;overflow:hidden;border:1px solid var(--hair);border-radius:10px;box-shadow:inset 0 1px #ffffff52;cursor:pointer}.color-well input{position:absolute;inset:-8px;width:calc(100% + 16px);height:60px;opacity:0;cursor:pointer}.color-action{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:10px;background:transparent;color:var(--muted)}.color-action:hover{background:var(--input)}.color-action svg{width:15px}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.frame-grid button{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:0;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--quiet);font-size:11px}.frame-grid button:hover:not(:disabled){border-color:var(--hair-strong);background:var(--input)}.frame-grid button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 16%,transparent)}.frame-grid button:disabled{cursor:not-allowed;opacity:.36}.frame-sample{position:relative;width:27px;height:18px;display:block;border:1px solid rgba(15,19,26,.08);border-radius:3px;background:#fff;box-shadow:0 2px 5px #0f131a24}.sample-clean{box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 5px #0f131a24}.sample-browser:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:3px 3px 0 0;background:linear-gradient(#f2f3f4,#dfe1e4);border-bottom:1px solid rgba(15,19,26,.08)}.sample-browser:after{content:"";position:absolute;left:3px;top:2px;width:2px;height:2px;border-radius:50%;background:#dc7067;box-shadow:3px 0 #d9b252,6px 0 #69aa7b}.sample-glass{border:3px solid rgba(255,255,255,.62);background:#708ab447;box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 5px #0f131a24}.sample-macbook{width:25px;height:16px;border:1.5px solid #282a2e;border-radius:2px 2px 0 0;background:#141518;position:relative;margin-bottom:2px;box-shadow:0 1px 3px #00000040}.sample-macbook:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-3px;height:2.5px;background:linear-gradient(90deg,#9ca1a8,#d8dbe0 40%,#9ca1a8);border-radius:1px 1px 2px 2px;box-shadow:0 1px 2px #0000004d}.sample-macbook:before{content:"";position:absolute;left:50%;top:1px;width:3px;height:1px;border-radius:0 0 1px 1px;background:#000;transform:translate(-50%)}.sample-iphone,.sample-android{width:14px;height:27px;border:2px solid #393c42;background:#e8eef5;border-radius:5px}.sample-iphone:before{content:"";position:absolute;z-index:1;left:50%;top:1px;width:6px;height:2px;border-radius:9px;background:#111;transform:translate(-50%)}.sample-iphone:after{content:"";position:absolute;left:50%;bottom:1px;width:6px;height:1px;border-radius:9px;background:#fff;box-shadow:0 0 1px #444;transform:translate(-50%)}.sample-android{border-width:1.5px;border-radius:4px}.sample-android:before{content:"";position:absolute;left:50%;top:2px;width:2px;height:2px;border-radius:50%;background:#111;transform:translate(-50%)}.sample-monitor{width:27px;height:17px;border:2px solid #24272b;border-radius:2px;background:#e8eef5;position:relative;margin-bottom:3px}.sample-monitor:before{content:"";position:absolute;left:11px;bottom:-6px;width:3px;height:5px;background:#737980}.sample-monitor:after{content:"";position:absolute;left:7px;bottom:-7px;width:11px;height:2px;border-radius:2px;background:#737980}.sample-iphone{border-color:#444549;background:#18191c;box-shadow:0 1px 3px #00000040}.sample-iphone:before{top:1.5px;width:5px;height:1.5px;border-radius:99px;background:#000}.sample-iphone:after{display:none}.compact-field{margin-top:9px}.field-label textarea{width:100%;resize:none;padding:9px 10px;border:1px solid var(--hair);border-radius:10px;outline:0;background:var(--input);font-size:12px;line-height:1.4}.field-label textarea:focus{border-color:var(--lapis);box-shadow:0 0 0 3px color-mix(in srgb,var(--lapis) 11%,transparent)}.text-layer-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-layer-picker button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--hair);border-radius:10px;background:transparent;color:var(--ink);text-align:left}.text-layer-picker button:hover{border-color:var(--hair-strong);background:var(--input)}.text-layer-picker button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 16%,transparent)}.text-layer-picker span{font-size:12px;font-weight:650}.text-layer-picker small{color:var(--quiet);font-size:10.5px}.text-layer-picker button.active small{color:var(--lapis)}.text-selection-help{margin:7px 2px 13px;color:var(--quiet);font-size:11px;line-height:1.45}.text-group-tools{margin:0 0 14px;padding:10px;border:1px solid var(--hair);border-radius:11px;background:color-mix(in srgb,var(--input) 72%,transparent)}.text-group-tools>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px}.text-group-tools>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.text-group-tools button{height:32px;padding:0 3px;border:1px solid var(--hair);border-radius:7px;background:var(--panel);color:var(--muted);font-size:10.5px}.text-group-tools button:hover{border-color:var(--lapis);color:var(--lapis)}.active-text-label{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px;padding-top:13px;border-top:1px solid var(--hair)}.active-text-label span{font-size:12px;font-weight:650}.active-text-label small{color:var(--quiet);font-size:10.5px}.text-empty-state{display:grid;justify-items:center;gap:5px;padding:22px 12px;border:1px dashed var(--hair-strong);border-radius:12px;color:var(--quiet);text-align:center}.text-empty-state svg{width:20px}.text-empty-state strong{color:var(--ink);font-size:12px}.text-empty-state p{margin:0;font-size:10.5px}.text-add-row{display:flex;gap:6px;margin:8px 0 12px}.text-add-row:empty{display:none}.text-add-row button{flex:1;height:36px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--lapis);font-size:11px;font-weight:650}.text-add-row button:hover{background:var(--input)}.text-delete-action{display:flex;align-items:center;gap:5px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#a34d48;font-size:10.5px}.text-delete-action:hover{background:color-mix(in srgb,#a34d48 9%,transparent)}.text-delete-action svg{width:12px}.type-primary-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,.72fr);gap:8px;margin-bottom:8px}.type-family-control,.numeric-control,.alignment-control{display:grid;gap:5px;color:var(--muted);font-size:10.5px}.type-family-control select,.numeric-input,.alignment-control>div{height:40px;border:1px solid var(--hair);border-radius:9px;background:var(--input)}.type-family-control select{width:100%;padding:0 9px;color:var(--ink);font-size:12px}.numeric-input{display:flex;align-items:center;padding:0 8px}.numeric-input input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11.5px;font-weight:650}.numeric-input small{color:var(--quiet);font-size:10.5px}.alignment-control>div{display:grid;grid-template-columns:repeat(3,1fr);padding:3px}.alignment-control button{display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--quiet)}.alignment-control button:hover{color:var(--ink)}.alignment-control button.active{background:var(--panel-solid);color:var(--lapis);box-shadow:0 1px 4px #1419231a}.alignment-control svg{width:14px}.type-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.type-advanced{margin-top:14px;border-top:1px solid var(--hair)}.type-advanced summary{padding:13px 0;color:var(--muted);font-size:11.5px;font-weight:650;cursor:pointer}.quick-type-row{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-bottom:10px}.segment{position:relative;height:38px;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--hair);border-radius:10px;background:color-mix(in srgb,var(--input) 65%,transparent)}.segment>i{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:var(--panel-solid);box-shadow:0 1px 5px #17181a14;transform:translate(calc(var(--segment) * 100%));transition:transform .25s var(--ease)}.segment button{z-index:1;border:0;background:transparent;color:var(--quiet);font-size:12px}.segment button.active{color:var(--ink);font-weight:600}.field-label{display:block;margin-top:14px}.field-label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11.5px;font-weight:600}.field-label input,.field-label select{width:100%;height:44px;padding:0 10px;border:1px solid var(--hair);border-radius:10px;outline:0;background:var(--input);font-size:12px}.field-label input:focus,.field-label select:focus{border-color:var(--lapis);box-shadow:0 0 0 3px color-mix(in srgb,var(--lapis) 11%,transparent)}.tone-row,.export-scale{display:grid;grid-template-columns:1fr 56px 56px;align-items:center;gap:5px;margin-top:12px;color:var(--muted);font-size:11px}.tone-row button,.export-scale button{height:40px;border:1px solid var(--hair);border-radius:9px;background:transparent;font-size:11px}.tone-row button:hover,.export-scale button:hover{border-color:var(--hair-strong);background:var(--input)}.tone-row button.active,.export-scale button.active{border-color:color-mix(in srgb,var(--lapis) 32%,var(--hair-strong));background:var(--panel-solid);color:var(--ink);font-weight:650;box-shadow:0 1px 4px #14192314}.tone-row.three{grid-template-columns:1fr repeat(3,minmax(0,1fr))}.tone-row.three button{padding:0 4px;font-size:11px}.depth-control{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));align-items:center;gap:5px;margin:2px 0 14px;color:var(--muted);font-size:11px}.depth-control button{height:38px;padding:0 4px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--muted);font-size:11px}.depth-control button:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink)}.depth-control button.active{border-color:color-mix(in srgb,var(--lapis) 32%,var(--hair-strong));background:var(--panel-solid);color:var(--ink);font-weight:650;box-shadow:0 1px 4px #14192314}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;display:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}.meter{--progress: 50%;position:relative;height:32px;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:5px;padding:0 4px 0 10px;overflow:hidden;border:1px solid var(--hair);border-radius:7px;background:var(--input);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.meter:hover{border-color:var(--hair-strong)}.meter:focus-within{border-color:var(--lapis);box-shadow:0 0 0 1px var(--lapis)}.meter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--progress, 0%);background:color-mix(in srgb,var(--lapis) 12%,transparent);pointer-events:none;transition:width 60ms linear}.meter>span{position:relative;z-index:1;font-size:11px;font-weight:550;color:var(--muted);user-select:none;white-space:nowrap}.meter-range{position:absolute;z-index:2;inset:0 60px 0 0;width:calc(100% - 60px);height:100%;margin:0;opacity:0;cursor:ew-resize}.meter-value{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0;background:transparent;border:none;border-radius:0;color:var(--ink);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none}.meter-value input{z-index:3;width:38px;height:100%;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:right;-webkit-appearance:none;-moz-appearance:textfield}.studio-stress-result{margin:8px 0 0;padding:9px 10px;border-radius:9px;background:color-mix(in srgb,#4c805d 10%,transparent);color:var(--muted);font-size:11px;line-height:1.45}.studio-variant-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0;padding:4px;border:1px solid var(--hair);border-radius:11px;background:var(--input)}.studio-variant-tabs button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--quiet);font-size:11px;text-transform:capitalize}.studio-variant-tabs button.active{background:var(--panel-solid);color:var(--lapis);font-weight:650;box-shadow:0 1px 5px #14192314}.variant-copy-row{display:flex;align-items:center;gap:5px;margin:-5px 0 12px;color:var(--quiet);font-size:10.5px}.variant-copy-row span{margin-right:auto}.variant-copy-row button{height:26px;padding:0 8px;border:1px solid var(--hair);border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px;text-transform:capitalize}.variant-copy-row button:hover{background:var(--input);color:var(--ink)}.freeform-layer-list{display:grid;gap:4px}.freeform-layer-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(6,28px);gap:2px;align-items:center}.freeform-layer-row>button{height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--quiet)}.freeform-layer-row>button:hover:not(:disabled){background:var(--input);color:var(--ink)}.freeform-layer-row>button:disabled{opacity:.25}.freeform-layer-row svg{width:13px}.freeform-layer-main{grid-template-columns:24px minmax(0,1fr)!important;justify-items:start!important;text-align:left!important}.freeform-layer-main>span:last-child{min-width:0}.freeform-layer-main strong,.freeform-layer-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.freeform-layer-main strong{font-size:12px}.freeform-layer-main small{margin-top:1px;font-size:10.5px;color:var(--quiet)}.freeform-layer-row>button.freeform-layer-main.active{border:1px solid var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input));color:var(--ink)}.freeform-layer-row>button.freeform-layer-main.active strong{color:var(--lapis)}.freeform-layer-row>button.freeform-layer-main.active .layer-index{color:var(--lapis);font-weight:600}.freeform-text.selected{overflow:visible}.scene-decorative{position:absolute;transform:translate(-50%,-50%) rotate(var(--layer-rotation,0deg));transform-origin:center;touch-action:none}.scene-decorative.depth-lifted{transform:translate(-50%,-50%) perspective(900px) rotateY(-4deg) rotate(var(--layer-rotation,0deg)) translateZ(8px)}.scene-decorative.depth-perspective{transform:translate(-50%,-50%) perspective(760px) rotateX(3deg) rotateY(-9deg) rotate(var(--layer-rotation,0deg)) translateZ(12px)}.scene-decorative.selected{outline:calc(1px * var(--canvas-ui-scale,1)) solid var(--accent);outline-offset:0}.scene-logo{overflow:hidden}.scene-logo img{width:100%;height:100%;display:block}.scene-atmosphere{pointer-events:auto}.scene-atmosphere.treatment-halo{border-radius:50%;background:radial-gradient(circle,#ffffffbd,#fff0 70%);mix-blend-mode:soft-light}.scene-atmosphere.treatment-beam{background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);filter:blur(1px)}.scene-atmosphere.treatment-rule{height:1px!important;background:#ffffffc7}.scene-atmosphere.treatment-none{background:transparent}.studio-add-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.studio-dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-checks{display:grid;gap:7px;margin:14px 0}.export-checks span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.export-checks i{width:6px;height:6px;border-radius:50%;background:#4c805d;box-shadow:0 0 0 3px color-mix(in srgb,#4c805d 12%,transparent)}.export-checks .warning{color:#8a531f}.export-checks .warning i{background:#b96d28;box-shadow:0 0 0 3px color-mix(in srgb,#b96d28 12%,transparent)}.export-download{width:100%;font-size:12px}.export-download svg{width:15px}.frame-grid button{font-size:11px}.inspector-footer{display:flex;justify-content:space-between;gap:6px;padding:15px 16px;border-top:1px solid var(--hair);color:var(--quiet);font-size:11px}.toast{position:fixed;z-index:50;left:50%;bottom:20px;display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 4px 4px 15px;border:1px solid var(--hair-strong);border-radius:12px;background:var(--panel-solid);box-shadow:0 14px 36px #11141a2e;transform:translate(-50%)}.toast button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent}.toast button:hover{background:var(--input)}.toast svg{width:14px}.background-advanced-details{margin-top:18px;padding-top:14px;border-top:1px solid var(--hair)}.background-advanced-details>summary{min-height:34px}.background-advanced-details[open]>summary{margin-bottom:14px}.device-card-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:14px;border-radius:10px;background:color-mix(in srgb,var(--input) 60%,transparent);border:1px solid var(--hair)}.device-card-title{display:flex;align-items:center;gap:8px}.device-card-title svg{color:var(--lapis)}.device-badge{padding:2px 7px;border-radius:99px;font-size:10.5px;font-weight:600;background:color-mix(in srgb,var(--lapis) 12%,transparent);color:var(--lapis);border:1px solid color-mix(in srgb,var(--lapis) 25%,transparent)}.device-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:19px;margin-bottom:10px}.device-group-title>span{font-size:12px;font-weight:700;color:var(--ink)}.device-group-title small{color:var(--quiet);font-size:10.5px;font-weight:500}.finish-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:6px 0 14px}.finish-picker button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 2px 6px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--quiet);font-size:10.5px;line-height:1.15}.finish-picker button:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink)}.finish-picker button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input));color:var(--lapis);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 14%,transparent)}.finish-swatch{width:22px;height:22px;border:1px solid color-mix(in srgb,var(--finish-color) 75%,#000);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--finish-color) 72%,#fff),var(--finish-color) 52%,color-mix(in srgb,var(--finish-color) 75%,#000));box-shadow:inset 0 1px 1px #ffffff75,0 2px 5px #0000001f}.views-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;margin-bottom:12px}.views-grid button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--quiet);text-align:center;cursor:pointer;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) ease}.views-grid button:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink)}.views-grid button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 16%,transparent)}.views-grid button.active strong{color:var(--lapis)}.views-grid button.active small{color:var(--quiet)}.views-grid strong{display:block;font-size:10.5px;font-weight:600;line-height:1.1;color:var(--ink)}.views-grid small{display:block;font-size:10.5px;color:var(--quiet);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.device-more-views{margin:-4px 0 10px}.device-more-views>summary{min-height:34px;padding:0 9px;border:1px solid var(--hair);border-radius:8px;color:var(--muted);font-size:11px;font-weight:600}.device-more-views>summary b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--input);color:var(--quiet);font-size:10.5px;font-weight:600}.device-more-views[open]>summary{border-color:var(--hair-strong);border-radius:8px 8px 0 0;background:var(--input)}.device-more-views .views-grid{margin:0;padding:6px;border:1px solid var(--hair);border-top:0;border-radius:0 0 8px 8px}.camera-control{margin:6px 0 8px}.camera-pad{position:relative;width:100%;height:104px;overflow:hidden;border:1px solid var(--hair-strong);border-radius:12px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--lapis) 8%,var(--input)),var(--input) 68%);cursor:grab;touch-action:none}.camera-pad:active{cursor:grabbing}.camera-pad:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.camera-axis{position:absolute;background:color-mix(in srgb,var(--muted) 22%,transparent);pointer-events:none}.camera-axis.axis-x{left:12px;right:12px;top:50%;height:1px}.camera-axis.axis-y{top:12px;bottom:12px;left:50%;width:1px}.camera-puck{position:absolute;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:var(--lapis);box-shadow:0 5px 14px #283c664d;transform:translate(-50%,-50%);pointer-events:none}.camera-puck:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.camera-pad-label{position:absolute;color:var(--quiet);font-size:10.5px;pointer-events:none}.label-left{left:8px;top:50%;transform:translateY(-50%)}.label-right{right:8px;top:50%;transform:translateY(-50%)}.label-top{left:50%;top:7px;transform:translate(-50%)}.label-bottom{left:50%;bottom:7px;transform:translate(-50%)}.camera-readout{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:7px;color:var(--muted);font-size:11px}.camera-readout b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.camera-readout button{justify-self:end;display:flex;align-items:center;gap:4px;height:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px}.camera-readout button:hover{background:var(--input);color:var(--ink)}.camera-readout svg{width:11px}.camera-sliders{margin-bottom:8px}.camera-fine-controls{margin-top:4px}.device-lighting{margin-top:16px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.device-lighting>summary{min-height:46px}.device-lighting>summary span{color:var(--ink);font-size:12px;font-weight:650}.device-lighting>summary b{color:var(--quiet);font-size:10.5px;font-weight:500}.device-lighting[open]{padding-bottom:10px}.lighting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}.lighting-grid button{min-width:0;min-height:74px;display:grid;grid-template-rows:42px auto;align-content:center;justify-items:center;gap:5px;padding:7px 6px;border:1px solid var(--hair);border-radius:10px;background:transparent;color:var(--quiet);text-align:center}.lighting-grid button:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink)}.lighting-grid button.active{border-color:color-mix(in srgb,var(--lapis) 54%,var(--hair));background:color-mix(in srgb,var(--lapis) 9%,var(--input));color:var(--lapis);box-shadow:0 4px 12px color-mix(in srgb,var(--lapis) 9%,transparent)}.lighting-grid button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.lighting-preview{position:relative;width:100%;height:40px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:7px;box-shadow:inset 0 1px #ffffff52,0 3px 8px #141b261f}.lighting-preview-softbox{background:radial-gradient(circle at 28% 18%,#fff 0 10%,#f4dfc9 25%,transparent 50%),linear-gradient(115deg,#d3dded,#f5f7fb 56%,#c7d2e3)}.lighting-preview-bright{background:radial-gradient(circle at 23% 17%,#fff 0 21%,#fff9ef 38%,transparent 62%),linear-gradient(115deg,#ecf2f8,#d6e7ff 64%,#b6c9df)}.lighting-preview-contrast{background:linear-gradient(125deg,#ffd2ad 0 22%,#e0a178 34%,#303744 52% 72%,#648bce)}.lighting-preview-dark-product{background:radial-gradient(circle at 77% 16%,#dce8ff 0 7%,#a8c2f8 15%,transparent 35%),linear-gradient(120deg,#111722,#05070b 68%,#243650)}.lighting-grid strong{display:block;overflow:hidden;max-width:100%;font-size:11px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.device-advanced{margin-top:8px;border-top:1px solid var(--hair)}.device-advanced summary{min-height:38px;color:var(--muted);font-size:11.5px;font-weight:600}.device-advanced[open]{padding-bottom:2px}.light-control{margin:8px 0 10px}.light-pad{position:relative;width:100%;height:116px;overflow:hidden;border:1px solid var(--hair-strong);border-radius:12px;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,#fff 78%,var(--lapis)),transparent 25%),linear-gradient(135deg,color-mix(in srgb,var(--lapis) 10%,var(--input)),var(--input) 54%,color-mix(in srgb,#1d2532 9%,var(--input)));cursor:grab;touch-action:none}.light-pad:active{cursor:grabbing}.light-pad:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.light-axis{position:absolute;background:color-mix(in srgb,var(--muted) 22%,transparent);pointer-events:none}.light-axis.axis-x{left:12px;right:12px;top:50%;height:1px}.light-axis.axis-y{top:12px;bottom:12px;left:50%;width:1px}.light-source{position:absolute;left:14%;top:13%;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:color-mix(in srgb,#fff 68%,var(--lapis));color:var(--lapis);box-shadow:0 3px 12px color-mix(in srgb,var(--lapis) 20%,transparent);pointer-events:none}.light-source svg{width:13px;height:13px;stroke-width:1.8}.light-puck{position:absolute;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:var(--lapis);box-shadow:0 5px 14px #283c664d;transform:translate(-50%,-50%);pointer-events:none}.light-puck:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.light-pad-label{position:absolute;color:var(--quiet);font-size:10.5px;pointer-events:none}.light-pad .label-left{left:8px;top:50%;transform:translateY(-50%)}.light-pad .label-right{right:8px;top:50%;transform:translateY(-50%)}.light-pad .label-top{left:50%;top:7px;transform:translate(-50%)}.light-pad .label-bottom{left:50%;bottom:7px;transform:translate(-50%)}.light-readout{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:7px;color:var(--muted);font-size:11px}.light-readout b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.light-readout button{justify-self:end;display:flex;align-items:center;gap:4px;height:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px}.light-readout button:hover{background:var(--input);color:var(--ink)}.light-readout svg{width:11px}@media(prefers-reduced-motion:reduce){.camera-pad,.camera-pad *{transition:none!important;animation:none!important}}.device-studio-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--lapis) 28%,var(--hair));border-radius:10px;background:color-mix(in srgb,var(--lapis) 6%,transparent)}.device-studio-banner strong{display:block;font-size:11px;font-weight:600;color:var(--ink)}.device-studio-banner span{display:block;font-size:10.5px;color:var(--quiet);margin-top:2px}.device-studio-banner button{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:10.5px;font-weight:600;white-space:nowrap}.studio-heading-left{display:flex;align-items:center;gap:7px}.studio-heading-icon{color:var(--lapis)}.studio-tag{display:inline-flex;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--lapis) 12%,transparent);color:var(--lapis);font-size:10.5px;font-weight:600}.studio-intro{margin:0 0 14px;font-size:11px;line-height:1.45;color:var(--muted)}.studio-intro code{padding:2px 5px;border-radius:4px;background:var(--input);font-size:10.5px;color:var(--ink)}.studio-create-card{padding:12px;border:1px solid var(--hair);border-radius:12px;background:color-mix(in srgb,var(--input) 40%,transparent)}.studio-snapshot{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;margin-bottom:12px}.snapshot-pill{font-size:10.5px;padding:2px 7px;border-radius:5px;background:var(--panel);border:1px solid var(--hair);color:var(--quiet)}.studio-create-actions{display:flex;flex-direction:column;gap:6px}.studio-btn{width:100%;justify-content:center}.studio-port-actions{display:flex;align-items:center;gap:5px}.studio-empty-templates{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px;border:1px dashed var(--hair);border-radius:12px;color:var(--quiet);font-size:11px;gap:8px}.studio-empty-templates p{margin:0;line-height:1.4}.studio-templates-list{display:flex;flex-direction:column;gap:8px}.studio-template-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--hair);border-radius:10px;background:var(--panel);transition:border-color .15s ease}.studio-template-row:hover{border-color:var(--hair-strong)}.studio-tpl-info{flex:1;min-width:0;cursor:pointer}.studio-tpl-info strong{display:block;font-size:11.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-tpl-info small{display:block;font-size:10.5px;color:var(--quiet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.studio-tpl-chips{display:flex;gap:4px;margin-top:5px}.studio-tpl-chips .chip{font-size:10.5px;padding:1px 5px;border-radius:4px;background:var(--input);color:var(--muted);text-transform:capitalize}.studio-tpl-actions{display:flex;align-items:center;gap:4px}.studio-tpl-actions .small-btn{height:28px;padding:0 9px;font-size:10.5px}.proof-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.proof-custom-tag{font-size:10.5px;font-weight:600;padding:0 4px;border-radius:3px;background:color-mix(in srgb,var(--lapis) 15%,transparent);color:var(--lapis);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.layout-mini.has-thumbnail{overflow:hidden;background-position:center;background-size:cover}.layout-mini.has-thumbnail>*{display:none}.panel-studio{padding-bottom:28px}.studio-title-row{align-items:center}.studio-heading-icon{width:15px;height:15px}.studio-block,.studio-save,.studio-library{padding:14px 0;border-top:1px solid var(--hair)}.studio-block-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.studio-block-heading>span{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:11.5px;font-weight:650}.studio-block-heading svg{width:14px;height:14px;stroke-width:1.7}.studio-block-heading small{color:var(--quiet);font-size:10.5px}.studio-block-heading b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--input);font-size:10.5px}.studio-layers{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:5px}.studio-layers>button{min-height:42px;border:1px solid var(--hair);border-radius:9px;background:transparent}.studio-layers>button:not(.layer-visibility){display:grid;grid-template-columns:27px 1fr;align-items:center;text-align:left;padding:5px 8px}.studio-layers>button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--input))}.studio-layers strong,.studio-layers small{display:block}.studio-layers strong{font-size:12px}.studio-layers small{margin-top:1px;color:var(--quiet);font-size:10.5px;text-transform:capitalize}.layer-index{color:var(--quiet);font-size:10.5px;font-variant-numeric:tabular-nums}.layer-visibility{display:grid;place-items:center;color:var(--muted)}.layer-visibility svg{width:14px}.layer-order-action{width:100%;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.layer-order-action:hover{background:var(--input);color:var(--ink)}.layer-order-action svg{width:12px}.empty-layers-message{padding:14px 10px;text-align:center;color:var(--quiet);font-size:11.5px;border:1px dashed var(--hair);border-radius:8px;margin-bottom:8px}.product-missing-banner{margin-bottom:6px;display:flex;flex-direction:column;gap:5px}.layer-order-action.primary-accent{border:1px dashed color-mix(in srgb,var(--lapis) 40%,var(--hair));background:color-mix(in srgb,var(--lapis) 7%,var(--input));color:var(--ink);font-weight:600}.layer-order-action.primary-accent:hover{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 14%,var(--input));color:var(--lapis)}.studio-range{display:block;margin-top:10px}.studio-range>span{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.studio-range output{color:var(--ink);font-variant-numeric:tabular-nums}.studio-range input{width:100%;height:22px;margin:3px 0 0;accent-color:var(--slate)}.studio-reset-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.studio-reset-actions button{height:34px;border:1px solid var(--hair);border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.studio-reset-actions button:hover{background:var(--input);color:var(--ink)}.studio-text-action{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--lapis);font-size:11px}.studio-text-action svg{width:11px}.studio-save .field-label{margin-top:9px}.studio-snapshot{margin:10px 0;display:flex;gap:4px}.studio-snapshot span{max-width:72px;overflow:hidden;padding:3px 6px;border:1px solid var(--hair);border-radius:5px;color:var(--quiet);font-size:10.5px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.studio-btn svg{width:15px}.studio-port-actions{display:flex;gap:4px}.studio-port-actions button,.studio-tpl-actions button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:7px;background:transparent;color:var(--muted)}.studio-port-actions button:hover,.studio-tpl-actions button:hover{background:var(--input);color:var(--ink)}.studio-port-actions button:disabled,.studio-tpl-actions button:disabled{opacity:.28}.studio-port-actions svg,.studio-tpl-actions svg{width:12px}.studio-template-row{display:block;padding:7px}.studio-template-row.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 5%,var(--panel))}.studio-template-main{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:center;padding:0;border:0;background:transparent;text-align:left}.studio-template-thumb{height:45px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--hair);border-radius:6px;background:var(--input) center/cover no-repeat;color:var(--quiet)}.studio-template-thumb svg{width:17px}.studio-tpl-info em{display:block;margin-top:4px;color:var(--quiet);font-size:10.5px;font-style:normal;text-transform:capitalize}.studio-tpl-actions{display:flex;justify-content:flex-end;gap:3px;margin-top:7px;padding-top:7px;border-top:1px solid var(--hair)}.device-placement-controls{margin-bottom:14px}.device-section-divider{margin-top:22px;padding-top:16px;border-top:1px solid var(--hair)}.background-focus-controls{margin-top:20px;padding-top:16px;border-top:1px solid var(--hair)}.background-focus-controls .section-heading{margin-bottom:10px}.canvas-surface-control{margin-bottom:14px}.panel-background.studio-surface-active>:not(.section-heading):not(.canvas-surface-control){display:none}.light-puck{z-index:3;width:36px;height:36px;border:3px solid var(--panel-solid);background:var(--lapis);box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 42%,transparent),0 7px 18px #1f30565c}.light-puck:before{content:"";position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--lapis) 34%,transparent);border-radius:50%;background:color-mix(in srgb,var(--lapis) 8%,transparent)}.light-puck:after{display:none}.light-puck-grip{position:absolute;z-index:2;left:50%;top:50%;width:12px;height:12px;border-radius:4px;background:radial-gradient(circle,#fff 1.25px,transparent 1.5px) 0 0/6px 6px;transform:translate(-50%,-50%)}.light-pad:hover .light-puck{box-shadow:0 0 0 3px color-mix(in srgb,var(--lapis) 28%,transparent),0 8px 20px #1f305666}.light-pad:active .light-puck{transform:translate(-50%,-50%) scale(.94)}.light-source{z-index:1;opacity:.6}.lighting-preset-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:12px}.lighting-preset-pill{height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--hair);border-radius:7px;background:var(--panel-solid);color:var(--muted);font-size:11px;font-weight:550;text-align:left;cursor:pointer;transition:all var(--motion-fast) ease}.lighting-preset-pill:hover{border-color:var(--hair-strong);color:var(--ink)}.lighting-preset-pill.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--panel-solid));color:var(--ink);font-weight:650;box-shadow:0 0 0 1px var(--lapis)}.screen-source{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:4px 0 14px;padding:7px 8px}.screen-source>div:first-child{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden}.screen-source>div:first-child>span:last-child{min-width:0;display:block}.screen-source strong,.screen-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-source .source-thumb{width:44px;height:40px;object-fit:cover;border:1px solid var(--hair);border-radius:7px;background:var(--input)}.screen-source .source-summary-actions{display:flex;align-items:center;gap:4px}.screen-source .source-summary-actions .icon-button{width:38px;height:38px;border:1px solid var(--hair);border-radius:9px;background:var(--panel-solid)}.screen-source .source-summary-actions .icon-button:hover{border-color:var(--hair-strong);background:var(--input)}.screen-fit-control{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}.screen-fit-control>svg{width:17px;height:17px;margin:auto;color:var(--muted);stroke-width:1.7}.screen-fit-control>div{height:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border:1px solid var(--hair);border-radius:10px;background:var(--input)}.screen-fit-control button{display:grid;place-items:center;min-width:0;border:0;border-radius:7px;background:transparent;color:var(--quiet)}.screen-fit-control button:hover{background:color-mix(in srgb,var(--panel-solid) 70%,transparent);color:var(--ink)}.screen-fit-control button.active{background:var(--panel-solid);color:var(--lapis);box-shadow:0 1px 4px #1419231a}.screen-fit-control button svg{width:16px;height:16px;stroke-width:1.7}.icon-meter{grid-template-columns:28px 1fr auto;padding-left:0;padding-right:10px;overflow:hidden}.icon-meter .property-icon{display:grid;place-items:center;width:28px;height:100%;color:var(--muted)}.icon-meter .property-icon svg{width:14px;height:14px}.icon-meter .meter-range{left:28px;width:calc(100% - 84px)}.chip-button{height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--hair);border-radius:6px;background:var(--panel-solid);color:var(--muted);font-size:11px;font-weight:550;cursor:pointer;white-space:nowrap!important;flex-shrink:0;transition:all var(--motion-fast) ease}.chip-button:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink)}.chip-button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,var(--panel-solid));color:var(--ink);font-weight:650;box-shadow:0 0 0 1px var(--lapis)}.inspector-section button:not(.color-field):not(.meter-range):not(.background-choice-grid button):not(.texture-grid button):not(.palette-stops button):not(.quick-tools-strip button):not(.anchor-toggle-group button):not(.lighting-preset-pill):not(.frame-strip-btn):not(.chip-button):not(.header-frame-dropdown select):not(.popover-mode-switch button):not(.preset-square-btn):not(.harmony-pill):not(.saved-background-delete){min-height:32px}.icon-button.small{width:34px;height:34px}.tone-row button,.export-scale button,.depth-control button{min-height:34px}@media(max-width:1020px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto}.command-bar{grid-template-columns:max-content max-content minmax(0,1fr) auto}.paste-hint,.copy-action{display:none}.workspace{grid-template-columns:1fr}.canvas-column{min-height:680px;grid-row:1}}@media(max-width:680px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden}html,body{overflow-y:auto}.app-shell{padding:7px;gap:7px}.command-bar{grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:7px 12px;border-radius:999px}.brand small{display:none}.source-command{grid-row:2;grid-column:1/-1;width:100%;min-width:0}.source-command .button{flex:1;min-width:0;padding-inline:9px;font-size:12px}.output-actions{min-width:0}.output-actions .button{width:44px;padding:0;gap:0;font-size:0}.output-actions .button svg{margin:0}.workspace{gap:7px}.canvas-column{min-height:520px;display:flex;flex-direction:column;border-radius:15px}.work-field{padding:10px}.artboard{flex-shrink:0}.artboard .composition-copy{min-height:44px}.artboard .composition-copy strong{font-size:clamp(9px,3.8cqw,14px)}.artboard .composition-copy p{font-size:clamp(6px,2.3cqw,9px);line-height:1.38}.proof-strip{padding:6px}.proof-item{min-width:122px;height:62px;grid-template-columns:52px 1fr}.layout-mini{width:52px;height:40px}.inspector,.unified-sidebar{border-radius:15px}.inspector-section{padding:18px 16px 22px}.inspector-section+.inspector-section{border-top:1px solid var(--hair)}.background-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-stops{grid-template-columns:1fr}.texture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-button.small{width:44px;height:44px}.tone-row button,.export-scale button{height:44px}.studio-layers{grid-template-columns:minmax(0,1fr) 44px}.studio-layers>button{min-height:44px}.studio-port-actions button,.studio-tpl-actions button{width:44px;height:44px}.layer-order-action,.studio-reset-actions button,.studio-text-action{min-height:44px}.studio-range input{height:44px;margin-top:-5px}.toast{bottom:12px;width:calc(100% - 28px);justify-content:space-between}.toast button{width:44px;height:44px}.empty-state h1{font-size:28px}.empty-actions{flex-direction:column;width:100%}.empty-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.artboard{animation:none}.button,.icon-button,.proof-item,.segment>i,.toast,.frame-iphone .resize-handle{transition:none}}.panel-content .section-heading{margin-bottom:12px}.text-layer-picker{gap:8px;margin-bottom:14px}.text-layer-picker button{min-height:42px;justify-content:center;padding:0 12px;color:var(--muted);text-align:center}.text-layer-picker button.active{color:var(--lapis)}.active-text-label{margin:20px 0 12px;padding-top:16px}.type-primary-controls{grid-template-columns:minmax(0,1fr) minmax(104px,.72fr);gap:10px;margin-bottom:12px}.type-metrics-grid{gap:10px;margin:14px 0}.sidebar-layer-order{margin-bottom:14px}.panel-studio{padding-top:10px}.panel-studio>.studio-variant-tabs{margin-top:0}.studio-block{padding:16px 0}.studio-block-heading{margin-bottom:12px}.studio-add-actions{gap:8px}.studio-text-action{min-height:32px;padding:0 2px}.freeform-layer-row{grid-template-columns:repeat(6,1fr);gap:3px;padding:3px;border-radius:10px}.freeform-layer-row>button{display:none;height:34px}.freeform-layer-row>button.freeform-layer-main{display:grid;grid-column:1/-1;height:42px;padding:0 9px}.freeform-layer-row.selected{background:var(--input)}.freeform-layer-row.selected>button{display:grid}.freeform-layer-row.selected>button.freeform-layer-main{background:var(--panel-solid)}.studio-dimension-row{gap:10px}.studio-geometry .studio-range{margin-top:14px}.frame-switcher{margin:0 0 20px;padding:12px;border:1px solid color-mix(in srgb,var(--lapis) 30%,var(--hair));border-radius:12px;background:color-mix(in srgb,var(--lapis) 5%,var(--panel-solid))}.frame-switcher-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--ink);font-size:11.5px;font-weight:650}.frame-switcher-heading strong{color:var(--lapis);font-size:11px;font-weight:700}.frame-switcher .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.frame-switcher .frame-grid button{height:68px;background:var(--panel-solid)}.frame-switcher .frame-grid button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 11%,var(--panel-solid));box-shadow:0 0 0 2px color-mix(in srgb,var(--lapis) 12%,transparent)}.resize-handle{position:absolute;z-index:30;width:calc(8px * var(--canvas-ui-scale,1));height:calc(8px * var(--canvas-ui-scale,1));border:calc(1.5px * var(--canvas-ui-scale,1)) solid #ffffff;border-radius:calc(2px * var(--canvas-ui-scale,1));background:var(--lapis);box-shadow:0 0 0 calc(1px * var(--canvas-ui-scale,1)) #0f172a33,0 calc(1.5px * var(--canvas-ui-scale,1)) calc(4px * var(--canvas-ui-scale,1)) #0f172a47;box-sizing:border-box;opacity:1!important;touch-action:none;transform-origin:center;transition:transform .1s ease,box-shadow .1s ease;pointer-events:auto}.resize-handle:before{content:"";position:absolute;inset:calc(-8px * var(--canvas-ui-scale,1));cursor:inherit}.handle-nw{left:0%;top:0%;transform:translate(-50%,-50%);cursor:nwse-resize}.handle-n{left:50%;top:0%;transform:translate(-50%,-50%);cursor:ns-resize}.handle-ne{left:100%;top:0%;transform:translate(-50%,-50%);cursor:nesw-resize}.handle-e{left:100%;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.handle-se{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.handle-s{left:50%;top:100%;transform:translate(-50%,-50%);cursor:ns-resize}.handle-sw{left:0%;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.handle-w{left:0%;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.handle-nw:hover,.handle-n:hover,.handle-ne:hover,.handle-e:hover,.handle-se:hover,.handle-s:hover,.handle-sw:hover,.handle-w:hover{transform:translate(-50%,-50%) scale(1.22)}.rotate-handle{position:absolute;z-index:31;left:50%;top:calc(-24px * var(--canvas-ui-scale,1));width:calc(12px * var(--canvas-ui-scale,1));height:calc(12px * var(--canvas-ui-scale,1));padding:0;border:calc(2px * var(--canvas-ui-scale,1)) solid #ffffff;border-radius:50%;background:var(--lapis);box-shadow:0 0 0 1px #0f172a33,0 2px 5px #0f172a52;transform:translate(-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;pointer-events:auto}.rotate-handle:active{cursor:grabbing}.rotate-handle:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 0 1px #0f172a40,0 3px 8px #0f172a66}.rotate-handle:before{content:"";position:absolute;inset:calc(-6px * var(--canvas-ui-scale,1))}.rotate-handle:after{content:"";position:absolute;left:50%;top:calc(10px * var(--canvas-ui-scale,1));width:calc(1.5px * var(--canvas-ui-scale,1));height:calc(14px * var(--canvas-ui-scale,1));background:var(--lapis);transform:translate(-50%);pointer-events:none}[data-tooltip]{position:relative}[data-tooltip]:hover,[data-tooltip]:focus-visible{z-index:10000}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:10001;left:50%;bottom:calc(100% + 7px);max-width:220px;padding:5px 8px;border:1px solid var(--hair-strong);border-radius:6px;background:var(--ink);color:var(--clear);font-size:10.5px;font-weight:550;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 4px 14px #00000029;transform:translate(-50%,3px);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) var(--ease)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.command-bar [data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%,-3px)}.command-bar [data-tooltip]:hover:after,.command-bar [data-tooltip]:focus-visible:after{transform:translate(-50%)}.output-actions [data-tooltip]:last-of-type:after{left:auto;right:0;transform:translateY(-3px)}.output-actions [data-tooltip]:last-of-type:hover:after,.output-actions [data-tooltip]:last-of-type:focus-visible:after{transform:translate(0)}.inspector-popover-header [data-tooltip]:after{bottom:auto;top:calc(100% + 8px);left:auto;right:0;transform:translateY(-3px)}.inspector-popover-header [data-tooltip]:hover:after,.inspector-popover-header [data-tooltip]:focus-visible:after{transform:translate(0)}.palette-icon-button[data-tooltip]:after{bottom:calc(100% + 6px);top:auto;left:auto;right:0;transform:translateY(3px)}.palette-icon-button[data-tooltip]:hover:after,.palette-icon-button[data-tooltip]:focus-visible:after{transform:translate(0)}.harmony-pill:hover,.harmony-pill:focus-visible,.recipe-card:hover,.recipe-card:focus-visible,.background-choice-grid button:hover,.background-choice-grid button:focus-visible,.texture-grid button:hover,.texture-grid button:focus-visible{z-index:25}.harmony-pill[data-tooltip]:after,.recipe-card[data-tooltip]:after{bottom:calc(100% + 6px);top:auto;left:50%;right:auto;transform:translate(-50%,3px)}.harmony-pill[data-tooltip]:hover:after,.harmony-pill[data-tooltip]:focus-visible:after,.recipe-card[data-tooltip]:hover:after,.recipe-card[data-tooltip]:focus-visible:after{transform:translate(-50%)}.harmony-pill[data-tooltip]:nth-child(4n+1):after,.recipe-card[data-tooltip]:nth-child(4n+1):after{left:0;right:auto;transform:translateY(3px)}.harmony-pill[data-tooltip]:nth-child(4n+1):hover:after,.harmony-pill[data-tooltip]:nth-child(4n+1):focus-visible:after,.recipe-card[data-tooltip]:nth-child(4n+1):hover:after,.recipe-card[data-tooltip]:nth-child(4n+1):focus-visible:after{transform:translate(0)}.harmony-pill[data-tooltip]:nth-child(4n):after,.recipe-card[data-tooltip]:nth-child(4n):after{left:auto;right:0;transform:translateY(3px)}.harmony-pill[data-tooltip]:nth-child(4n):hover:after,.harmony-pill[data-tooltip]:nth-child(4n):focus-visible:after,.recipe-card[data-tooltip]:nth-child(4n):hover:after,.recipe-card[data-tooltip]:nth-child(4n):focus-visible:after{transform:translate(0)}.background-choice-grid button[data-tooltip]:after,.texture-grid button[data-tooltip]:after{bottom:calc(100% + 6px);top:auto;left:50%;right:auto;transform:translate(-50%,3px)}.background-choice-grid button[data-tooltip]:hover:after,.background-choice-grid button[data-tooltip]:focus-visible:after,.texture-grid button[data-tooltip]:hover:after,.texture-grid button[data-tooltip]:focus-visible:after{transform:translate(-50%)}.background-choice-grid button[data-tooltip]:nth-child(6n+1):after,.texture-grid button[data-tooltip]:nth-child(6n+1):after{left:0;right:auto;transform:translateY(3px)}.background-choice-grid button[data-tooltip]:nth-child(6n+1):hover:after,.background-choice-grid button[data-tooltip]:nth-child(6n+1):focus-visible:after,.texture-grid button[data-tooltip]:nth-child(6n+1):hover:after,.texture-grid button[data-tooltip]:nth-child(6n+1):focus-visible:after{transform:translate(0)}.background-choice-grid button[data-tooltip]:nth-child(6n):after,.texture-grid button[data-tooltip]:nth-child(6n):after{left:auto;right:0;transform:translateY(3px)}.background-choice-grid button[data-tooltip]:nth-child(6n):hover:after,.background-choice-grid button[data-tooltip]:nth-child(6n):focus-visible:after,.texture-grid button[data-tooltip]:nth-child(6n):hover:after,.texture-grid button[data-tooltip]:nth-child(6n):focus-visible:after{transform:translate(0)}.harmony-header{margin-bottom:8px}.harmony-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.harmony-pill{position:relative;display:block;aspect-ratio:1;padding:3px;border-radius:8px;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.harmony-pill:hover{transform:translateY(-1px);border-color:var(--lapis);box-shadow:0 4px 12px color-mix(in srgb,var(--lapis) 14%,transparent)}.harmony-swatches{width:100%;height:100%;border-radius:5px}.preset-square-btn[data-tooltip]:hover:after,.preset-square-btn[data-tooltip]:focus-visible:after{transform:translate(-50%)}.preset-square-btn[data-tooltip]:nth-child(4n+1):after{left:0;right:auto;transform:translateY(3px)}.preset-square-btn[data-tooltip]:nth-child(4n+1):hover:after,.preset-square-btn[data-tooltip]:nth-child(4n+1):focus-visible:after{transform:translate(0)}.preset-square-btn[data-tooltip]:nth-child(4n):after{left:auto;right:0;transform:translateY(3px)}.preset-square-btn[data-tooltip]:nth-child(4n):hover:after,.preset-square-btn[data-tooltip]:nth-child(4n):focus-visible:after{transform:translate(0)}.background-choice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:12px}.background-choice-grid button{position:relative;width:100%;height:32px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--hair);border-radius:6px;background:transparent;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.background-choice-grid button:hover{border-color:var(--hair-strong);transform:translateY(-1px);box-shadow:0 4px 10px #17181a14}.base-swatch{display:block;width:100%;height:100%;border-radius:4px}.texture-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:10px}.texture-grid button{position:relative;width:100%;height:32px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--hair);border-radius:6px;background:transparent;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.texture-grid button:hover{border-color:var(--hair-strong);transform:translateY(-1px);box-shadow:0 4px 10px #17181a14}.texture-swatch{display:block;width:100%;height:100%;border-radius:4px;background:var(--panel-solid)}.texture-pattern-none{background:linear-gradient(145deg,#f9fafb,#dfe3e9)}.texture-pattern-grain{background:radial-gradient(circle at 20% 20%,rgba(30,36,47,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 65%,rgba(30,36,47,.2) 0 1px,transparent 1.5px),linear-gradient(135deg,#f3dfca,#b1c9df);background-size:7px 7px,9px 9px,auto}.texture-pattern-paper{background-image:repeating-linear-gradient(0deg,rgba(88,65,42,.11) 0 1px,transparent 1px 4px),linear-gradient(135deg,#f2eadc,#c8b99f)}.texture-pattern-grid{background-color:var(--panel-solid);background-image:linear-gradient(rgba(75,95,125,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(75,95,125,.28) 1px,transparent 1px);background-size:9px 9px}.texture-pattern-dither{background-color:#d6d9e0;background-image:radial-gradient(circle,rgba(26,34,48,.66) 0 1px,transparent 1.2px);background-size:5px 5px}.texture-pattern-halftone{background-color:#e7d6e9;background-image:radial-gradient(circle,rgba(55,38,77,.66) 0 2px,transparent 2.2px);background-size:8px 8px}.background-randomize{min-height:44px;margin:-8px 0 16px;grid-template-columns:24px 1fr;padding:6px 10px}.background-randomize>svg{width:15px;height:15px}.background-randomize>span{font-size:11px;font-weight:650}.background-randomize>strong,.background-randomize>small{display:none}.background-generator-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:-8px 0 16px}.background-studio-save{margin:-4px 0 18px;padding:14px;border:1px solid color-mix(in srgb,var(--lapis) 24%,var(--hair));border-radius:14px;background:color-mix(in srgb,var(--lapis) 5%,var(--panel-solid))}.background-studio-save>div:first-child strong,.background-studio-save>div:first-child small{display:block}.background-studio-save>div:first-child strong{font-size:12px;font-weight:650;letter-spacing:-.01em}.background-studio-save>div:first-child small{max-width:32ch;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.45}.background-studio-save>label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:12px}.background-studio-save input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--hair);border-radius:9px;background:var(--input);font-size:11px;outline:0}.background-studio-save input:focus{border-color:var(--lapis);box-shadow:0 0 0 3px color-mix(in srgb,var(--lapis) 12%,transparent)}.background-studio-save label button{height:38px;display:flex;align-items:center;gap:5px;padding:0 11px;border:0;border-radius:9px;background:var(--ink);color:var(--clear);font-size:11px;font-weight:650}.background-ratio-proof{height:52px;display:flex;align-items:end;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--hair)}.background-ratio-proof i{display:block;border:1px solid rgba(255,255,255,.42);border-radius:4px;box-shadow:0 3px 9px #17181a1a}.background-ratio-proof .ratio-landscape{width:62px;height:35px}.background-ratio-proof .ratio-square{width:35px;height:35px}.background-ratio-proof .ratio-portrait{width:28px;height:35px}.saved-background-library{margin:0 0 18px;padding-bottom:17px;border-bottom:1px solid var(--hair)}.saved-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.saved-background-card{position:relative;min-width:0}.saved-background-main{width:100%;display:block;padding:4px;border:1px solid var(--hair);border-radius:10px;background:transparent;text-align:left;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) ease,background var(--motion-fast) ease}.saved-background-main:hover{border-color:var(--hair-strong);background:var(--input);transform:translateY(-1px)}.saved-background-main>span{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;border-radius:7px;background:var(--stage)}.saved-background-main>strong{display:block;overflow:hidden;margin:6px 3px 3px;color:var(--ink);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.saved-background-delete{position:absolute;top:7px;right:7px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:7px;background:#14161bc7;color:#fff;opacity:0;transition:opacity var(--motion-fast) ease,background var(--motion-fast) ease}.saved-background-card:hover .saved-background-delete,.saved-background-delete:focus-visible{opacity:1}.saved-background-delete:hover{background:#14161bf5}.background-generator-actions .background-randomize{min-height:50px;margin:0}.background-related{min-width:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 9px;border:1px solid var(--hair);border-radius:12px;background:var(--panel-solid);color:var(--muted);font-size:10.5px;font-weight:620;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--ease)}.background-related svg{width:14px;height:14px}.background-related:hover{border-color:var(--hair-strong);background:var(--input);color:var(--ink);transform:translateY(-1px)}.inspector-popover-header{transition:background var(--motion-fast) ease}.proof-list{scroll-snap-type:x proximity}.proof-item{scroll-snap-align:start}.local-note{margin-top:20px}.popover-mode-switch button,.anchor-toggle-group button,.quick-tools-strip button,.palette-stops button,.palette-icon-button,.frame-grid button,.text-layer-picker button,.text-group-tools button,.tone-row button,.export-scale button,.depth-control button,.device-more-views summary,.camera-readout button,.lighting-grid button,.studio-reset-actions button,.layer-order-action{transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) ease}.popover-mode-switch button:hover,.anchor-toggle-group button:hover,.quick-tools-strip button:hover,.palette-stops button:hover,.palette-icon-button:hover,.frame-grid button:hover:not(:disabled),.text-layer-picker button:hover,.text-group-tools button:hover,.tone-row button:hover,.export-scale button:hover,.depth-control button:hover,.device-more-views summary:hover,.camera-readout button:hover,.lighting-grid button:hover,.studio-reset-actions button:hover,.layer-order-action:hover{transform:translateY(-1px)}@media(max-width:1020px){.workspace{grid-template-columns:1fr}.inspector,.unified-sidebar{display:flex;flex-direction:column;position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:100;grid-column:auto;grid-row:auto;width:auto;height:min(74dvh,780px);max-height:min(74dvh,780px);padding-top:7px;background:var(--inspector-surface);transform:translateY(calc(100% + 18px));transition:opacity var(--motion-base) ease,transform var(--motion-panel) var(--ease),visibility 0s linear var(--motion-panel)}.sidebar-rail{flex-direction:row;width:100%;height:48px;border-right:none;border-bottom:1px solid var(--hair);padding:4px 6px;justify-content:space-around}.sidebar-rail-tab{width:auto;flex:1;height:38px;flex-direction:row;gap:5px}.sidebar-rail-tab.active:before{display:none}.sidebar-mobile-close{display:inline-flex;margin-left:4px}.inspector:before,.unified-sidebar:before{content:"";position:absolute;z-index:70;top:4px;left:50%;width:38px;height:4px;border-radius:2px;background:var(--hair-strong);transform:translate(-50%)}.inspector.is-open,.unified-sidebar.is-open,.unified-sidebar.mobile-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}}@media(max-width:680px){.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.harmony-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.background-choice-grid,.texture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inspector,.unified-sidebar{max-height:68dvh}.source-summary{padding:8px 12px}.source-summary .icon-button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){[data-tooltip]:after,.workspace,.inspector,.unified-sidebar,.inspector-section,.button,.icon-button,.recipe-card,.generated-background-card,.background-related,.harmony-pill,.background-choice-grid button,.texture-grid button{transition:none!important;animation:none!important}.inspector-section{transform:none!important}}.dimension-badge{position:absolute;left:50%;bottom:-32px;transform:translate(-50%) scale(var(--canvas-ui-scale, 1));transform-origin:center top;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#121418f0;color:#fff;font-size:11px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 14px #0000004d;pointer-events:none;z-index:50;white-space:nowrap;-webkit-font-smoothing:antialiased;animation:badge-pop .12s ease both}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%) scale(calc(var(--canvas-ui-scale, 1) * .92))}to{opacity:1;transform:translate(-50%) scale(var(--canvas-ui-scale, 1))}}.stage-light-puck{position:absolute;z-index:22;transform:translate(-50%,-50%) scale(var(--canvas-ui-scale,1)) translateZ(0);width:44px;height:44px;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .16s var(--ease),filter .16s ease;will-change:transform}.stage-light-puck:hover{transform:translate(-50%,-50%) scale(calc(var(--canvas-ui-scale,1) * 1.08)) translateZ(0);filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.stage-light-puck:active{cursor:grabbing;transform:translate(-50%,-50%) scale(calc(var(--canvas-ui-scale,1) * .98)) translateZ(0)}.light-puck-svg,.focus-puck-svg{display:block;width:44px;height:44px;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}.light-gizmo-halo{fill:none;stroke:#fbbf2438;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .14s ease,fill .14s ease}.stage-light-puck:hover .light-gizmo-halo,.stage-light-puck.is-selected .light-gizmo-halo{stroke:#fbbf24bf;fill:#fbbf2414}.light-gizmo-housing{fill:#14171f;stroke:#ffd566;stroke-width:1.5;vector-effect:non-scaling-stroke}.stage-light-puck:hover .light-gizmo-housing,.stage-light-puck.is-selected .light-gizmo-housing{stroke:#fff4cf;fill:#1a1e28}.focus-gizmo-outer{fill:#0e121bc7;stroke:#ffffffd9;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .14s ease,fill .14s ease}.stage-light-puck:hover .focus-gizmo-outer,.stage-light-puck.is-selected .focus-gizmo-outer{stroke:#fff;fill:#141a26eb}.focus-gizmo-mid{fill:none;stroke:#ffffff59;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.focus-gizmo-cross{stroke:#ffffffd9;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.focus-gizmo-core{fill:#fff3;stroke:#fff;stroke-width:1.25;vector-effect:non-scaling-stroke}.focus-gizmo-pip{fill:#fff}.stage-light-puck.is-snapped .focus-gizmo-outer{stroke:var(--lapis);fill:#1e293be6}.stage-light-puck.is-snapped .focus-gizmo-core{fill:var(--lapis);stroke:#fff}.light-puck-hint{position:absolute;z-index:5;top:45px;left:50%;display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#0d121beb;color:#fff;font-size:10.5px;font-weight:650;line-height:1;letter-spacing:.01em;white-space:nowrap;opacity:0;transform:translate(-50%,3px);box-shadow:0 4px 12px #00000040;transition:opacity .12s ease,transform .12s ease;pointer-events:none}.stage-light-puck:hover .light-puck-hint,.stage-light-puck:focus-visible .light-puck-hint,.stage-light-puck.is-selected .light-puck-hint{opacity:1;transform:translate(-50%)}.stage-light-puck.is-selected .light-puck-hint{border-color:#fbbf2473;box-shadow:0 4px 14px #00000059,0 0 0 1px #fbbf2433}.background-light-puck.is-selected .light-puck-hint{border-color:#ffffff73;box-shadow:0 4px 14px #00000059,0 0 0 1px #fff3}.stage-light-puck:focus-visible{outline:2px solid var(--lapis);outline-offset:4px}.lighting-target-nav{margin-bottom:14px}.background-focus-controls.is-context-active{border-radius:12px;background:color-mix(in srgb,var(--lapis) 6%,transparent);padding:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 25%,transparent);margin-inline:-4px;transition:background .18s ease,box-shadow .18s ease}.canvas-focus-vector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:21;opacity:.45;transition:opacity .14s ease}.canvas-focus-vector.is-active{opacity:.95}.subhead-badge{padding:1px 6px;border-radius:99px;font-size:10px;font-weight:600;background:var(--input);color:var(--muted);border:1px solid var(--hair);line-height:1.4}.light-puck-hint>i{width:5px;height:5px;border-radius:50%;background:#ffd879;box-shadow:0 0 6px #ffd879e6}.light-snap-label{position:absolute;top:45px;left:50%;transform:translate(-50%);display:inline-flex;padding:4px 8px;border-radius:6px;background:#0f172aeb;color:#fff;font-size:10.5px;font-weight:650;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000040}.canvas-zoom{position:absolute;right:18px;bottom:18px;z-index:25;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--hair);border-radius:12px;background:var(--panel);box-shadow:0 6px 20px #1217211f,inset 0 1px #ffffffb3;backdrop-filter:blur(16px);user-select:none}[data-theme=dark] .canvas-zoom{box-shadow:0 8px 24px #0000006b,inset 0 1px #ffffff14}.canvas-zoom button{height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.canvas-zoom button:hover{background:var(--input);color:var(--ink)}.canvas-zoom button:active{transform:scale(.94)}.canvas-zoom .canvas-controls-toggle{width:30px;padding:0;color:var(--quiet)}.canvas-zoom .canvas-controls-toggle svg{width:14px;height:14px;stroke-width:1.9}.canvas-zoom .canvas-controls-toggle.active{background:color-mix(in srgb,var(--lapis) 13%,var(--panel-solid));color:var(--lapis);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 22%,transparent)}.canvas-toolbar-divider{width:1px;height:17px;margin:0 3px;background:var(--hair)}.scene-light-puck{z-index:23}.canvas-marquee{position:fixed;z-index:60;pointer-events:none;border:1px solid #3b82f6;background:#3b82f61f;border-radius:2px}.canvas-context-menu{position:fixed;z-index:120;min-width:190px;padding:5px;border:1px solid var(--hair-strong);border-radius:13px;background:var(--panel-solid);color:var(--ink);box-shadow:0 16px 40px #12172138,0 2px 6px #12172114;backdrop-filter:blur(20px);animation:context-pop .1s ease both}@keyframes context-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.context-menu-item{width:100%;min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:12px;font-weight:550;text-align:left;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.context-menu-item:hover{background:var(--lapis);color:#fff}.context-menu-item.danger:hover{background:#ef4444;color:#fff}.context-menu-separator{height:1px;margin:4px 2px;background:var(--hair)}.context-menu-shortcut{font-size:10.5px;color:var(--quiet);font-weight:500}.context-menu-item:hover .context-menu-shortcut{color:#fffc}.work-field.is-space-pan,.work-field.is-space-pan *{cursor:grab!important;user-select:none!important}.work-field.is-space-pan *{pointer-events:none!important}.work-field.is-space-pan:active,.work-field.is-space-pan:active *,.work-field.is-space-pan.is-panning,.work-field.is-space-pan.is-panning *{cursor:grabbing!important}.work-field.is-space-pan .canvas-zoom,.work-field.is-space-pan .canvas-zoom *{pointer-events:auto!important;cursor:pointer!important}.canvas-dock{position:absolute;bottom:28px;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);z-index:55;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#fffffffa;border:1px solid rgba(15,23,42,.15);box-shadow:0 20px 48px -4px #0f172a38,0 8px 20px -2px #0f172a1f,0 0 0 1px #0000000a,inset 0 1px #fff;backdrop-filter:blur(28px) saturate(180%);user-select:none;touch-action:none;pointer-events:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;transition:box-shadow var(--motion-fast) ease}.dock-gesture-hints{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:1;display:flex;width:max-content;max-width:min(760px,calc(100vw - 24px));align-items:stretch;justify-content:center;flex-wrap:wrap;gap:0;padding:4px 7px;border:1px solid var(--hair);border-radius:9px;background:color-mix(in srgb,var(--panel-solid) 96%,var(--ground));box-shadow:0 4px 14px #1217211c,0 1px 2px #1217210f;color:var(--muted);transform:translate(-50%);pointer-events:none;user-select:none}.dock-gesture-group{min-height:26px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:1px 8px}.dock-gesture-group+.dock-gesture-group{border-left:1px solid var(--hair)}.dock-gesture-group-label{color:var(--quiet);font-size:9px;font-weight:750;letter-spacing:.07em}.dock-gesture-hint{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.dock-gesture-keys{display:inline-flex;align-items:center;gap:3px}.dock-gesture-input{color:var(--muted);font-size:11px;font-weight:550}.dock-gesture-hint kbd{padding:2px 4px;border:1px solid var(--hair);border-radius:4px;background:color-mix(in srgb,var(--panel-solid) 76%,var(--ground));color:var(--ink);font-family:inherit;font-size:10px;font-weight:650;line-height:1.2}.dock-gesture-plus{color:var(--quiet);font-size:10px}.dock-gesture-action{color:var(--ink);font-size:11px;font-weight:650}@media(max-width:520px){.dock-gesture-hints{max-width:calc(100vw - 24px)}.dock-gesture-group{gap:7px;padding-inline:5px}.dock-gesture-group+.dock-gesture-group{border-left:0}.dock-gesture-group-label{font-size:8px}}[data-theme=dark] .canvas-dock{background:#181d29f7;border-color:#ffffff2e;box-shadow:0 24px 60px -4px #000c,0 10px 24px -2px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}[data-theme=dark] .dock-popover{background:#161b26!important;border-color:#ffffff29;box-shadow:0 24px 56px #000000bf,0 6px 18px #00000080}[data-theme=dark] .dock-popover:before{border-color:rgba(255,255,255,.16) transparent transparent transparent}[data-theme=dark] .dock-popover:after{border-color:#161b26 transparent transparent transparent}[data-theme=dark] .dock-format-card{border-color:#ffffff1a}[data-theme=dark] .dock-format-card:hover{background:#ffffff14;border-color:#ffffff38}[data-theme=dark] .dock-light-ill-card{background:#ffffff0f}[data-theme=dark] .dock-light-ill-card:hover{background:#ffffff1f}[data-theme=dark] .dock-segmented{background:#ffffff14}[data-theme=dark] .dock-seg-btn.is-active{background:#ffffff29;color:#fff}[data-theme=dark] .dock-dots-track,[data-theme=dark] .dock-popover-tabs{background:#ffffff14}[data-theme=dark] .dock-tab-btn.is-active{background:#ffffff2e;color:#fff}[data-theme=dark] .dock-select{background:#161b26f2;border-color:#ffffff24}[data-theme=dark] .dock-stepper{background:#ffffff14;border-color:#ffffff24}.work-field.is-space-pan .canvas-dock,.work-field.is-space-pan .canvas-dock *{pointer-events:auto!important;cursor:default!important}.dock-item{position:relative;display:inline-flex}.dock-btn{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:var(--ink, #0f172a);font-family:inherit;font-size:13.5px;font-weight:650;letter-spacing:-.012em;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform 80ms ease,box-shadow var(--motion-fast) ease}.dock-btn:hover{background:#0000000f;color:var(--ink);transform:translateY(-.5px)}[data-theme=dark] .dock-btn:hover{background:#ffffff17}.dock-btn:active{transform:scale(.96)}.dock-btn.is-active{background:color-mix(in srgb,var(--lapis) 14%,var(--panel-solid));color:var(--lapis);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lapis) 30%,transparent)}.dock-btn-done{height:42px;padding:0 18px;background:var(--lapis)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 14px color-mix(in srgb,var(--lapis) 40%,transparent)}.dock-btn-done:hover{opacity:.94;color:#fff!important}.dock-btn-export{height:42px;padding:0 18px;background:color-mix(in srgb,var(--lapis) 13%,transparent);color:var(--lapis);font-weight:700}.dock-btn-export:hover{background:var(--lapis);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--lapis) 40%,transparent)}.dock-btn-icon{width:42px;height:42px;padding:0;justify-content:center}.dock-btn-danger:hover{background:#fee2e2;color:#ef4444}.dock-icon{flex-shrink:0;opacity:.95}.dock-label{font-size:13.5px;font-weight:650}.dock-meta{font-size:11.5px;font-weight:550;color:var(--quiet, #64748b);margin-left:3px}.dock-status-dot{width:6.5px;height:6.5px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b;margin-left:-2px}.dock-swatch-pip{width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #0000002e;flex-shrink:0}[data-theme=dark] .dock-swatch-pip{border-color:#ffffff59}.dock-divider{width:1px;height:24px;margin:0 5px;background:var(--hair, rgba(0, 0, 0, .12))}[data-theme=dark] .dock-divider{background:#ffffff26}.dock-stepper{display:inline-flex;align-items:center;height:40px;border:1px solid var(--hair-strong);border-radius:12px;overflow:hidden;background:var(--input)}.dock-step-btn{width:32px;height:100%;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;transition:background var(--motion-fast) ease}.dock-step-btn:hover{background:var(--panel-solid)}.dock-step-input-wrap{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 2px}.dock-step-input{width:38px;height:100%;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;text-align:right;padding:0;outline:none;-moz-appearance:textfield}.dock-step-input::-webkit-outer-spin-button,.dock-step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dock-step-input:focus{color:var(--lapis)}.dock-step-unit{font-size:11px;font-weight:600;color:var(--quiet);margin-left:1px;margin-right:3px;pointer-events:none;user-select:none}.dock-segmented{display:inline-flex;align-items:center;gap:3px;padding:4px;border-radius:12px;background:var(--input)}.dock-seg-btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform 80ms ease}.dock-seg-btn:hover{color:var(--ink)}.dock-seg-btn.is-active{background:var(--panel-solid);color:var(--ink);box-shadow:0 1px 4px #00000014}.dock-seg-icon-only{width:44px;padding:0;justify-content:center}.dock-seg-icon-only svg{flex-shrink:0}.dock-select{height:40px;padding:0 12px;border:1px solid var(--hair-strong);border-radius:12px;background:var(--input);color:var(--ink);font-size:13px;font-weight:600;outline:none;cursor:pointer}.dock-popover{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate3d(-50%,0,0);z-index:60;min-width:280px;max-width:calc(100vw - 32px);padding:16px 18px;border-radius:18px;background:var(--panel-solid, #ffffff);border:1px solid var(--hair-strong, rgba(0, 0, 0, .14));box-shadow:0 24px 54px #0f172a33,0 4px 14px #0f172a14;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;animation:dock-popover-rise .16s cubic-bezier(.16,1,.3,1) both;box-sizing:border-box}.dock-popover:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-style:solid;border-color:var(--hair-strong, rgba(0, 0, 0, .14)) transparent transparent transparent;pointer-events:none}.dock-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:7px 7px 0 7px;border-style:solid;border-color:var(--panel-solid, #ffffff) transparent transparent transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.08));pointer-events:none}@keyframes dock-popover-rise{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dock-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dock-popover-header strong{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.dock-popover-subtitle{font-size:11.5px;font-weight:550;color:var(--quiet)}.dock-popover-tabs{display:flex;background:var(--input);padding:2px;border-radius:7px;gap:2px}.dock-tab-btn{padding:2px 8px;font-size:10.5px;font-weight:600;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.dock-tab-btn.is-active{background:var(--panel-solid);color:var(--ink);box-shadow:0 1px 2px #0000000f}.dock-popover-format{width:340px}.dock-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;box-sizing:border-box}.dock-format-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border:1px solid var(--hair);border-radius:11px;background:transparent;cursor:pointer;box-sizing:border-box;min-width:0;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform 80ms ease}.dock-format-card:hover{background:var(--input);border-color:var(--hair-strong);transform:translateY(-1px)}.dock-format-card.is-selected{background:color-mix(in srgb,var(--lapis) 10%,var(--panel-solid));border-color:var(--lapis);box-shadow:0 0 0 1.5px var(--lapis)}.dock-format-wire{width:34px;height:34px;display:grid;place-items:center}.dock-wire-box{display:block;border:1.5px solid currentColor;border-radius:3px;opacity:.75}.dock-format-name{font-size:11.5px;font-weight:650;color:var(--ink)}.dock-format-ratio{font-size:10px;font-weight:500;color:var(--quiet)}.dock-popover-device{width:360px}.dock-popover-angle{width:336px}.dock-frame-grid,.dock-angle-grid,.inspector-angle-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dock-frame-grid button,.dock-angle-grid button,.inspector-angle-presets button{min-width:0;border:1px solid var(--hair);border-radius:10px;background:var(--input);color:var(--ink);cursor:pointer;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.dock-frame-grid button:hover,.dock-angle-grid button:hover,.inspector-angle-presets button:hover{border-color:var(--hair-strong);background:var(--panel-solid)}.dock-frame-grid button:focus-visible,.dock-angle-grid button:focus-visible,.inspector-angle-presets button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.dock-frame-grid button.is-selected,.dock-angle-grid button.is-selected,.inspector-angle-presets button.is-active{border-color:color-mix(in srgb,var(--lapis) 55%,var(--hair));background:color-mix(in srgb,var(--lapis) 9%,var(--panel-solid));color:var(--lapis)}.dock-frame-grid button{min-height:62px;display:grid;align-content:center;justify-items:center;gap:5px;padding:7px 5px;font-size:11px;font-weight:650}.dock-angle-grid button{min-height:72px;display:grid;align-content:center;justify-items:center;gap:6px;padding:8px 5px;text-align:center}.dock-angle-icon{display:block;width:32px;height:21px;border:2px solid currentColor;border-radius:3px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--panel-solid) 75%,transparent);transform-origin:center}.dock-angle-copy{display:grid;gap:1px}.dock-angle-copy strong{font-size:11px;font-weight:650}.dock-angle-copy small{color:var(--muted);font-size:10px;white-space:nowrap}.dock-angle-fine{margin-top:10px;border-top:1px solid var(--hair);padding-top:8px}.dock-angle-fine summary{padding:5px 2px;color:var(--muted);font-size:11px;font-weight:650;cursor:pointer}.dock-angle-fine summary:hover{color:var(--ink)}.dock-angle-fine summary:focus-visible{outline:2px solid var(--lapis);outline-offset:2px;border-radius:4px}.dock-angle-row{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:9px;min-height:32px;color:var(--ink);font-size:11px}.dock-angle-row input{width:100%;accent-color:var(--lapis);cursor:pointer}.dock-angle-row input:focus-visible{outline:2px solid var(--lapis);outline-offset:2px;border-radius:4px}.dock-angle-row output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.inspector-angle-presets{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px}.inspector-angle-presets button{min-height:44px;display:grid;align-content:center;gap:2px;padding:5px;text-align:center}.inspector-angle-presets span{font-size:11px;font-weight:650}.inspector-angle-presets small{color:var(--muted);font-size:9px;white-space:nowrap}.dock-mode-device .dock-model-frame .dock-popover-device{left:0;transform:none;animation:none}.dock-mode-device .dock-model-frame .dock-popover-device:before,.dock-mode-device .dock-model-frame .dock-popover-device:after{left:48px}@media(max-width:680px){.dock-popover-device,.dock-popover-angle{width:min(336px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 125px));overflow-y:auto}.dock-mode-device>.dock-segmented:last-child{display:none}.dock-mode-device .dock-model-frame .dock-popover-device{left:calc(70px - 50vw)}.dock-mode-device .dock-model-frame .dock-popover-device:before,.dock-mode-device .dock-model-frame .dock-popover-device:after{left:calc(50vw - 20px)}.dock-mode-device .dock-model-angle .dock-popover-angle{left:auto;right:0;transform:none;animation:none}.dock-mode-device .dock-model-angle .dock-popover-angle:before,.dock-mode-device .dock-model-angle .dock-popover-angle:after{left:auto;right:44px}}.dock-segmented-field{margin-bottom:12px;width:100%;box-sizing:border-box}.dock-field-title{display:block;font-size:11px;font-weight:600;color:var(--quiet);margin-bottom:6px;letter-spacing:.02em}.dock-segmented-field .dock-segmented{width:100%;display:flex;gap:2px;padding:3px;border-radius:10px;box-sizing:border-box}.dock-segmented-field .dock-seg-btn{flex:1 1 0;min-width:0;justify-content:center;padding:0 4px;white-space:nowrap}.dock-segmented-field .dock-seg-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-dots-track{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--input);border-radius:999px;position:relative;width:100%;box-sizing:border-box}.dock-dots-track:before{content:"";position:absolute;left:16px;right:16px;height:2px;background:var(--hair-strong);top:50%;transform:translateY(-50%);pointer-events:none}.dock-dot-step{position:relative;z-index:2;width:22px;height:22px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:0}.dock-dot-pip{width:6.5px;height:6.5px;border-radius:50%;background:var(--muted);transition:transform var(--motion-fast) ease,background var(--motion-fast) ease}.dock-dot-step:hover .dock-dot-pip{background:var(--ink);transform:scale(1.3)}.dock-dot-step.is-active .dock-dot-pip{width:13px;height:13px;background:var(--lapis);box-shadow:0 0 0 3.5px var(--panel-solid),0 2px 6px #00000038}.dock-popover-lighting{width:380px}.dock-lighting-illustrations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box}.dock-light-ill-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 4px 6px;border:1.5px solid transparent;border-radius:11px;background:var(--input);cursor:pointer;box-sizing:border-box;min-width:0;width:100%;transition:all var(--motion-fast) ease}.dock-light-ill-card:hover{background:color-mix(in srgb,var(--lapis) 10%,var(--input));border-color:color-mix(in srgb,var(--lapis) 30%,transparent);transform:translateY(-1px)}.dock-light-ill-card.is-selected{background:color-mix(in srgb,var(--lapis) 12%,var(--panel-solid));border-color:var(--lapis);box-shadow:0 0 0 1px var(--lapis)}.dock-light-svg-wrap{width:100%;aspect-ratio:1.25;border-radius:7px;overflow:hidden;box-shadow:0 1px 3px #00000026;display:flex;align-items:center;justify-content:center}.dock-light-ill-svg{width:100%;height:100%;display:block}.dock-light-ill-name{font-size:10.5px;font-weight:650;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dock-switch-stack{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}.dock-switch-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:background var(--motion-fast) ease}.dock-switch-row:hover{background:var(--input)}.dock-switch-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550;color:var(--ink)}.dock-toggle-knob{width:32px;height:19px;border-radius:999px;background:var(--hair-strong);position:relative;transition:background var(--motion-fast) ease}.dock-toggle-knob:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--motion-fast) cubic-bezier(.16,1,.3,1)}.dock-switch-row.is-active .dock-toggle-knob{background:var(--lapis)}.dock-switch-row.is-active .dock-toggle-knob:after{transform:translate(13px)}.dock-popover-backdrop{width:370px}.dock-text-action{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--hair);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--motion-fast) ease}.dock-text-action:hover{background:var(--input);color:var(--ink)}.dock-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.dock-palette-pill{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px;border:1.5px solid transparent;border-radius:10px;background:transparent;cursor:pointer;min-width:0;width:100%;box-sizing:border-box;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease}.dock-palette-pill:hover{transform:translateY(-1px)}.dock-palette-pill.is-selected{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 9%,transparent)}.dock-swatch-preview{width:100%;aspect-ratio:1.15;border-radius:7px;box-shadow:0 1px 4px #0000001a;border:1px solid rgba(0,0,0,.08);box-sizing:border-box}.dock-palette-name{width:100%;font-size:10.5px;font-weight:600;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-pill-card{padding:8px;border:1px solid var(--hair);border-radius:12px;background:var(--panel-solid)}.sidebar-nested-settings{display:grid;gap:8px}.sidebar-field-group{display:grid;gap:6px}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between}.sidebar-group-title{font-size:11px;font-weight:600;color:var(--quiet);letter-spacing:.02em}.sidebar-color-stops-row{display:flex;align-items:center;gap:6px;width:100%}.sidebar-color-pip{flex:1 1 0;height:32px;min-width:0;border-radius:8px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0000001f,0 1px 2px #0000000f;cursor:pointer;transition:all var(--motion-fast) cubic-bezier(.16,1,.3,1);padding:0}.sidebar-color-pip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0003,0 2px 6px #0000001f}.sidebar-color-pip.is-active{border-color:var(--panel-solid);outline:2px solid var(--lapis);box-shadow:0 2px 8px #0000002e;transform:translateY(-1px)}.tone-row,.export-scale{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:3px 4px 3px 8px!important;border-radius:10px!important;background:var(--input)!important;gap:4px!important;margin-top:10px!important}.tone-row>span{font-size:11px!important;font-weight:600!important;color:var(--quiet)!important;flex:0 0 auto!important}.tone-row button,.export-scale button{flex:1 1 0!important;min-width:0!important;height:30px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:550!important;cursor:pointer!important;transition:all var(--motion-fast) ease!important;white-space:nowrap!important}.tone-row button:hover,.export-scale button:hover{color:var(--ink)!important;background:#0000000a!important;transform:none!important}.tone-row button.active,.export-scale button.active{background:var(--panel-solid)!important;color:var(--ink)!important;font-weight:650!important;box-shadow:0 1px 3px #00000014!important;transform:none!important}[data-theme=dark] .tone-row button:hover,[data-theme=dark] .export-scale button:hover{background:#ffffff14!important}[data-theme=dark] .tone-row button.active,[data-theme=dark] .export-scale button.active{background:#ffffff29!important;color:#fff!important;box-shadow:0 1px 3px #00000040!important}.anchor-toggle-group{display:flex!important;gap:2px!important;padding:3px!important;border-radius:10px!important;background:var(--input)!important;box-sizing:border-box!important}.anchor-toggle-group button{flex:1 1 0!important;min-width:0!important;height:30px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:550!important;cursor:pointer!important;transition:all var(--motion-fast) ease!important;white-space:nowrap!important}.anchor-toggle-group button:hover{color:var(--ink)!important;background:#0000000a!important;transform:none!important}.anchor-toggle-group button.active{background:var(--panel-solid)!important;color:var(--ink)!important;font-weight:650!important;box-shadow:0 1px 3px #00000014!important;transform:none!important}[data-theme=dark] .anchor-toggle-group button:hover{background:#ffffff14!important}[data-theme=dark] .anchor-toggle-group button.active{background:#ffffff29!important;color:#fff!important;box-shadow:0 1px 3px #00000040!important}@media(min-width:768px)and (max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.canvas-column{min-height:680px}.inspector,.unified-sidebar{position:relative;inset:auto;display:grid;grid-column:2;grid-row:1;grid-template-columns:54px minmax(0,1fr);width:auto;height:680px;max-height:680px;padding-top:0;transform:none;opacity:1;visibility:visible;pointer-events:auto}.inspector:before,.unified-sidebar:before{display:none}.sidebar-rail{flex-direction:column;width:auto;height:auto;border-right:1px solid var(--hair);border-bottom:0;padding:10px 3px;justify-content:flex-start}.sidebar-rail-tab{width:46px;height:48px;flex:none;flex-direction:column;gap:3px}.sidebar-mobile-close{display:none}.sidebar-rail-export:before{top:-7px}.sidebar-context-header{flex-wrap:wrap}.sidebar-context-header>div:first-child{min-width:0}.header-frame-dropdown,.header-frame-dropdown select{width:100%}}@media(prefers-reduced-motion:reduce){.history-action svg,.copy-action svg,.command-bar .button.primary svg,.dock-btn-export .dock-icon{transition:none;transform:none!important}}.inspector-group{padding:0;animation:none}.inspector-group>summary.section-heading{display:flex;align-items:center;gap:8px;min-height:52px;margin:0;padding:13px 18px;list-style:none;cursor:pointer;color:var(--ink);font-size:13px;font-weight:700;line-height:1.25}.inspector-group>summary.section-heading::-webkit-details-marker,.sidebar-group>summary::-webkit-details-marker,.layer-row-actions>summary::-webkit-details-marker{display:none}.inspector-group>summary.section-heading small{margin-left:auto;color:var(--muted);font-size:11.5px;font-weight:550;white-space:nowrap}.inspector-group>summary.section-heading:after{content:"";width:7px;height:7px;flex:none;margin-left:3px;border-right:1.5px solid var(--quiet);border-bottom:1.5px solid var(--quiet);transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease)}.inspector-group[open]>summary.section-heading:after{transform:rotate(225deg)}.inspector-group>summary.section-heading:hover,.sidebar-group>summary:hover{background:var(--inspector-selected)}.inspector-group>summary.section-heading:focus-visible,.sidebar-group>summary:focus-visible,.layer-row-actions>summary:focus-visible{outline:2px solid var(--lapis);outline-offset:-3px;border-radius:7px}.inspector-group-content{padding:2px 18px 19px}.inspector-section+.inspector-section{border-top:1px solid var(--hair)}.sidebar-group{border-top:1px solid var(--hair)}.sidebar-group:first-child{border-top:0}.sidebar-group>summary{min-height:46px;padding:10px 0;font-size:12.5px;font-weight:650}.sidebar-group>summary small{overflow:hidden;max-width:48%;text-overflow:ellipsis;text-transform:capitalize}.sidebar-group-content{padding:2px 0 15px}.inspector-group-content .sidebar-group>summary{padding-inline:0}.panel-studio{padding:0 18px 22px}.panel-studio .sidebar-group-content{padding-bottom:17px}.studio-variant-tabs{margin-top:4px}.studio-block-heading{margin-top:3px}.studio-add-menu{margin:2px 0 12px;border:1px solid var(--hair);border-radius:9px}.studio-add-menu>summary{min-height:34px;padding:0 10px;color:var(--muted)}.studio-add-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 8px 8px}.studio-add-actions button{justify-content:center;min-height:32px}.freeform-layer-list{gap:5px}.freeform-layer-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:0 2px;align-items:center;padding:3px;border:1px solid transparent;border-radius:10px}.freeform-layer-row:hover{background:var(--inspector-selected)}.freeform-layer-row.selected{background:var(--inspector-selected);border-color:var(--hair)}.freeform-layer-row>button,.freeform-layer-row.selected>button{display:grid;min-height:38px;height:38px}.freeform-layer-row>button.freeform-layer-main{grid-column:1;height:40px;padding:0 7px;grid-template-columns:27px minmax(0,1fr)!important}.freeform-layer-row>button.freeform-layer-main.active{border:0;background:transparent}.freeform-layer-row>button.freeform-layer-main.active strong{color:var(--ink)}.freeform-layer-row>.layer-row-icon{grid-column:2;color:var(--muted)}.freeform-layer-row>.layer-row-icon[aria-pressed=false]{color:var(--quiet);opacity:.7}.layer-type-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:var(--input);color:var(--muted)}.freeform-layer-row.selected .layer-type-icon{background:var(--panel-solid);color:var(--lapis)}.layer-type-icon svg{width:14px;height:14px;stroke-width:1.8}.layer-row-actions{grid-column:1 / -1;min-height:0}.layer-row-actions>summary{position:absolute;top:6px;right:3px;width:34px;height:38px;display:grid;place-items:center;border-radius:7px;list-style:none;cursor:pointer;color:var(--muted)}.layer-row-actions>summary:hover,.layer-row-actions[open]>summary{background:var(--input);color:var(--ink)}.layer-row-actions>summary svg{width:15px;height:15px}.layer-row-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px 5px 6px}.layer-row-menu button{min-height:32px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 8px;border:1px solid var(--hair);border-radius:7px;background:var(--inspector-surface);color:var(--muted);font-size:11.5px;text-align:left}.layer-row-menu button:hover:not(:disabled){background:var(--input);color:var(--ink)}.layer-row-menu button:disabled{opacity:.4}.layer-row-menu button svg{width:13px;height:13px}.dock-more-controls{width:100%;min-height:34px;margin-top:12px;border:1px solid var(--hair);border-radius:8px;background:var(--input);color:var(--ink);font-size:11.5px;font-weight:650}.dock-more-controls:hover{border-color:var(--hair-strong);background:var(--inspector-selected)}.canvas-dock .dock-help{width:30px;min-width:30px;justify-content:center;padding:0}.canvas-dock .dock-help svg{color:var(--muted);stroke-width:1.8}.canvas-dock .dock-help:is(:hover,.is-active) svg{color:var(--ink)}.export-output-summary{display:flex;align-items:center;gap:12px;min-height:70px;margin:0 0 6px;padding:11px;border:1px solid var(--hair);border-radius:11px;background:var(--input)}.export-output-glyph{display:block;width:42px;max-height:43px;border:3px solid var(--ink);border-radius:3px;background:var(--inspector-surface)}.export-output-summary strong,.export-output-summary small{display:block}.export-output-summary strong{font-size:13px;font-weight:700}.export-output-summary small{margin-top:3px;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.panel-export>.sidebar-group{margin-inline:0}.panel-export>.sidebar-group>summary{padding-inline:1px}.panel-export .export-scale{margin-top:8px}.panel-export .export-checks{margin:6px 0 2px}.panel-export .export-download{min-height:42px;margin-top:17px;font-size:12.5px}.panel-export .export-copy{width:100%;min-height:36px;justify-content:center;margin-top:7px;font-size:12px}.export-empty-note{margin:10px 2px 0;color:var(--muted);font-size:11.5px;line-height:1.45;text-align:center}.reset-responsive-btn{width:100%;min-height:34px;justify-content:center;margin-top:14px;font-size:11.5px}.lighting-handles-disclosure{margin-top:15px;border-top:1px solid var(--hair)}.lighting-handles-bar{display:grid;gap:8px;padding:2px 0 10px}.sidebar-rail-export{margin-top:9px}.sidebar-rail-tab{font-size:10.5px}.sidebar-context-subtitle{font-size:12px}.inspector-section .field-label>span{font-size:12px}.inspector-section .field-label input,.inspector-section .field-label select,.inspector-section .field-label textarea{font-size:12.5px}.inspector-section .inspector-disclosure:not(.sidebar-group)>summary{font-size:12px}.inspector-section .tone-row,.inspector-section .export-scale{font-size:12px}@media(max-width:767px){.inspector-group>summary.section-heading{min-height:52px}.freeform-layer-row>button.freeform-layer-main{grid-column:1}.sidebar-rail-export{margin-top:0}}.frame-screen{position:relative}.screen-glass-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit}.shot-wrap>.rotate-handle:focus-visible{outline:calc(2px * var(--canvas-ui-scale,1)) solid var(--ink);outline-offset:calc(3px * var(--canvas-ui-scale,1))}.unified-sidebar{border-color:color-mix(in srgb,var(--hair) 82%,transparent);background:color-mix(in srgb,var(--inspector-surface) 84%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 44px -23px #131b2957,0 4px 12px -8px #131b2929}.unified-sidebar .sidebar-panel-body{background:color-mix(in srgb,var(--inspector-surface) 92%,transparent)}.unified-sidebar .sidebar-rail,.unified-sidebar .sidebar-context-header{background:color-mix(in srgb,var(--inspector-surface) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.unified-sidebar .sidebar-rail{gap:3px}.unified-sidebar .sidebar-rail-tab{border-radius:10px}.unified-sidebar .sidebar-rail-tab svg{stroke-width:1.8}.unified-sidebar .sidebar-rail-tab.active{background:color-mix(in srgb,var(--lapis) 10%,var(--inspector-surface));color:var(--lapis);box-shadow:none}.unified-sidebar .sidebar-context-header{min-height:66px;padding-block:12px}.unified-sidebar .sidebar-context-title{font-size:15px;letter-spacing:-.02em}.unified-sidebar .sidebar-context-subtitle{margin-top:3px;font-size:10.5px}.unified-sidebar .inspector-group>summary.section-heading{min-height:46px;padding-block:11px;font-size:12px;font-weight:650}.unified-sidebar .inspector-group-content{padding-inline:17px}.unified-sidebar .sidebar-group>summary{min-height:42px}.unified-sidebar .sidebar-rail-tab:hover{transform:none}.panel-canvas .inspector-group-content{padding-bottom:13px}.panel-background .inspector-group-content{display:flex;flex-direction:column;padding-top:4px}.panel-background .sidebar-group-title{color:var(--ink);font-size:11.5px;font-weight:650;letter-spacing:0}.background-looks{margin-bottom:17px}.background-looks .sidebar-group-header{margin-bottom:9px}.background-look-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.background-look{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;min-height:70px;padding:5px 0 3px;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--ease)}.background-look:hover{color:var(--ink);transform:translateY(-1px)}.background-look:active{transform:scale(.97)}.background-look-swatch{display:block;width:40px;height:40px;border:1px solid rgba(0,0,0,.13);border-radius:50%;box-shadow:0 1px 3px #00000021}.background-look.is-active .background-look-swatch{outline:2px solid var(--lapis);outline-offset:3px}.background-look-name{max-width:100%;overflow:hidden;font-size:10px;font-weight:550;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.background-look.is-active .background-look-name{color:var(--ink);font-weight:700}.background-icon-action{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}.background-icon-action:hover{background:var(--inspector-selected);color:var(--ink)}.panel-background .background-colors,.panel-background .background-spread{padding-top:16px;border-top:1px solid var(--hair)}.panel-background .background-colors{margin-bottom:15px}.background-color-count{color:var(--quiet);font-size:10.5px;font-variant-numeric:tabular-nums}.background-color-list{display:grid;gap:2px;margin-top:9px}.background-color-row{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:11px;width:100%;min-height:42px;padding:4px 5px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;transition:background var(--motion-fast) ease}.background-color-row:hover,.background-color-row.is-active{background:var(--inspector-selected)}.background-color-swatch{width:32px;height:32px;border:1px solid rgba(0,0,0,.14);border-radius:50%;box-shadow:0 1px 2px #0000001a}.background-color-row.is-active .background-color-swatch{outline:2px solid var(--lapis);outline-offset:2px}.background-color-label{min-width:0;font-size:10.5px;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}.background-color-row>svg{color:var(--quiet);transition:transform var(--motion-fast) ease}.background-color-row.is-active>svg{transform:rotate(180deg)}.background-color-picker{margin:8px 0 2px}.background-color-picker .custom-color-picker{border-radius:9px}.background-spread{margin-bottom:13px}.background-advanced,.background-save{margin-top:3px;border-top:1px solid var(--hair)}.background-advanced>summary{min-height:42px!important;color:var(--muted)!important;font-weight:600!important}.background-advanced[open]>summary{margin-bottom:11px}.background-advanced .sidebar-field-group{margin-bottom:16px!important}.background-save{padding-top:13px}.background-save>.sidebar-group-title{display:block;margin-bottom:9px}.background-save .sidebar-field-group{padding-bottom:4px}.background-palette-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:16px}.background-palette-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:32px;padding:0 4px;border:1px solid var(--hair);border-radius:7px;background:transparent;color:var(--muted);font-size:10.5px}.background-palette-actions button:hover{background:var(--inspector-selected);color:var(--ink)}@media(prefers-reduced-transparency:reduce){.unified-sidebar,.unified-sidebar .sidebar-panel-body,.unified-sidebar .sidebar-rail,.unified-sidebar .sidebar-context-header{background:var(--inspector-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.background-look{transition:none}.background-look:hover,.background-look:active{transform:none}}@media(max-width:767px){.unified-sidebar .inspector-group>summary.section-heading{min-height:48px}.background-icon-action{width:40px;height:40px}.background-color-row{min-height:50px}}.screen-glass-toggle{grid-template-columns:minmax(0,1fr) 28px;margin-top:10px;font-size:11.5px;font-weight:650}.dock-backdrop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dock-backdrop-grid button{padding:3px;border:1px solid var(--hair);border-radius:9px;background:transparent;color:var(--ink);cursor:pointer;min-width:0}.dock-backdrop-grid button>span{display:block;height:54px;border-radius:6px}.dock-backdrop-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:5px 1px 2px}.dock-backdrop-grid button:hover,.dock-backdrop-grid button.is-selected{border-color:var(--lapis)}.dock-model-controls{border-top:1px solid var(--hair);padding-top:10px;margin-top:12px;display:grid;gap:10px}.dock-finish-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.dock-finish-options button{background:transparent;border:1px solid transparent;border-radius:6px;padding:5px 2px;color:var(--muted);cursor:pointer}.dock-finish-options button[aria-pressed=true]{border-color:var(--lapis);color:var(--ink)}.dock-finish-options span{display:block;margin:0 auto 5px;width:19px;height:19px;border:1px solid var(--hair-strong);border-radius:50%}.dock-finish-options small{font-size:9px}.dock-model-controls .dock-angle-row{margin:0;grid-template-columns:72px minmax(0,1fr) 38px}.dock-orientation-icon{display:grid;place-items:center;width:18px;height:18px}.dock-orientation-icon span{width:12px;height:15px;border:1.5px solid currentColor;border-radius:2px;transform:perspective(35px) rotateY(-30deg) rotate(-12deg);box-shadow:2px 1px 0 -1px var(--panel-solid),3px 1px 0 -1px currentColor}.dock-popover-device,.dock-popover-backdrop{max-height:min(520px,calc(100dvh - 160px));overflow-y:auto}@media(max-width:680px){.dock-popover-backdrop{position:fixed;left:50%;bottom:76px;width:min(370px,calc(100vw - 24px))}}.work-field>.toast{position:absolute;bottom:96px;z-index:80;width:max-content;max-width:calc(100% - 32px);font-size:13px;line-height:1.4}.work-field>.toast button{flex-shrink:0}.canvas-column{position:relative}.floating-layers{position:absolute;z-index:35;left:12px;top:12px;width:124px;color:var(--ink)}.floating-layers-header{background:var(--panel-solid);border-radius:10px;box-shadow:0 3px 12px #141b281a}.layers-collapse{width:100%;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:0;background:transparent;color:var(--ink);cursor:pointer}.layers-collapse strong{font-size:12px;font-weight:650}.layers-collapse span{color:var(--muted);font-size:11px;margin-left:auto}.layers-collapse>svg:last-child{transition:transform .16s ease}.is-collapsed .layers-collapse>svg:last-child{transform:rotate(-90deg)}#floating-layer-content{position:absolute;top:50px;left:0;width:min(300px,calc(100vw - 24px));padding:4px 10px 0;background:var(--panel-solid);border-radius:14px;box-shadow:0 12px 32px #141b282e}.layers-stack-heading{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 2px 2px}.layers-stack-heading>span{font-size:12px;font-weight:600}.layers-stack-heading small{margin-left:auto;color:var(--muted);font-size:11px}.floating-layer-list{overflow-y:auto;max-height:min(44vh,340px);border-radius:10px;background:var(--input);scrollbar-width:thin}.floating-layer-row{display:flex;align-items:center;gap:2px;min-height:56px;padding:3px 4px;position:relative;border-bottom:1px solid var(--hair);transition:background-color var(--motion-fast) ease}.floating-layer-row:last-child{border-bottom:0}.floating-layer-row:hover{background:color-mix(in srgb,var(--ink) 4%,var(--input))}.floating-layer-row.is-selected{background:color-mix(in srgb,var(--lapis) 14%,var(--input));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 25%,transparent)}.floating-layer-row.is-dragging{opacity:.45}.floating-layer-row.is-hidden .layer-select{opacity:.5}.floating-layer-row.is-drop-target:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--lapis);z-index:1}.layer-drag-handle,.layer-icon{display:grid;place-items:center;flex:0 0 28px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.layer-drag-handle{flex-basis:18px;touch-action:none;cursor:grab}.layer-drag-handle:active{cursor:grabbing}.layer-icon:hover,.layer-drag-handle:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.layer-icon:disabled{opacity:.35;cursor:default}.layer-icon:disabled:hover{background:transparent;color:var(--muted)}.layer-delete:hover{color:#c94040}.layer-icon[aria-pressed=true]{color:var(--lapis);background:color-mix(in srgb,var(--lapis) 10%,transparent)}.layer-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:5px 2px;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer}.layer-select>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550}.layer-select small{display:block;color:var(--muted);font-size:10px;font-weight:450;margin-top:3px}.layer-thumbnail{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;overflow:hidden;border-radius:7px;background:var(--panel-solid);color:var(--muted)}.layer-thumbnail img{width:100%;height:100%;object-fit:cover}.layers-add-section{margin-top:10px;padding-top:2px;border-top:1px solid var(--hair)}.layers-add-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:0 2px;border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:550;cursor:pointer}.layers-add-toggle>svg{transition:transform var(--motion-fast) ease}.layers-add-toggle[aria-expanded=false]>svg{transform:rotate(-90deg)}.layers-add-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 12px}.layers-add-choices>button{display:grid;gap:6px;justify-items:center;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.layers-add-choices>button>span{display:grid;place-items:center;width:100%;height:48px;border-radius:9px;background:var(--input);color:var(--ink);transition:background-color var(--motion-fast) ease}.layers-add-choices>button:hover>span{background:color-mix(in srgb,var(--lapis) 10%,var(--input))}.layers-add-choices>button:active>span{background:color-mix(in srgb,var(--lapis) 18%,var(--input))}.layers-budget{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -10px;padding:10px 12px;color:var(--muted);font-size:10px;border-top:1px solid var(--hair)}.layers-empty{margin:0;padding:20px 14px;font-size:12px;color:var(--muted);text-align:center}.floating-layers button:focus-visible{outline:2px solid var(--lapis);outline-offset:-2px}.asset-inspector fieldset{padding:0;margin:0;border:0;min-width:0}.asset-inspector fieldset:disabled{opacity:.6}.asset-inspector .inspector-disclosure{margin:12px 0}.asset-inspector .field-label{margin-bottom:12px}.asset-replace{width:100%;margin:0 0 16px;font-size:12px}.asset-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 0}.asset-number{display:grid;gap:5px;font-size:11px;color:var(--muted)}.asset-number input{width:100%;min-width:0;height:34px;padding:0 8px;border:1px solid var(--hair);border-radius:6px;background:var(--input);color:var(--ink);font:inherit}.asset-missing{display:grid;place-content:center;gap:8px;min-height:180px;padding:24px;background:var(--panel-solid);color:var(--ink);text-align:center;font-size:14px}.asset-missing span{max-width:30ch;font-size:12px}@media(prefers-reduced-motion:reduce){.layers-collapse>svg:last-child,.floating-layers button,.floating-layer-row,.layers-add-toggle>svg,.layers-add-choices>button>span{transition:none}}.work-field{grid-template-columns:minmax(0,1fr)}.work-field{grid-template-rows:minmax(0,1fr);padding-top:60px}.canvas-zoom{top:12px;bottom:auto;right:12px}@media(max-width:1100px){.workspace.layers-visible .work-field{padding-top:60px}}.device-inspector-fields{border:0;padding:0;margin:0;min-width:0}.device-inspector-fields:disabled{opacity:.6}.alignment-guide,.has-true-lighting .alignment-guide{z-index:400!important;background:#d946ef;box-shadow:0 0 0 1px #ffffffa6}.guide-vertical{width:calc(1px * var(--canvas-ui-scale,1))}.guide-horizontal{height:calc(1px * var(--canvas-ui-scale,1))}.editor-layout-grid{position:absolute;inset:0;z-index:300;pointer-events:none;background-image:linear-gradient(to right,rgba(100,116,139,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(100,116,139,.3) 1px,transparent 1px);background-size:32px 32px}.group-selection{position:absolute;z-index:410;pointer-events:none;border:calc(1px * var(--canvas-ui-scale,1)) solid #6366f1;box-sizing:border-box}.group-selection .resize-handle{pointer-events:auto;border:1px solid #6366f1;background:#fff;padding:0;min-width:0;min-height:0}.group-selection-label{position:absolute;bottom:100%;left:0;white-space:nowrap;background:#4f46e5;color:#fff;font:11px/1.5 Inter,sans-serif;padding:2px 5px;transform:scale(var(--canvas-ui-scale,1));transform-origin:bottom left}.has-group-selection .editable-object>.resize-handle,.has-group-selection .editable-object>.rotate-handle,.has-group-selection .editable-object>.dimension-badge,.has-group-selection .editable-object .frame-roll-handle,.has-group-selection .freeform-text .resize-handle,.has-group-selection .freeform-text .rotate-handle{display:none}.has-group-selection .freeform-text .text-corner-handle,.has-group-selection .freeform-text .text-side-handle{display:none}.canvas-zoom button[aria-label="Show layout grid"] svg{width:14px;height:14px}.canvas-zoom button[aria-label="Show layout grid"].active{background:color-mix(in srgb,var(--lapis) 13%,var(--panel-solid));color:var(--lapis)}:root{--inspector-sheet:#ebeced;--inspector-rail:#f7f7f8;--inspector-control:#f9f9fa;--inspector-rule:rgba(24,27,31,.12)}:root[data-theme=dark]{--inspector-sheet:#26282c;--inspector-rail:#202226;--inspector-control:#32353a;--inspector-rule:rgba(255,255,255,.13)}@media(min-width:1021px){.workspace{grid-template-columns:minmax(0,1fr) 360px}}.unified-sidebar{grid-template-columns:49px minmax(0,1fr);border:1px solid color-mix(in srgb,var(--inspector-rule) 75%,transparent);border-radius:15px;background:color-mix(in srgb,var(--inspector-sheet) 94%,transparent);box-shadow:0 16px 36px -20px #10141c52,inset 0 1px #ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .unified-sidebar{box-shadow:0 18px 38px -18px #000000a6,inset 0 1px #ffffff14}.unified-sidebar .sidebar-rail{gap:5px;padding:12px 5px;border-right:1px solid var(--inspector-rule);background:var(--inspector-rail);-webkit-backdrop-filter:none;backdrop-filter:none}.unified-sidebar .sidebar-rail-tab{width:38px;height:38px;min-height:38px;padding:0;border-radius:10px;color:var(--muted);transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.unified-sidebar .sidebar-rail-tab svg{width:18px;height:18px;stroke-width:1.75}.unified-sidebar .sidebar-rail-tab:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);transform:none}.unified-sidebar .sidebar-rail-tab.active,[data-theme=dark] .unified-sidebar .sidebar-rail-tab.active{background:var(--ink);color:var(--inspector-rail);box-shadow:none}.unified-sidebar .sidebar-rail-export{margin-top:auto}.unified-sidebar .sidebar-rail-export:before{top:-10px;left:8px;right:8px;background:var(--inspector-rule)}.unified-sidebar .sidebar-panel-body{background:var(--inspector-sheet)}.unified-sidebar .sidebar-context-header{min-height:58px;padding:10px 14px;border-bottom:1px solid var(--inspector-rule);background:var(--inspector-sheet);-webkit-backdrop-filter:none;backdrop-filter:none}.unified-sidebar .sidebar-context-title{font-size:13px;font-weight:700;line-height:1.2;color:var(--ink)}.unified-sidebar .sidebar-context-subtitle{margin-top:3px;font-size:10px;color:var(--muted)}.unified-sidebar .inspector-group{border-top:0}.unified-sidebar .inspector-group+.inspector-group{border-top:1px solid var(--inspector-rule)}.unified-sidebar .inspector-group>summary.section-heading{min-height:42px;padding:0 14px;color:var(--ink);font-size:11.5px;font-weight:690;letter-spacing:.005em}.unified-sidebar .inspector-group>summary.section-heading:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.unified-sidebar .inspector-group>summary.section-heading small{font-size:9.5px;color:var(--muted)}.unified-sidebar .inspector-group-content{padding:2px 14px 15px}.unified-sidebar .sidebar-group{border-color:var(--inspector-rule)}.unified-sidebar .sidebar-group-title,.unified-sidebar .scene-control-heading>span{font-size:10.5px;font-weight:670;letter-spacing:.005em;color:var(--ink)}.unified-sidebar .sidebar-group-header{margin-bottom:8px}.unified-sidebar .field-label>span,.unified-sidebar .numeric-control>span:first-child,.unified-sidebar .type-family-control>span,.unified-sidebar .alignment-control>span{font-size:10px;font-weight:590;color:var(--muted)}.unified-sidebar .field-label input,.unified-sidebar .field-label select,.unified-sidebar .type-family-control select,.unified-sidebar .numeric-input,.unified-sidebar .alignment-control>div,.unified-sidebar .asset-number input{height:31px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control);color:var(--ink)}.unified-sidebar .dock-segmented,.unified-sidebar .tone-row,.unified-sidebar .export-scale,.unified-sidebar .anchor-toggle-group{padding:2px!important;border:1px solid var(--inspector-rule)!important;border-radius:7px!important;background:color-mix(in srgb,var(--inspector-control) 78%,transparent)!important}.unified-sidebar .dock-seg-btn,.unified-sidebar .tone-row button,.unified-sidebar .export-scale button,.unified-sidebar .anchor-toggle-group button{height:28px!important;min-height:28px!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-size:10.5px!important}.unified-sidebar .dock-seg-btn:hover,.unified-sidebar .tone-row button:hover,.unified-sidebar .export-scale button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)!important;color:var(--ink)!important}.unified-sidebar .dock-seg-btn.is-active,.unified-sidebar .tone-row button.active,.unified-sidebar .export-scale button.active,.unified-sidebar .anchor-toggle-group button.active{background:var(--inspector-control)!important;color:var(--ink)!important;box-shadow:0 1px 2px #1419231a!important}.unified-sidebar .tone-row>span,.unified-sidebar .export-scale>span{color:var(--ink)!important;font-size:10.5px!important;font-weight:600!important}.unified-sidebar .meter{height:30px;margin-top:5px;padding:0 4px 0 0;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .meter:before{background:color-mix(in srgb,var(--lapis) 10%,transparent)}.unified-sidebar .icon-meter{grid-template-columns:minmax(0,1fr) 48px}.unified-sidebar .icon-meter .property-name{display:flex;align-items:center;gap:7px;min-width:0;padding-left:9px;color:var(--ink);font-size:10.5px;font-weight:550}.unified-sidebar .icon-meter .property-name svg{flex:none;width:13px;height:13px;color:var(--muted);stroke-width:1.75}.unified-sidebar .icon-meter .property-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-sidebar .icon-meter .meter-range{left:0;right:47px;width:calc(100% - 47px)}.unified-sidebar .meter-value{font-size:10.5px;font-weight:660}.unified-sidebar .meter-value input{width:31px}.unified-sidebar .format-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0!important;margin:0 0 10px;border:0!important;background:transparent!important}.unified-sidebar .format-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:52px!important;padding:3px 2px;border:1px solid var(--inspector-rule)!important;border-radius:7px!important;background:var(--inspector-control)!important;font-size:8.5px!important;line-height:1}.unified-sidebar .format-choice.is-active{border-color:var(--lapis)!important;box-shadow:inset 0 0 0 1px var(--lapis)!important}.format-choice i{display:block;width:19px;height:11px;border:1.5px solid currentColor;border-radius:2px;opacity:.72}.format-square i{width:14px;height:14px}.format-portrait i{width:10px;height:16px}.format-product-hunt i{width:19px;height:12px}.unified-sidebar .reset-responsive-btn{min-height:27px;margin:7px 0 0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:10px;font-weight:570}.unified-sidebar .reset-responsive-btn:hover{color:var(--ink);background:transparent}.background-simple-section{padding:12px 0;border-color:var(--inspector-rule)}.background-random-looks .background-look-grid{gap:7px}.background-random-looks .background-look{height:42px;min-height:42px!important}.background-random-looks .background-look-swatch{width:34px;height:34px}.background-random-looks .background-look.is-active .background-look-swatch{box-shadow:0 0 0 2px var(--inspector-sheet),0 0 0 3.5px var(--lapis),inset 0 0 0 1px #0000001f}.background-floor-switch.is-active>i{background:var(--lapis)}.background-colour-swatches button.is-active{box-shadow:0 0 0 2px var(--inspector-sheet),0 0 0 3.5px var(--lapis),inset 0 0 0 1px #0000001f}.background-simple .background-color-picker{margin:0;padding:0;border:0;border-radius:0;background:transparent}.background-simple .custom-color-picker{gap:8px;padding:0;border:0;border-radius:0;background:transparent}.background-simple .color-field{height:112px;border:1px solid var(--inspector-rule);border-radius:6px}.background-simple .color-picker-primary-row{gap:6px}.background-simple .color-picker-swatch,.background-simple .color-picker-hex-wrap,.background-simple .color-picker-copy-btn{height:31px;border-radius:6px;background-color:var(--inspector-control)}.background-simple .color-picker-swatch,.background-simple .color-picker-copy-btn{width:31px}.background-simple .color-picker-hex-input{font-family:inherit;font-size:11px;letter-spacing:.01em}.background-base-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.background-base-grid button{min-height:51px;gap:4px;padding:5px 1px;border-radius:6px}.background-base-grid button.is-active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 8%,transparent)}.background-advanced-content>.sidebar-group-title:not(:first-child){padding-top:9px;border-top:1px solid var(--inspector-rule)}.inspector-inline-action{justify-self:start;padding:0;border:0;background:transparent;color:var(--lapis);font-size:10.5px}.saved-look-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.saved-look{position:relative;min-width:0}.saved-look>button:first-child{width:100%;height:39px;overflow:hidden;padding:2px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.saved-look>button:first-child span{display:block;width:100%;height:100%;border-radius:4px}.saved-look>button:last-child{position:absolute;right:-3px;top:-4px;width:18px;height:18px;min-height:18px!important;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--inspector-control);opacity:0}.saved-look:hover>button:last-child,.saved-look>button:last-child:focus-visible{opacity:1}.save-look-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.save-look-row input{min-width:0;height:31px;padding:0 8px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control);font-size:10.5px}.save-look-row button{display:flex;align-items:center;gap:4px;padding:0 9px;border:0;border-radius:6px;background:var(--ink);color:var(--inspector-control);font-size:10.5px}.unified-sidebar .text-layer-picker{gap:4px}.unified-sidebar .text-layer-picker button{min-height:31px;padding:0 9px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .text-layer-picker button.active{border-color:var(--lapis);box-shadow:inset 0 0 0 1px var(--lapis)}.unified-sidebar .text-layer-picker span{font-size:10.5px}.unified-sidebar .text-group-tools{margin:11px 0;padding:0;border:0;border-radius:0;background:transparent}.unified-sidebar .text-group-tools>span{margin:0 0 5px;font-size:10px}.unified-sidebar .text-group-tools>div{display:flex;gap:1px;padding:2px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .text-group-tools button{flex:1;height:28px;min-height:28px!important;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted)}.unified-sidebar .text-group-tools button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.unified-sidebar .type-primary-controls,.unified-sidebar .type-metrics-grid,.unified-sidebar .type-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.unified-sidebar .type-primary-controls{grid-template-columns:minmax(0,1fr) minmax(105px,.72fr)}.unified-sidebar .type-position-grid{padding-top:10px;border-top:1px solid var(--inspector-rule)}.unified-sidebar .numeric-control,.unified-sidebar .type-family-control,.unified-sidebar .alignment-control{min-width:0;gap:4px}.unified-sidebar .numeric-input,.unified-sidebar .alignment-control>div{height:31px}.unified-sidebar .alignment-control button.active{color:var(--ink);background:var(--inspector-sheet);box-shadow:none}.unified-sidebar .finish-picker{margin:3px 0 0;gap:3px}.unified-sidebar .finish-picker button{min-height:56px;padding:5px 1px;border:1px solid transparent;border-radius:6px;font-size:9px}.unified-sidebar .finish-picker button.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,transparent);color:var(--ink);box-shadow:none}.unified-sidebar .inspector-angle-presets{gap:4px;margin-bottom:3px}.unified-sidebar .inspector-angle-presets button{min-height:37px;padding:3px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .inspector-angle-presets button.is-active{border-color:var(--lapis);box-shadow:inset 0 0 0 1px var(--lapis)}.unified-sidebar .inspector-angle-presets small{display:none}.unified-sidebar .screen-fit-control{grid-template-columns:22px 1fr;gap:6px}.unified-sidebar .screen-fit-control>div{height:32px;padding:2px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .screen-source{min-height:54px;margin:0 0 8px;padding:4px 0;border:0;border-bottom:1px solid var(--inspector-rule);border-radius:0;background:transparent}.unified-sidebar .lighting-preset-pills{gap:4px;margin:1px 0 12px}.unified-sidebar .lighting-preset-pill{height:30px;padding:0 7px;border:1px solid var(--inspector-rule);border-radius:6px;background:var(--inspector-control)}.unified-sidebar .lighting-preset-pill.active{border-color:var(--lapis);box-shadow:inset 0 0 0 1px var(--lapis);background:var(--inspector-control);color:var(--ink)}.unified-sidebar .anchor-toggle-group{margin:0 0 7px!important}.unified-sidebar .anchor-toggle-group button{display:grid;place-items:center}.light-pad-wrap{margin:8px 0 14px}.light-pad-wrap .light-pad{height:134px}.light-pad-wrap .light-readout{padding-top:5px}.lighting-shadow-primary{margin-top:13px;padding-top:10px;border-top:1px solid var(--inspector-rule)}.unified-sidebar .export-output-summary{min-height:57px;margin:0;padding:5px 0;border:0;border-bottom:1px solid var(--inspector-rule);border-radius:0;background:transparent}.unified-sidebar .export-output-glyph{width:32px;border-width:2px}.unified-sidebar .export-output-summary strong{font-size:11.5px}.unified-sidebar .export-output-summary small{font-size:10px}.unified-sidebar .panel-export .sidebar-group>summary{min-height:38px}.unified-sidebar .export-download{min-height:38px;margin-top:14px;border-radius:7px}.unified-sidebar .export-copy{min-height:31px;border-radius:7px}@media(min-width:768px){.unified-sidebar .sidebar-rail-tab>span{display:none}}@media(min-width:768px)and (max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.unified-sidebar{grid-template-columns:49px minmax(0,1fr);height:680px;max-height:680px}.unified-sidebar .sidebar-rail-tab{width:38px;height:38px}.unified-sidebar .sidebar-rail{width:auto;height:auto;flex-direction:column;justify-content:flex-start;border-right:1px solid var(--inspector-rule);border-bottom:0}.unified-sidebar .sidebar-context-header{flex-wrap:wrap}}@media(max-width:767px){.unified-sidebar{grid-template-columns:1fr}.unified-sidebar .sidebar-rail{height:49px;flex-direction:row;justify-content:space-around;border-right:0;border-bottom:1px solid var(--inspector-rule)}.unified-sidebar .sidebar-rail-tab{width:auto;height:38px;min-height:38px;flex:1;flex-direction:row;gap:5px;font-size:10px}.unified-sidebar .sidebar-panel-body{min-height:0}.unified-sidebar .meter{height:38px}.unified-sidebar .format-choice{height:55px!important}.unified-sidebar .dock-seg-btn{min-height:32px!important}}@media(prefers-reduced-transparency:reduce){.unified-sidebar{background:var(--inspector-sheet);-webkit-backdrop-filter:none;backdrop-filter:none}}.unified-sidebar .format-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;padding:3px!important;border:1px solid var(--inspector-rule)!important;border-radius:8px;background:color-mix(in srgb,var(--inspector-control) 65%,transparent)!important}.unified-sidebar .format-choice{height:60px!important;min-height:60px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px 1px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted);font-size:9px!important;line-height:1.05;white-space:normal}.unified-sidebar .format-choice:hover{border:0!important;background:color-mix(in srgb,var(--ink) 5%,transparent)!important;color:var(--ink)}.unified-sidebar .format-choice.is-active{border:0!important;background:var(--inspector-control)!important;color:var(--ink);box-shadow:0 1px 3px #14192324!important}.unified-sidebar .format-choice i{position:relative;display:block;flex:none;width:29px;height:19px;border:1.5px solid currentColor;border-radius:2px;background:color-mix(in srgb,var(--lapis) 6%,var(--inspector-control));opacity:.8}.unified-sidebar .format-choice i b{position:absolute;top:3px;left:4px;width:9px;height:2px;border-radius:1px;background:currentColor;opacity:.55}.unified-sidebar .format-choice i em{position:absolute;right:3px;bottom:3px;width:10px;height:7px;border:1px solid currentColor;border-radius:1px;background:color-mix(in srgb,var(--lapis) 18%,var(--inspector-control));opacity:.7}.unified-sidebar .format-square i{width:21px;height:21px}.unified-sidebar .format-portrait i{width:16px;height:25px}.unified-sidebar .format-product-hunt i{width:29px;height:18px}.unified-sidebar .format-portrait i b{left:2px;width:6px}.unified-sidebar .format-portrait i em{right:2px;width:7px;height:10px}.unified-sidebar .format-size-row{margin-top:11px;padding-top:10px;border-top:1px solid var(--inspector-rule)}.unified-sidebar .format-size-row .field-label{display:block;margin:0}.unified-sidebar .format-size-row .field-label>span{margin-bottom:5px}.unified-sidebar .format-size-row select{width:100%;height:32px}.unified-sidebar .format-size-row .reset-responsive-btn{display:flex;width:max-content;min-height:25px;margin:5px 0 0 auto;gap:5px}.unified-sidebar .lighting-preset-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 13px}.unified-sidebar .lighting-preset-pill{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:5px;height:77px;min-height:77px!important;padding:4px!important;border:1px solid var(--inspector-rule);border-radius:8px;background:var(--inspector-control);color:var(--ink);font-size:9px;line-height:1.1}.unified-sidebar .lighting-preset-pill:hover{border-color:var(--hair-strong);background:color-mix(in srgb,var(--lapis) 5%,var(--inspector-control))}.unified-sidebar .lighting-preset-pill.active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,var(--inspector-control));box-shadow:inset 0 0 0 1px var(--lapis)}.unified-sidebar .lighting-preset-preview{display:block;width:100%;height:46px;overflow:hidden;border-radius:5px;background:#182133}.unified-sidebar .lighting-preset-preview svg{display:block;width:100%;height:100%}.unified-sidebar .tone-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important;margin-top:11px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.unified-sidebar .tone-row.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unified-sidebar .tone-row>span{grid-column:1/-1;margin-bottom:1px;color:var(--muted)!important;font-size:10px!important;font-weight:590!important}.unified-sidebar .tone-row button{height:32px!important;min-height:32px!important;padding:0 4px;border:1px solid var(--inspector-rule)!important;border-radius:6px!important;background:var(--inspector-control)!important;color:var(--muted)!important;font-size:10.5px!important}.unified-sidebar .tone-row button.active{border-color:var(--lapis)!important;background:color-mix(in srgb,var(--lapis) 7%,var(--inspector-control))!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--lapis)!important}.unified-sidebar .tone-row button:hover{border-color:var(--hair-strong)!important;color:var(--ink)!important}.unified-sidebar .inspector-angle-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.unified-sidebar .inspector-angle-presets button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:66px;min-height:66px!important;padding:5px 2px;border:1px solid var(--inspector-rule);border-radius:8px;background:var(--inspector-control);color:var(--muted);font-size:10px}.unified-sidebar .inspector-angle-presets button.is-active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,var(--inspector-control));color:var(--ink);box-shadow:inset 0 0 0 1px var(--lapis)}.camera-preset-glyph{position:relative;display:block;width:31px;height:22px;border:2px solid currentColor;border-radius:2px;background:color-mix(in srgb,var(--lapis) 10%,var(--inspector-control));box-shadow:0 3px 0 -1px color-mix(in srgb,var(--ink) 25%,transparent)}.camera-preset-glyph i{position:absolute;inset:5px 5px auto;height:2px;border-radius:1px;background:currentColor;opacity:.48}.unified-sidebar .camera-sliders{margin-top:11px;padding-top:10px;border-top:1px solid var(--inspector-rule)}.device-visual-field{margin-top:12px}.device-visual-label{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:590}.device-cutout-choices,.radius-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.radius-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.device-cutout-choices button,.radius-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:70px;min-height:70px!important;padding:5px;border:1px solid var(--inspector-rule);border-radius:8px;background:var(--inspector-control);color:var(--muted);font-size:10px}.device-cutout-choices button.is-active,.radius-choices button.is-active{border-color:var(--lapis);background:color-mix(in srgb,var(--lapis) 7%,var(--inspector-control));color:var(--ink);box-shadow:inset 0 0 0 1px var(--lapis)}.device-cutout-preview{position:relative;display:block;width:60px;height:34px;overflow:hidden;border:3px solid #29303b;border-radius:5px;background:linear-gradient(145deg,#a7c3e3,#eaf0f7 58%,#8daac9)}.device-cutout-preview i{position:absolute;left:8px;right:8px;top:12px;height:3px;border-radius:2px;background:#1d304761;box-shadow:0 6px #1d304738}.device-cutout-preview.notch.with-cutout:before{content:"";position:absolute;z-index:1;left:50%;top:-1px;width:18px;height:5px;border-radius:0 0 5px 5px;background:#29303b;transform:translate(-50%)}.device-cutout-preview.island{width:29px;height:39px;border-radius:8px}.device-cutout-preview.island i{left:5px;right:5px;top:16px;height:2px}.device-cutout-preview.island.with-cutout:before{content:"";position:absolute;z-index:1;left:50%;top:3px;width:11px;height:4px;border-radius:5px;background:#29303b;transform:translate(-50%)}.radius-preview{position:relative;display:block;width:45px;height:38px;overflow:hidden;border:1px solid rgba(57,66,77,.28);background:#9da5af}.radius-preview i{position:absolute;inset:5px 0 0 5px;display:block;overflow:hidden;border:1px solid rgba(50,59,69,.22);border-right:0;border-bottom:0;background:#eef0f2;box-shadow:-1px -1px 2px #252d3733}.radius-preview b{position:absolute;left:10px;right:0;top:13px;height:4px;border-radius:2px;background:#c0c5cb}.radius-preview b:last-child{top:23px}.radius-choices+.meter{margin-top:9px}