@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-weight-medium:500;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[color\,background-color\,border-color\,box-shadow\,transform\]{transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\,border-color\]{transition-property:color,box-shadow,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.running{animation-play-state:running}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--ui-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--ui-accent-foreground)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring-color)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:var(--ring-color)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring-color) 25%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--surface-1:#1e293b;--surface-2:#243247;--surface-3:#334155;--well:#111c30;--bg-subtle:#172033;--bg-hover:#2a3a50;--line:#334155;--line-soft:#27364b;--line-strong:#64748b;--text:#e2e8f0;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#8495aa;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-ink:#071426;--accent-soft:#172f52;--accent-line:#356aa3;--accent-wash:#60a5fa1f;--accent-glow:#60a5fa47;--success:#4fd398;--success-soft:#16301f;--success-line:#2f6a49;--warning:#f0c05a;--warning-soft:#2f2917;--warning-line:#7a6126;--danger:#f9564f;--danger-soft:#351b1a;--danger-line:#8c3831;--info:#6db4ff;--info-soft:#172939;--info-line:#35618c;--font-sans:var(--font-dm-sans,"DM Sans"), system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-space-grotesk,"Space Grotesk"), var(--font-sans);--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:24px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track-tight:-.02em;--track-tighter:-.035em;--eyebrow:var(--weight-semibold) 11px / 1.2 var(--font-display);--eyebrow-tracking:.1em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-full:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 1px 2px #0000004d, 0 6px 18px #0006;--shadow-3:0 2px 4px #0000004d, 0 18px 42px #00000080;--shadow-4:0 4px 8px #00000059, 0 30px 76px #0000009e;--ease:cubic-bezier(.2, .7, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.11s;--t-base:.17s;--t-slow:.28s;--control-h-sm:28px;--control-h:34px;--control-h-lg:40px;--ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ring-inset:inset 0 0 0 2px var(--accent);--rail-bg:#172033;--canvas-bg:#0b1220;--frame-bg:#08111f;--ops-bg:#0f172a;--ops-bg-blur:#0f172ae0;--text-strong:#f1f5f9;--switch-knob:#f8fafc;--overlay:#020617c2;--canvas-dot:#293850;--background:var(--bg);--foreground:var(--text);--card:var(--surface-1);--card-foreground:var(--text);--popover:var(--surface-2);--popover-foreground:var(--text);--primary:var(--accent);--primary-foreground:var(--accent-ink);--secondary:var(--surface-3);--secondary-foreground:var(--text);--muted-surface:var(--surface-2);--muted-foreground:var(--text-3);--ui-accent:var(--accent-soft);--ui-accent-foreground:var(--accent-hover);--destructive:var(--danger);--border:var(--line);--input:var(--line-strong);--ring-color:var(--accent);--radius:.75rem;--panel:var(--surface-1);--muted:var(--text-3);--accent-border:var(--accent-line);--bg-soft:var(--surface-2);--surface:var(--surface-1);--tree-width:304px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--well:#fff;--bg-subtle:#f1f5f9;--bg-hover:#e8eef5;--line:#cbd5e1;--line-soft:#e2e8f0;--line-strong:#aebed1;--text:#0f172a;--text-2:#334155;--text-3:#52647a;--text-4:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-ink:#fff;--accent-soft:#dbeafe;--accent-line:#7aa2f7;--accent-glow:#2563eb33;--accent-wash:#2563eb14;--success:#116b47;--success-soft:#d9efe4;--success-line:#93c7ae;--warning:#7a5300;--warning-soft:#f7ecd3;--warning-line:#d6b678;--danger:#b3261e;--danger-soft:#f9e0dd;--danger-line:#e0a49d;--info:#0d6a8f;--info-soft:#d7ecf5;--info-line:#97c9dd;--shadow-1:0 1px 2px #162c4a12;--shadow-2:0 4px 14px #162c4a17;--shadow-3:0 16px 38px #162c4a24;--shadow-4:0 26px 70px #162c4a33;--rail-bg:#fff;--canvas-bg:#eef3f8;--frame-bg:#fff;--ops-bg:#f8fafc;--ops-bg-blur:#f8fafce6;--text-strong:#0f172a;--switch-knob:#fff;--overlay:#11182773;--canvas-dot:#d5e0eb}:root[data-theme=light] .auth-screen{background-image:radial-gradient(circle at 50% 10%,#2563eb14 0,#0000 46%),radial-gradient(circle at 84% 82%,#3b82f60d 0,#0000 44%)}:root[data-theme=light] .preview-bar{background:var(--surface-2)}:root[data-theme=light] .operations-error,:root[data-theme=light] .auth-error,:root[data-theme=light] .version-conflict,:root[data-theme=light] .operations-error button,:root[data-theme=light] .version-conflict button{color:#8c2d24}:root[data-theme=light] .operations-error>span,:root[data-theme=light] .toast--error .toast__icon{color:#fdf2f0}:root[data-theme=light] .swatches__item{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25% 75%,#e5e7eb 75%),linear-gradient(45deg,#e5e7eb 25%,#0000 25% 75%,#e5e7eb 75%)}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.viewports,.workspace-mode,.panel-toggles,.mini-segmented,.mode-switch-pill,.rail__appearance-choices{border-color:#0000}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):focus-visible,textarea:focus-visible,select:focus-visible{outline:none}::selection{background:var(--accent-glow);color:var(--text)}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-decoration{appearance:none}*{scrollbar-width:thin;scrollbar-color:#2563eb #2563eb1f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2563eb1a}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-color:#2563eb;background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#1d4ed8}.eyebrow{font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-3);display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface-2);color:var(--text-2);font:var(--weight-semibold) var(--text-xs) / 1.4 var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge--accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.badge--success{border-color:var(--success-line);background:var(--success-soft);color:var(--success)}.badge--warning{border-color:var(--warning-line);background:var(--warning-soft);color:var(--warning)}.badge--danger{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge--plain:before{display:none}kbd,.kbd{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-width:20px;color:var(--text-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center;white-space:nowrap;border-bottom-width:2px;padding:2px 6px;line-height:1.5;display:inline-block}.skeleton{--skeleton-h:14px;height:var(--skeleton-h);border-radius:var(--r-sm);background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%);animation:skeleton-sweep 1.4s var(--ease) infinite;background-size:220% 100%;display:block}@keyframes skeleton-sweep{0%{background-position:180% 0}to{background-position:-40% 0}}.skeleton-stack{gap:var(--s-3);display:grid}.skeleton-row{gap:var(--s-5);border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) 90px 120px;align-items:center;padding:18px 4px;display:grid}.toast-region{z-index:2000;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));gap:var(--s-2);pointer-events:none;width:min(400px,100vw - 32px);display:grid;position:fixed}.toast{gap:var(--s-3);border:1px solid var(--line-strong);border-left:3px solid var(--text-3);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--shadow-3);pointer-events:auto;animation:toast-in .26s var(--ease-out) both;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;padding:13px 14px;display:grid}.toast[data-leaving=true]{animation:toast-out .16s var(--ease) forwards}.toast__icon{width:18px;height:18px;font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:50%;place-items:center;margin-top:1px;line-height:1;display:grid}.toast__body{min-width:0}.toast__body strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow-wrap:anywhere;display:block}.toast__body span{color:var(--text-3);font-size:var(--text-xs);overflow-wrap:anywhere;margin-top:3px;line-height:1.45;display:block}.toast__action{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease);background:0 0;align-self:center;padding:6px 10px}.toast__action:hover{background:var(--surface-3)}.toast__close{border-radius:var(--r-sm);width:22px;height:22px;color:var(--text-3);font-size:var(--text-md);transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:0;align-self:start;line-height:1}.toast__close:hover{background:var(--surface-3);color:var(--text)}.toast--success{border-left-color:var(--success)}.toast--success .toast__icon{background:var(--success-soft);color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--error .toast__icon{background:var(--danger-soft);color:var(--danger)}.toast--info{border-left-color:var(--info)}.toast--info .toast__icon{background:var(--info-soft);color:var(--info)}.toast--pending{border-left-color:var(--accent)}.toast--pending .toast__icon{background:var(--accent-soft);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate(20px)}}.dialog-overlay{z-index:1500;padding:var(--s-5);background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlay-in var(--t-base) var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(460px,100%);padding:var(--s-6);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-4);animation:dialog-in var(--t-slow) var(--ease-out) both}.dialog h2{margin:0 0 var(--s-2);font-size:var(--text-xl)}.dialog p{color:var(--text-2);font-size:var(--text-md);margin:0;line-height:1.6}.dialog__detail{margin-top:var(--s-3);border-radius:var(--r-sm);background:var(--well);color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;padding:11px 13px}.dialog__field{margin-top:var(--s-5);color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);gap:7px;display:grid}.dialog__field input{width:100%;height:var(--control-h-lg);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-md);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:0 12px}.dialog__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.dialog__actions{justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-6);display:flex}.dialog__actions button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);padding:0 16px}.dialog__actions button:hover{background:var(--surface-3)}.dialog__actions .is-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.dialog__actions .is-primary:hover{background:var(--accent-hover)}.dialog__actions .is-danger{border-color:var(--danger);background:var(--danger);color:#24100d}.dialog__actions .is-danger:hover{filter:brightness(1.08)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.shortcut-sheet{width:min(620px,100%);max-height:82vh;padding:var(--s-6) var(--s-6) var(--s-5);overflow:auto}.shortcut-sheet header{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.shortcut-sheet header h2{margin:4px 0 0}.shortcut-sheet header button{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-3);font-size:var(--text-xl);background:0 0;border:0;line-height:1}.shortcut-sheet header button:hover{background:var(--surface-3);color:var(--text)}.shortcut-group+.shortcut-group{margin-top:var(--s-5)}.shortcut-group h3{margin:0 0 var(--s-2);font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--accent)}.shortcut-group dl{margin:0;display:grid}.shortcut-group div{justify-content:space-between;align-items:center;gap:var(--s-4);border-bottom:1px solid var(--line-soft);padding:10px 0;display:flex}.shortcut-group dt{color:var(--text-2);font-size:var(--text-sm)}.shortcut-group dd{flex:none;gap:4px;margin:0;display:flex}.empty-panel{justify-items:start;gap:var(--s-3);padding:var(--s-8) var(--s-5);border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--well);display:grid}.area-error{justify-items:start;gap:var(--s-3);padding:var(--s-8);border:1px solid var(--danger-line);border-radius:var(--r-lg);background:var(--surface-1);margin:max(30px,4vw);display:grid}.area-error strong{font-family:var(--font-display);font-size:var(--text-xl)}.area-error p{max-width:52ch;color:var(--text-3);margin:0;line-height:1.6}.area-error code{border-radius:var(--r-sm);background:var(--well);color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;padding:10px 12px}.area-error>div{gap:var(--s-2);margin-top:var(--s-2);display:flex}.area-error button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease);padding:0 16px}.area-error button:hover{background:var(--surface-3)}.area-error button:first-child{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.area-error .empty-panel__mark{background:var(--danger-soft);color:var(--danger);font-weight:var(--weight-bold)}.empty-panel__mark{border-radius:var(--r-md);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);font-size:var(--text-lg);place-items:center;display:grid}.empty-panel strong{font-family:var(--font-display);font-size:var(--text-lg)}.empty-panel p{max-width:46ch;color:var(--text-3);font-size:var(--text-sm);margin:0;line-height:1.6}.studio-shell{gap:var(--s-2);height:100svh;padding:var(--s-2) var(--s-2) var(--s-2) 0;background:var(--bg);grid-template-columns:60px 288px minmax(440px,1fr) 320px;display:grid}.studio-shell>.tree-panel,.studio-shell>.workspace,.studio-shell>.inspector-panel{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.layout-regions{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 10px 8px;padding:4px;display:grid}.layout-regions button{border-radius:calc(var(--r-md) - 3px);min-width:0;color:var(--text-3);text-align:left;background:0 0;border:1px solid #0000;gap:2px;padding:8px 6px;display:grid}.layout-regions button:hover{color:var(--text);background:var(--bg-hover)}.layout-regions button.active{color:var(--text-strong);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.layout-regions button.active{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}}.layout-regions button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.layout-regions button.active{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}}.layout-regions small{color:inherit;opacity:.68;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);overflow:hidden}.layout-region-note{color:var(--text-4);font-size:var(--text-xs);margin:0 14px 10px;line-height:1.35}.layout-variant-picker{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;margin:0 10px 12px;padding:10px}.layout-variant-picker__heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px;display:flex}.layout-variant-picker__heading span{gap:2px;display:grid}.layout-variant-picker__heading strong{font-size:var(--text-xs);color:var(--text-strong)}.layout-variant-picker__heading small{max-width:150px;color:var(--text-4);font-size:var(--text-2xs);line-height:1.3}.compact-toggle{white-space:nowrap;color:var(--text-3);font-size:var(--text-2xs);cursor:pointer;align-items:center;gap:5px;display:flex}.compact-toggle input{accent-color:var(--accent)}.layout-variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.layout-variant-options>button{text-align:left;border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text-3);border-radius:6px;gap:6px;padding:6px;display:grid}.layout-variant-options>button:hover{border-color:var(--line-strong);color:var(--text)}.layout-variant-options>button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.layout-variant-options>button.active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}}.layout-variant-options>button.active{color:var(--text-strong)}.layout-variant-options>button strong{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-variant-thumb{background:linear-gradient(135deg,#151a21,#090c10);border-radius:3px;align-items:center;gap:3px;height:28px;padding:5px;display:flex}.layout-variant-thumb i{background:#737d8a;border-radius:50%;width:5px;height:5px;display:block}.layout-variant-thumb i:first-child{background:#f2eee4;border-radius:1px;width:18px;height:3px;margin-right:auto}.layout-variant-thumb--minimal{background:#f2eee4}.layout-variant-thumb--minimal i:first-child{background:#11161c}.section-presets{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-subtle);margin:0 0 14px;padding:12px}.section-presets>div:first-child{gap:2px;margin-bottom:9px;display:grid}.section-presets>div:first-child span{color:var(--text-strong);font-size:var(--text-sm);font-weight:var(--weight-bold)}.section-presets>div:first-child small{color:var(--text-4);font-size:var(--text-xs)}.section-presets__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.section-presets__list button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg);min-width:0;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px;display:grid}.section-presets__list button:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-presets__list button:hover{background:color-mix(in srgb, var(--accent) 8%, var(--bg))}}.section-presets__list b{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);overflow:hidden}.section-presets__list small{color:var(--text-4);font-size:var(--text-xs)}.section-presets__list i{color:var(--accent);grid-row:span 2;align-self:center;font-style:normal}.show-more-settings{border:1px dashed var(--line-strong);border-radius:var(--r-sm);width:calc(100% - 24px);min-height:40px;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:0 0;margin:4px 12px 14px}.show-more-settings:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.media-picker__tools{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.media-drop{border-radius:var(--r-sm);min-height:34px;color:var(--text-2);font-weight:var(--weight-semibold);cursor:pointer;place-items:center;border:1px dashed var(--line-strong)!important;font-size:var(--text-xs)!important;padding:0 10px!important;display:grid!important}.media-drop:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)!important}.media-drop input{opacity:0;pointer-events:none;height:1px;position:absolute;width:1px!important}.media-status{color:var(--text-3);font-size:var(--text-xs);padding:6px 0;display:block}.range-number{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.range-number output{color:var(--text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.rich-editor{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);overflow:hidden}.rich-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.rich-editor__toolbar{border-bottom:1px solid var(--line);background:var(--surface-2);gap:2px;padding:5px;display:flex}.rich-editor__toolbar button{min-width:28px;height:28px;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-bold);background:0 0;border:0;border-radius:5px;place-items:center;padding:0 6px;display:grid}.rich-editor__toolbar button:hover:not(:disabled){background:var(--surface-3);color:var(--accent)}.rich-editor__surface{min-height:112px;max-height:280px;color:var(--text);font-size:var(--text-sm);outline:0;padding:10px 12px;line-height:1.55;overflow:auto}.rich-editor__surface p,.rich-editor__surface ul,.rich-editor__surface ol,.rich-editor__surface blockquote{margin:.55em 0}.rich-editor__surface ul,.rich-editor__surface ol{padding-left:1.4em}.rich-editor__surface blockquote{border-left:2px solid var(--accent);color:var(--text-2);padding-left:10px}.rich-editor__link{border-bottom:1px solid var(--line);background:var(--surface-2);gap:9px;padding:10px;display:grid}.rich-editor__link label{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-bold);gap:5px;display:grid}.rich-editor__link>div{justify-content:flex-end;gap:7px;display:flex}.rich-editor__link>div>button{min-height:38px;padding-inline:11px}.rich-editor>small{color:var(--text-4);font-size:var(--text-2xs);padding:0 10px 8px;display:block}.rail{z-index:40;position:relative}.rail__inner{border-right:1px solid var(--line);background:var(--rail-bg);border-radius:0 var(--r-lg) var(--r-lg) 0;width:60px;transition:width var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);flex-direction:column;gap:2px;padding:12px 11px;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.rail__item,.studio-brand{border-radius:var(--r-md);height:38px;color:var(--text-4);text-align:left;transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:0;flex:none;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid;position:relative}.studio-brand{color:var(--text-strong);margin-bottom:12px}.rail__icon{width:38px;height:38px;font-size:var(--text-md);place-items:center;line-height:1;display:grid}.studio-brand .rail__icon{font:var(--weight-semibold) var(--text-2xl) / 1 var(--font-display);justify-content:center;align-items:center;gap:1px;display:flex}.studio-brand .rail__icon span{color:var(--accent)}.studio-brand .rail__label{font:var(--weight-semibold) var(--text-md) var(--font-display);color:var(--text)}.rail__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;transition:opacity var(--t-fast) var(--ease), transform var(--t-base) var(--ease-out);overflow:hidden;transform:translate(-6px)}.rail__hint{opacity:0;transition:opacity var(--t-fast) var(--ease);margin-right:8px}.rail:hover .rail__label,.rail__inner:focus-within .rail__label,.rail:hover .rail__hint,.rail__inner:focus-within .rail__hint{opacity:1;transform:none}.rail__item:hover,.studio-brand:hover{color:var(--text);background:var(--accent-wash)}.rail__item.active{color:var(--text-strong);background:var(--accent-soft)}.rail__item.active .rail__icon{color:var(--accent)}.rail__item.active:before{content:"";border-radius:0 var(--r-full) var(--r-full) 0;background:var(--accent);width:3px;position:absolute;top:10px;bottom:10px;left:-11px}.rail__nav{scrollbar-width:none;flex-direction:column;gap:2px;min-height:0;display:flex;overflow:hidden auto}.rail__nav::-webkit-scrollbar{display:none}.rail__spacer{flex:1;min-height:8px}.rail__divider{background:var(--line);flex:none;height:1px;margin:7px 2px}.rail__item--account{margin-top:4px}.rail__appearance{cursor:default}.rail__appearance .rail__icon,.rail__appearance-choices button{font-variant-emoji:text;font-family:var(--font-sans)}.rail__appearance:hover{background:0 0}.rail__appearance-choices{border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--well);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease);gap:2px;margin-right:6px;padding:2px;display:flex}.rail:hover .rail__appearance-choices,.rail__inner:focus-within .rail__appearance-choices{opacity:1;pointer-events:auto}.rail__appearance-choices button{border-radius:var(--r-full);width:24px;height:26px;color:var(--text-4);font-size:var(--text-xs);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;place-items:center;line-height:1;display:grid}.rail__appearance-choices button:hover:not(.active){color:var(--text)}.rail__appearance-choices button.active{background:var(--accent);color:var(--accent-ink)}.avatar{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:50%;margin:0 4px}.tree-panel{background:var(--surface-1);flex-direction:column;min-width:0;display:flex}.tree-panel>header{justify-content:space-between;align-items:flex-start;gap:var(--s-2);background:var(--surface-2);min-height:74px;padding:13px 12px 13px 16px;display:flex}.tree-panel footer{background:var(--surface-2);border-top:0}.tree-panel>header>div:first-child{flex:1;min-width:0}.tree-panel header span,.tree-title>span,.inspector header>span,.empty>span{font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tree-panel header select{width:100%;min-height:var(--control-h);border-radius:var(--r-sm);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;margin-top:5px;margin-left:-6px;padding:4px 22px 4px 6px;display:block}.tree-panel header select:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2)}.tree-panel header select:disabled{opacity:.55;cursor:not-allowed}.tree-panel header>div:last-child{flex:none;gap:2px;display:flex}.tree-panel header button,.tree-title button{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-3);font-size:var(--text-sm);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;place-items:center;line-height:1;display:grid}.tree-panel header button:hover:not(:disabled),.tree-title button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tree-panel header button:disabled,.tree-title button:disabled{opacity:.3;cursor:not-allowed}.tree-title{justify-content:space-between;align-items:center;gap:var(--s-2);padding:18px 12px 6px 16px;display:flex}.tree-title>span b{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);font-size:var(--text-2xs);letter-spacing:0;padding:2px 6px}.tree-title>div{gap:1px;display:flex}.tree-filter{margin:6px 12px 4px;position:relative}.tree-filter input{width:100%;height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-xs);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:0 26px}.tree-filter input::placeholder{color:var(--text-4)}.tree-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.tree-filter:before{content:"⌕";color:var(--text-4);font-size:var(--text-sm);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tree-filter button{border-radius:var(--r-sm);width:20px;height:20px;color:var(--text-3);font-size:var(--text-sm);background:0 0;border:0;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tree-filter button:hover{background:var(--surface-3);color:var(--text)}.tree{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 8px 8px;position:relative;overflow:auto}.tree-row{border-radius:var(--r-sm);position:relative}.tree-row>button[role=treeitem]{border-radius:var(--r-sm);width:100%;min-height:34px;color:var(--text-2);font-size:var(--text-sm);text-align:left;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;grid-template-columns:16px minmax(0,1fr) 22px;align-items:center;gap:7px;padding:0 4px 0 10px;display:grid;position:relative}.tree-row>button>.tree-row__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tree-row>button>span:first-child{color:var(--text-4);font-size:var(--text-xs);text-align:center}.tree-caret{border-radius:var(--r-sm);width:18px;height:24px;color:var(--text-4);font-size:var(--text-2xs);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);place-items:center;display:grid}.tree-caret:hover{background:var(--surface-3);color:var(--text)}.tree-row__snippet{color:var(--text-4);font-size:var(--text-xs);font-weight:var(--weight-normal);margin-left:7px}.tree-row.selected .tree-row__snippet{color:var(--text-2)}.tree-row__count{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;margin-left:6px;padding:1px 6px;font-style:normal}.tree-row:hover>button,.tree-row.hovered:not(.selected)>button{background:var(--surface-2);color:var(--text)}.tree-row.selected>button{background:var(--accent-soft);color:var(--text-strong);box-shadow:inset 3px 0 var(--accent);font-weight:var(--weight-semibold)}.tree-row.selected>button>span:first-child{color:var(--accent)}.tree-row.remote-editing>button{box-shadow:inset 3px 0 #18a878}.tree-row.remote-editing>button:after{content:"";background:#18a878;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 0 0 3px #18a8782e}.tree-row>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tree-row__rail{background:var(--line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.tree-drag-handle{border-radius:var(--r-sm);width:24px;height:24px;color:var(--text-4);font-size:var(--text-sm);letter-spacing:-2px;opacity:0;cursor:grab;transition:opacity var(--t-fast) var(--ease);place-items:center;line-height:1;display:grid}.tree-row:hover .tree-drag-handle,.tree-row.selected .tree-drag-handle,.tree-drag-handle:focus-visible{opacity:1}.tree-drag-handle:hover{background:var(--surface-3);color:var(--text-2)}.tree-drag-handle:active{cursor:grabbing}.tree-row.dragging{opacity:.4}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";z-index:3;border-radius:var(--r-full);background:var(--accent);height:2px;box-shadow:0 0 0 3px var(--accent-glow);animation:studio-drop-in .12s var(--ease-out);position:absolute;left:8px;right:8px}.tree-row.drop-before:before{top:-1px}.tree-row.drop-after:after{bottom:-1px}.tree-row.drop-inside>button{outline:1px solid var(--accent);outline-offset:-1px;background:var(--accent-soft);animation:studio-drop-in .12s var(--ease-out)}@keyframes studio-drop-in{0%{opacity:.2}to{opacity:1}}.tree-empty{color:var(--text-3);font-size:var(--text-xs);margin:0;padding:18px 10px;line-height:1.55}.add-section{min-height:var(--control-h);border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:7px;margin:10px 12px;display:flex}.add-section:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.add-section:disabled{opacity:.35;cursor:not-allowed}.tree-panel footer{border-top:1px solid var(--line);min-height:44px;color:var(--text-3);font-size:var(--text-xs);align-items:center;gap:8px;padding:0 16px;display:flex}.tree-panel footer>span:last-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.saved-dot{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px}.saved-dot.pending{background:var(--warning)}.saved-dot.saving{background:var(--accent);animation:dot-pulse 1s var(--ease) infinite alternate}.saved-dot.failed{background:var(--danger)}@keyframes dot-pulse{to{opacity:.3;transform:scale(.7)}}.workspace{background:var(--canvas-bg);flex-direction:column;min-width:0;display:flex;container:studio-toolbar/inline-size}.workspace>header{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--line);background:var(--surface-2);height:56px;padding:0 12px;display:flex}.workspace button{border-radius:var(--r-sm);height:34px;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.workspace button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.workspace button:disabled{opacity:.32;cursor:not-allowed}.history,.actions,.viewports{align-items:center;gap:2px;display:flex}.history{flex:none}.panel-toggles{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--well);gap:2px;margin-right:4px;padding:2px;display:flex}.panel-toggles button{min-width:30px;height:28px;font-size:var(--text-sm);justify-content:center;padding:0 7px}.panel-toggles button[aria-pressed=true]{background:var(--surface-3);color:var(--text-strong);box-shadow:var(--shadow-1)}.workspace>header>.saved-dot{margin:0 6px 0 2px}.zoom-control{margin-left:4px}.zoom-control select{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--well);height:34px;color:var(--text-2);font-size:var(--text-xs);transition:color var(--t-fast) var(--ease);padding:0 8px}.zoom-control select:hover{color:var(--text)}.viewports,.workspace-mode{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--well);padding:2px}.viewports{margin-left:6px}.viewports button{min-width:32px;height:28px;font-size:var(--text-sm);justify-content:center;padding:0 8px}.viewports button.active,.workspace-mode button.active{background:var(--surface-3);color:var(--text-strong);box-shadow:var(--shadow-1)}.workspace-mode{align-items:center;gap:2px;display:flex}.workspace-mode button{height:28px;font-size:var(--text-xs);padding:0 11px}.workspace-mode button.test.active{color:var(--accent)}.actions{padding-left:var(--s-2);flex:none;gap:4px;margin-left:auto}.workspace>header>*,.workspace>header>*>*{flex:none}@container studio-toolbar (max-width:820px){.zoom-control{display:none}}@container studio-toolbar (max-width:700px){.preview-links{display:none}}@container studio-toolbar (max-width:600px){.history{display:none}}.actions .publish{border-color:var(--accent);background:var(--accent);height:34px;color:var(--accent-ink);font-weight:var(--weight-bold);flex:none;padding:0 16px}.actions .publish:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-ink)}.actions .publish:disabled{opacity:.4;cursor:not-allowed}.actions .publish[data-status=published]{border-color:var(--success);background:var(--success-soft);color:var(--success)}.preview-links{color:var(--text-2);font-size:var(--text-xs);position:relative}.preview-links summary{border-radius:var(--r-sm);cursor:pointer;height:34px;transition:background var(--t-fast) var(--ease);align-items:center;gap:6px;padding:0 11px;list-style:none;display:inline-flex}.preview-links summary::-webkit-details-marker{display:none}.preview-links summary:hover{background:var(--surface-3)}.preview-links>div{z-index:50;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);width:360px;max-height:320px;box-shadow:var(--shadow-3);padding:8px;position:absolute;top:38px;right:0;overflow:auto}.preview-links p{justify-content:space-between;align-items:center;gap:var(--s-3);border-radius:var(--r-sm);margin:0;padding:9px 8px;display:flex}.preview-links p+p{border-top:1px solid var(--line-soft)}.preview-links p:hover{background:var(--surface-3)}.preview-links p span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.preview-links p button{border:1px solid var(--line-strong);border-radius:var(--r-sm);height:28px;color:var(--accent);font-size:var(--text-xs);background:0 0;flex:none;padding:0 9px}.preview-links p button:hover{border-color:var(--accent);background:var(--accent-soft)}.preview-links i{color:var(--text-4);font-style:normal;font-size:var(--text-xs);flex:none}.version-conflict{justify-content:space-between;align-items:center;gap:var(--s-4);border-bottom:1px solid var(--danger-line);background:var(--danger-soft);color:#ffd6cc;font-size:var(--text-xs);padding:11px 16px;display:flex}.version-conflict>div{flex:none;gap:6px;display:flex}.version-conflict button{border:1px solid var(--danger);border-radius:var(--r-sm);color:#ffd6cc;height:28px;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease);background:0 0;flex:none;padding:0 11px}.version-conflict button:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.version-conflict button:hover{background:color-mix(in srgb, var(--danger) 16%, transparent)}}.canvas-bar{justify-content:space-between;align-items:center;gap:var(--s-3);background:var(--surface-2);min-height:34px;padding:0 14px;display:flex}.crumbs{align-items:center;min-width:0;display:flex;overflow:hidden}.crumbs>span{color:var(--text-4);font-size:var(--text-xs);white-space:nowrap;flex:none}.crumbs button{border-radius:var(--r-sm);height:28px;color:var(--text-3);font-size:var(--text-xs);white-space:nowrap;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;padding:0 7px}.crumbs button:hover{background:var(--surface-3);color:var(--text)}.crumbs button[aria-current=true]{color:var(--text);font-weight:var(--weight-semibold)}.crumbs>*+:before{content:"›";color:var(--text-4);font-weight:var(--weight-normal);margin:0 6px 0 2px}.canvas-dims{color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.canvas{background-color:var(--canvas-bg);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);background-size:18px 18px;flex:1;justify-content:center;min-height:0;padding:26px 26px 30px;display:flex;position:relative;overflow:auto}.collaboration-cursors{z-index:50;pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-live-presence{z-index:51;border:1px solid var(--accent);align-items:center;gap:7px;max-width:calc(100% - 24px);min-height:30px;padding:3px 7px 3px 9px;display:inline-flex;position:absolute;top:54px;left:12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.canvas-live-presence{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line))}}.canvas-live-presence{background:var(--surface-1);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.canvas-live-presence{background:color-mix(in srgb, var(--surface-1) 92%, transparent)}}.canvas-live-presence{color:var(--text-2);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;box-shadow:0 5px 18px #00000029}.canvas-live-presence__dot{background:#18a878;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #18a8782e}.canvas-live-presence strong{white-space:nowrap}.canvas-live-presence__people{align-items:center;padding-left:4px;display:inline-flex}.canvas-live-presence__people>span{border:2px solid var(--surface-1);background:var(--presence-color,var(--accent));color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;margin-left:-4px;font-size:7px;font-weight:800;display:grid}.remote-cursor{--presence-color:var(--accent);filter:drop-shadow(0 2px 5px #0000003d);will-change:left, top;align-items:flex-start;transition:left .18s linear,top .18s linear,opacity .16s;display:flex;position:absolute;transform:translate(-3px,-3px)}.remote-cursor i{background:var(--presence-color);clip-path:polygon(0 0,100% 72%,58% 76%,38% 100%);width:17px;height:22px}.remote-cursor b{background:var(--presence-color);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:0 6px 6px;max-width:150px;margin:16px 0 0 -2px;padding:3px 7px 4px;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}.preview-frame{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--frame-bg);height:calc(100svh - 146px);box-shadow:var(--shadow-4);transition:width var(--t-slow) var(--ease-out);overflow:hidden}.preview-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:5px;height:34px;padding:0 10px;display:flex}.preview-bar>span{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.preview-bar code{border-radius:var(--r-full);background:var(--well);color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);margin:auto;padding:2px 10px}.preview-frame iframe{background:var(--frame-bg);border:0;width:100%;height:calc(100% - 30px);display:block}.preview-hint{z-index:4;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--ops-bg-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-3);font-size:var(--text-xs);pointer-events:none;animation:hint-in .3s var(--ease-out) both, hint-out .4s var(--ease) 7s forwards;align-items:center;gap:7px;padding:7px 11px;display:flex;position:absolute;bottom:14px;left:14px}@keyframes hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes hint-out{to{opacity:0;visibility:hidden}}.block-library{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-1);width:min(760px,100%);max-height:min(660px,84vh);box-shadow:var(--shadow-4);animation:dialog-in var(--t-slow) var(--ease-out) both;flex-direction:column;padding:20px 22px 18px;display:flex}.block-library>header{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.block-library>header span,.block-library h3{font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--accent);display:block}.block-library>header strong{font:var(--weight-semibold) var(--text-lg) var(--font-display);margin-top:5px;display:block}.block-library>header button{border-radius:var(--r-sm);width:26px;height:28px;color:var(--text-3);font-size:var(--text-lg);background:0 0;border:0;line-height:1}.block-library>header button:hover{background:var(--surface-3);color:var(--text)}.block-library>p{color:var(--text-3);font-size:var(--text-xs);margin:12px 0;line-height:1.5}.block-library__search{width:100%;height:var(--control-h-sm);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-xs);margin-bottom:10px;padding:0 10px}.block-library__search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.block-library-list{overscroll-behavior:contain;gap:18px;min-height:0;padding-right:4px;display:grid;overflow:auto}.block-library-list>p{color:var(--text-3);font-size:var(--text-sm);margin:0;padding:24px 4px}.block-library h3{color:var(--text-3);margin:0 0 8px}.block-library-list section>div{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;display:grid}.block-library-list button{border-radius:var(--r-sm);background:var(--surface-2);width:100%;color:var(--text-2);text-align:left;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.block-library-list button:hover,.block-library-list button:focus-visible{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text);outline:none}.block-library-list button>span{gap:2px;min-width:0;display:grid}.block-library-list button>span>b{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-library-list small{color:var(--text-4);font-family:var(--font-mono);font-size:var(--text-2xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-library-list i{color:var(--accent);font-style:normal;font-size:var(--text-sm);opacity:0;transition:opacity var(--t-fast) var(--ease);flex:none}.block-library-list button:hover i,.block-library-list button:focus-visible i{opacity:1}.page-creator{border-bottom:1px solid var(--line);background:var(--well);animation:slide-down var(--t-base) var(--ease-out) both;gap:7px;padding:12px;display:grid}.page-creator input{width:100%;height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text);font-size:var(--text-xs);padding:0 9px}.page-creator input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.page-creator button{min-height:var(--control-h-sm);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-xs);font-weight:var(--weight-bold);border:0}.page-creator button:hover{background:var(--accent-hover)}.page-creator__actions{grid-template-columns:auto minmax(0,1fr);gap:7px;display:grid}.page-creator .page-creator__cancel{border:1px solid var(--line-strong);color:var(--text-2);background:0 0;padding-inline:12px}.page-creator .page-creator__cancel:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.page-creator button:disabled,.page-creator input:disabled{cursor:not-allowed;opacity:.58}.page-creator>small{color:var(--text-3);font-size:11px;line-height:1.4}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.inspector-panel{background:var(--surface-1);min-width:0;overflow:auto}.inspector header,.inspector .mode-switch-row,.inspector-tabs{background:var(--surface-2)}.inspector header{justify-content:space-between;align-items:flex-start;gap:var(--s-2);padding:17px 18px 15px;display:flex}.inspector-tabs{border-bottom:1px solid var(--line)}.inspector-actions{flex:none;gap:2px;margin-top:2px;display:flex}.inspector-actions button{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-3);font-size:var(--text-sm);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;place-items:center;line-height:1;display:grid}.inspector-actions button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.inspector-actions button:disabled{opacity:.3;cursor:not-allowed}.style-tools{gap:4px;margin:0 0 12px;display:flex}.style-tools button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:28px;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);flex:1;padding:0 6px}.style-tools button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-3);color:var(--text)}.style-tools button:disabled{opacity:.4;cursor:not-allowed}.inspector h2{font-size:var(--text-xl);margin:5px 0 6px}.inspector code{border-radius:var(--r-sm);background:var(--well);color:var(--text-4);font-family:var(--font-mono);font-size:var(--text-2xs);padding:2px 6px;display:inline-block}.inspector-tabs{z-index:2;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px 14px;display:grid;position:sticky;top:0}.inspector-tabs button,.segmented button{min-height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);padding:0 6px}.inspector-tabs button:hover,.segmented button:hover{background:var(--surface-3);color:var(--text-2)}.inspector-tabs button.active,.segmented button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text-strong)}.inspector-tabs sup{border-radius:var(--r-full);background:var(--accent);min-width:14px;height:14px;color:var(--accent-ink);font-size:var(--text-2xs);font-weight:var(--weight-bold);vertical-align:middle;place-items:center;margin-left:4px;padding:0 3px;display:inline-grid}.fields label{padding:0 0 15px;display:block}.fields label:last-child{padding-bottom:4px}.fields label>span{justify-content:space-between;align-items:baseline;gap:var(--s-2);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-bottom:6px;display:flex}.fields em{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-4);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;flex:none;padding:2px 6px;font-style:normal}.fields input,.fields select,.inspector-field-control textarea,.design-fields input,.design-fields select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);width:100%;min-height:34px;color:var(--text);font-size:var(--text-xs);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:7px 9px}.fields input:hover:not(:disabled),.fields select:hover:not(:disabled),.inspector-field-control textarea:hover:not(:disabled),.design-fields input:hover:not(:disabled),.design-fields select:hover:not(:disabled){border-color:var(--line-strong)}.fields input:focus,.fields select:focus,.inspector-field-control textarea:focus,.design-fields input:focus,.design-fields select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.fields input::placeholder,.inspector-field-control textarea::placeholder,.design-fields input::placeholder{color:var(--text-4)}.fields input:disabled,.fields select:disabled,.inspector-field-control textarea:disabled,.design-fields input:disabled,.design-fields select:disabled{opacity:.5;cursor:not-allowed}.fields input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--accent)}.inspector-field-control{gap:6px;display:grid}.inspector-field-control textarea{resize:vertical;font:inherit;font-size:var(--text-xs);line-height:1.55}.inspector-field-control select+input{margin-top:2px}.color-input{grid-template-columns:38px minmax(0,1fr);gap:6px;display:grid}.color-input input[type=color]{border-radius:var(--r-sm);cursor:pointer;height:34px;padding:2px}.binding-note{border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text-3);font-size:var(--text-xs);padding:9px 11px;line-height:1.5}.field-reset{color:var(--accent);font-size:var(--text-xs);background:0 0;border:0;justify-self:start;padding:0}.field-reset:hover{text-decoration:underline}.inspector-section{padding:14px 18px 20px}.inspector-help{border-left:2px solid var(--line-strong);color:var(--text-3);font-size:var(--text-xs);margin:0 0 14px;padding:9px 11px;line-height:1.55}.segmented{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:12px;display:grid}.segmented--four{grid-template-columns:repeat(4,1fr)}.mode-switch-row{align-items:center;gap:10px;padding:11px 14px 0;display:flex}.mode-switch-pill{border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--well);flex:none;gap:2px;padding:2px;display:flex}.mode-switch-pill button{border-radius:var(--r-full);min-height:28px;color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;padding:0 13px}.mode-switch-pill button:hover:not(.active){color:var(--text)}.mode-switch-pill button.active{background:var(--accent);color:var(--accent-ink)}.mode-switch-row small{min-width:0;color:var(--text-4);font-size:var(--text-xs);line-height:1.35}.simple-design{gap:18px;display:grid}.simple-field{gap:8px;display:grid}.simple-field>span{color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.simple-note{border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--text-3);font-size:var(--text-xs);margin:4px 0 0;padding:11px 12px;line-height:1.55}.simple-note b{color:var(--text-2)}.simple-reset{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);width:100%;min-height:34px;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);margin-top:16px}.simple-reset:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.preset-chips--wide{flex-wrap:wrap}.preset-chips--wide button{flex:62px;min-height:34px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatches__item{border:2px solid var(--line);border-radius:var(--r-sm);width:28px;height:28px;transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background-image:linear-gradient(45deg,#2a2f36 25%,#0000 25% 75%,#2a2f36 75%),linear-gradient(45deg,#2a2f36 25%,#0000 25% 75%,#2a2f36 75%);background-position:0 0,4px 4px;background-size:8px 8px;padding:0}.swatches__item:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.swatches__item.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.swatches__item:disabled{opacity:.45;cursor:not-allowed}.swatches__inherit{background:var(--surface-2);width:auto;color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);background-image:none;padding:0 10px}.swatches__inherit.active{background:var(--accent-soft);color:var(--text-strong)}.swatches__custom{border:2px dashed var(--line-strong);border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-3);font-size:var(--text-md);cursor:pointer;transition:border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);place-items:center;display:grid;position:relative}.swatches__custom:hover{border-color:var(--accent);color:var(--accent)}.swatches__custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.design-groups{gap:6px;display:grid}.design-group{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.design-group>summary{cursor:pointer;min-height:40px;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease);align-items:center;gap:8px;padding:0 12px;list-style:none;display:flex}.design-group>summary::-webkit-details-marker{display:none}.design-group>summary:before{content:"▸";color:var(--text-4);font-size:var(--text-2xs);transition:transform var(--t-fast) var(--ease)}.design-group[open]>summary:before{transform:rotate(90deg)}.design-group>summary:hover{background:var(--surface-3)}.design-group>summary>b{border-radius:var(--r-full);background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);font-size:var(--text-2xs);font-weight:var(--weight-bold);place-items:center;margin-left:auto;padding:0 4px;display:inline-grid}.design-group>div{border-top:1px solid var(--line-soft);gap:13px;padding:12px 12px 14px;display:grid}.design-field{gap:6px;display:grid}.design-field>span{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);justify-content:space-between;align-items:baseline;display:flex}.design-field>span em{color:var(--text-4);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-style:normal}.design-field input[type=text]{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);width:100%;min-height:34px;color:var(--text);font-size:var(--text-xs);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:6px 9px}.design-field input[type=text]::placeholder{color:var(--text-4)}.design-field input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.design-field input[type=range]{width:100%;accent-color:var(--accent)}.design-field .color-input{grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.design-field .color-input input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);cursor:pointer;width:34px;height:34px;padding:2px}.design-field .color-input input[type=text]{min-height:34px}.design-field .color-input .field-reset{border-radius:var(--r-sm);width:24px;height:28px;color:var(--text-3);font-size:var(--text-md);place-items:center;display:grid}.design-field .color-input .field-reset:hover{background:var(--surface-3);color:var(--text)}.mini-segmented{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);gap:2px;padding:2px;display:flex}.mini-segmented button{border-radius:var(--r-sm);min-width:0;min-height:28px;color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;flex:1;padding:0 4px;overflow:hidden}.mini-segmented button:hover:not(:disabled):not(.active){color:var(--text);background:var(--surface-3)}.mini-segmented button.active{background:var(--accent-soft);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--accent-line)}.mini-segmented button:disabled{opacity:.4;cursor:not-allowed}.preset-chips{gap:3px;display:flex}.preset-chips button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);min-height:28px;color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);flex:1;padding:0 4px}.preset-chips button:hover:not(:disabled):not(.active){border-color:var(--line-strong);color:var(--text)}.preset-chips button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text-strong)}.preset-chips button:disabled{opacity:.4;cursor:not-allowed}.switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch>span{border-radius:var(--r-full);background:var(--line-strong);width:38px;height:26px;transition:background var(--t-base) var(--ease);flex:none;position:relative}.switch>span:after{content:"";background:var(--switch-knob);width:16px;height:16px;box-shadow:var(--shadow-1);transition:transform var(--t-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled+span{opacity:.45}.switch>b{color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.switch input:checked~b{color:var(--text-2)}.media-picker{gap:8px;display:grid}.media-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.media-picker__grid button{aspect-ratio:4/3;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--well);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);padding:0;position:relative;overflow:hidden}.media-picker__grid button:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.media-picker__grid button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.media-picker__grid button.active:after{content:"✓";background:var(--accent);width:16px;height:16px;color:var(--accent-ink);font-size:var(--text-2xs);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.media-picker__grid img{object-fit:cover;width:100%;height:100%;display:block}.media-picker__none{color:var(--text-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);place-items:center;display:grid}.design-fields{display:grid}.design-fields label{align-items:center;gap:var(--s-2);color:var(--text-2);font-size:var(--text-xs);grid-template-columns:minmax(96px,1fr) minmax(104px,1.1fr);padding:7px 0;display:grid}.design-fields label>span{line-height:1.3}.design-fields input,.design-fields select{min-height:34px;font-size:var(--text-xs)}.design-fields input[type=range]{accent-color:var(--accent);background:0 0;border:0;padding:0}.responsive-settings{padding:6px 0 0}.responsive-settings label{padding-left:0;padding-right:0}.empty{gap:var(--s-3);padding:28px 20px;display:grid}.empty p{color:var(--text-3);font-size:var(--text-sm);margin:0;line-height:1.6}.empty ul{color:var(--text-3);font-size:var(--text-xs);gap:7px;margin:6px 0 0;padding:0;list-style:none;display:grid}.empty li{align-items:center;gap:8px;display:flex}.command-overlay{z-index:1000;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-in var(--t-base) var(--ease) both;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.command-palette{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-1);width:min(680px,100%);max-height:72vh;box-shadow:var(--shadow-4);animation:dialog-in var(--t-slow) var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden}.command-palette>header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;height:60px;padding:0 18px;display:grid}.command-palette>header>span{color:var(--text-3);font-size:var(--text-lg)}.command-palette input{height:100%;color:var(--text);font-size:var(--text-lg);background:0 0;border:0;outline:0}.command-palette input::placeholder{color:var(--text-4)}.command-scroll{overscroll-behavior:contain;min-height:0;padding:8px;overflow:auto}.command-scroll>p:not(.command-group){color:var(--text-3);font-size:var(--text-sm);margin:0;padding:24px 14px;line-height:1.6}.command-group{font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-4);padding:6px 10px 4px}.command-palette [role=option]{border-radius:var(--r-sm);width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:74px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:11px 12px;display:grid}.command-palette [role=option][data-active=true],.command-palette [role=option]:hover{background:var(--surface-3)}.command-palette button>span{color:var(--accent);font:var(--weight-semibold) var(--text-2xs) var(--font-display);letter-spacing:.1em;text-transform:uppercase}.command-palette button>strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden}.command-palette button>small{color:var(--text-3);font-size:var(--text-xs);white-space:nowrap}.command-palette button>i{color:var(--text-4);opacity:0;font-style:normal}.command-palette [role=option][data-active=true]>i{opacity:1}.command-palette footer{gap:var(--s-4);border-top:1px solid var(--line);background:var(--well);color:var(--text-4);font-size:var(--text-xs);padding:9px 16px;display:flex}.command-palette footer span{align-items:center;gap:5px;display:flex}@media (max-width:1180px){.studio-shell{grid-template-columns:60px 258px minmax(0,1fr) 292px}}@media (max-width:1000px){.studio-shell,.studio-shell.no-inspector{grid-template-columns:56px 240px minmax(0,1fr)}.studio-shell.no-tree,.studio-shell.no-tree.no-inspector{grid-template-columns:56px minmax(0,1fr)}.inspector-panel{display:none}.workspace-mode{margin-left:6px}.zoom-control{display:none}}@media (max-width:760px){html,body{overflow:auto}.studio-shell,.studio-shell.no-tree,.studio-shell.no-inspector,.studio-shell.no-tree.no-inspector{grid-template-columns:52px minmax(0,1fr);height:auto;min-height:100svh}.panel-toggles,.canvas-bar,.tree-panel{display:none}.workspace{min-height:100svh}.workspace>header{flex-wrap:wrap;height:auto;padding:8px 10px}.history{display:none}.actions{margin-left:auto}.canvas{padding:10px}.preview-frame{height:calc(100svh - 120px)}.preview-hint{display:none}.toast-region{width:auto;left:12px;right:12px}}.navigation-item{transition:opacity .15s,border-color .15s;position:relative}.navigation-item.dragging{opacity:.45;border-color:var(--accent)}.navigation-drag-handle{color:var(--text-4);cursor:grab;-webkit-user-select:none;user-select:none;align-self:center;padding:8px 3px}.navigation-drag-handle:active{cursor:grabbing}.named-history{border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;width:min(620px,100vw - 32px);max-height:min(760px,100vh - 32px);padding:20px;overflow:auto;box-shadow:0 30px 100px #00000080}.named-history>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.named-history>header small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.named-history>header h2{margin:3px 0 0;font-size:22px}.named-history>header button{place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:20px;display:grid}.named-history>p{color:var(--text-3);font-size:12px;line-height:1.5}.named-history__list{gap:8px;margin-top:16px;display:grid}.named-history__list article{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.named-history__list strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.named-history__list span,.named-history__list small{color:var(--text-4);font-size:10px}.editor-presence{align-items:center;padding-left:5px;display:flex}.editor-presence>span{border:2px solid var(--bg);background:var(--presence-color,var(--bg-hover));color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-5px;font-size:8px;font-weight:700;transition:transform .16s,box-shadow .16s;display:grid}.editor-presence>span:hover{transform:translateY(-2px)}.editor-presence .editor-presence-empty{background:var(--surface-3);width:auto;min-width:38px;color:var(--text-3);border-radius:999px;margin-left:0;padding:0 7px;font-size:9px}.editor-presence>small{color:var(--text-3);margin-left:3px;font-size:10px;font-weight:700}.editor-presence>span[data-active-block=true]{box-shadow:0 0 0 1px var(--accent)}.ai-assistant-trigger{border:1px solid var(--accent);align-items:center;gap:6px;min-height:30px;padding:0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ai-assistant-trigger{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line))}}.ai-assistant-trigger{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.ai-assistant-trigger{background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}}.ai-assistant-trigger{color:var(--text);font-size:11px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}.ai-assistant-trigger svg{width:14px;color:var(--accent)}.ai-assistant-trigger:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-assistant-trigger:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface-2))}}.ai-assistant-trigger:hover{transform:translateY(-1px)}.mika-avatar{border:1px solid var(--accent);flex:none;place-items:center;width:30px;height:30px;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.mika-avatar{border:1px solid color-mix(in srgb, var(--accent) 52%, var(--line))}}.mika-avatar{background:linear-gradient(145deg, var(--accent), var(--surface-1));border-radius:10px 10px 10px 4px}@supports (color:color-mix(in lab, red, red)){.mika-avatar{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 22%, var(--surface-1)), var(--surface-1))}}.mika-avatar{color:var(--text-strong);font-family:var(--font-display);box-shadow:inset 0 1px #ffffff2e, 0 4px 14px var(--accent);font-size:17px;font-weight:750;line-height:1}@supports (color:color-mix(in lab, red, red)){.mika-avatar{box-shadow:inset 0 1px #ffffff2e, 0 4px 14px color-mix(in srgb, var(--accent) 14%, transparent)}}.mika-avatar>i{color:var(--accent);margin-left:1px;font-size:12px;font-style:normal}.ai-assistant-trigger .mika-avatar{width:22px;height:22px;box-shadow:none;border:0;border-radius:7px 7px 7px 3px;font-size:13px}.mika-heading{align-items:center;gap:10px;display:flex}.mika-heading>span:last-child{min-width:0}.ai-copilot-layer{z-index:145;pointer-events:none;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;top:70px;bottom:12px;right:12px}.ai-copilot-layer>*{pointer-events:auto}.ai-assistant-dialog{border:1px solid var(--line-strong);background:var(--bg);width:min(560px,100vw - 32px);max-height:min(760px,100vh - 32px);animation:dialog-in var(--t-slow) var(--ease-out) both;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 100px #00000080}.ai-copilot-layer .ai-assistant-dialog{border-radius:14px;width:min(430px,100vw - 24px);height:100%;max-height:none;box-shadow:-14px 18px 50px #0f172a38}.ai-assistant-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 20px 14px;display:flex}.ai-assistant-dialog>header>div:last-child{align-items:center;gap:2px;display:flex}.ai-assistant-dialog>header small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.ai-assistant-dialog>header button{place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:20px;display:grid}.ai-assistant-intro{color:var(--text-3);margin:0;padding:14px 20px;font-size:12px;line-height:1.5}.ai-assistant-scope{border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;margin:14px 20px 0;padding:10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.ai-assistant-scope{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line))}}.ai-assistant-scope{background:var(--accent);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.ai-assistant-scope{background:color-mix(in srgb, var(--accent) 7%, var(--surface-2))}}.ai-assistant-scope>span{grid-template-columns:20px minmax(0,1fr);align-items:center;min-width:0;display:grid}.ai-assistant-scope>span svg{width:15px;color:var(--accent);grid-row:1/3}.ai-assistant-scope>span small{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.ai-assistant-scope>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ai-assistant-scope>div{background:var(--well);border-radius:8px;flex:none;gap:3px;padding:2px;display:flex}.ai-assistant-scope button{min-height:30px;color:var(--text-3);border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.ai-assistant-scope button.active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-1)}.ai-assistant-suggestions{scrollbar-width:none;gap:6px;padding:0 20px 12px;display:flex;overflow-x:auto}.ai-assistant-suggestions button{border:1px solid var(--line);background:var(--surface-2);min-height:30px;color:var(--text-3);border-radius:999px;flex:none;padding:0 10px;font-size:10px}.ai-assistant-suggestions button:hover{border-color:var(--accent-line);color:var(--accent)}.ai-assistant-thread{background:var(--well);gap:10px;min-height:130px;max-height:380px;padding:14px 20px;display:grid;overflow:auto}.ai-assistant-empty{color:var(--text-4);text-align:center;align-self:center;justify-items:center;gap:7px;margin:0;padding:20px;font-size:12px;line-height:1.6;display:grid}.ai-assistant-empty strong{color:var(--text);font-size:13px}.ai-assistant-empty p{max-width:280px;margin:0}.ai-message{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;max-width:88%;padding:9px 11px}.ai-message--user{border-color:var(--accent);justify-self:end}@supports (color:color-mix(in lab, red, red)){.ai-message--user{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}}.ai-message--user{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-message--user{background:color-mix(in srgb, var(--accent) 9%, var(--surface-2))}}.ai-message small{color:var(--text-4);margin-bottom:3px;font-size:10px;font-weight:700;display:block}.ai-message p{color:var(--text);margin:0;font-size:12px;line-height:1.5}.ai-message--typing p{color:var(--text-3);align-items:center;gap:4px;display:flex}.ai-message--typing p>i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite ai-writing}.ai-message--typing p>i:nth-child(2){animation-delay:.14s}.ai-message--typing p>i:nth-child(3){animation-delay:.28s}.ai-message--typing p>span{margin-left:5px}.ai-copilot-bubble{border:1px solid var(--accent-border);background:var(--surface-1);max-width:260px;min-height:42px;color:var(--text);box-shadow:var(--shadow-3);animation:dialog-in var(--t-slow) var(--ease-out) both;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.ai-copilot-bubble svg{width:15px;color:var(--accent)}.ai-copilot-bubble span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-copilot-bubble>i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:1.1s ease-in-out infinite ai-writing}@keyframes ai-writing{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.ai-assistant-proposal{border-top:1px solid var(--line);background:var(--accent);gap:5px;padding:13px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-assistant-proposal{background:color-mix(in srgb, var(--accent) 8%, var(--surface-1))}}.ai-assistant-proposal strong{font-size:12px}.ai-assistant-proposal>span{color:var(--text-3);font-size:11px}.ai-assistant-proposal .ai-proposal-stale{border:1px solid #d97706;justify-content:stretch;gap:4px;margin:0 0 8px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-assistant-proposal .ai-proposal-stale{border:1px solid color-mix(in srgb, #d97706 42%, var(--line))}}.ai-assistant-proposal .ai-proposal-stale{background:#f59e0b;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.ai-assistant-proposal .ai-proposal-stale{background:color-mix(in srgb, #f59e0b 10%, var(--surface-1))}}.ai-assistant-proposal .ai-proposal-stale strong{color:#d97706}@supports (color:color-mix(in lab, red, red)){.ai-assistant-proposal .ai-proposal-stale strong{color:color-mix(in srgb, #d97706 75%, var(--text))}}.ai-assistant-proposal .ai-proposal-stale span{color:var(--text-2);font-size:11px}.ai-assistant-proposal .ai-proposal-stale button{background:var(--surface-2);justify-self:start;margin-top:4px}.ai-proposal-details{border-top:1px solid var(--accent);margin-top:4px}@supports (color:color-mix(in lab, red, red)){.ai-proposal-details{border-top:1px solid color-mix(in srgb, var(--accent) 20%, var(--line))}}.ai-proposal-details summary{width:fit-content;color:var(--accent);cursor:pointer;padding:9px 0 3px;font-size:11px;font-weight:700}.ai-assistant-diff{gap:5px;margin:5px 0 0;padding:0;list-style:none;display:grid}.ai-assistant-diff li{border:1px solid var(--line);background:var(--surface-1);border-radius:7px;grid-template-columns:auto minmax(90px,.8fr) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;padding:7px 9px;font-size:11px;display:grid}.ai-assistant-diff li:not(:has(.ai-operation-toggle)){grid-template-columns:minmax(90px,.8fr) minmax(0,1fr) auto minmax(0,1fr)}.ai-operation-toggle{place-items:center;width:22px;height:22px;display:grid}.ai-operation-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.ai-assistant-diff li>span{overflow-wrap:anywhere;min-width:0;color:var(--text-2)}.ai-assistant-diff li>span:last-child{color:var(--text);font-weight:650}.ai-assistant-proposal>div{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.ai-assistant-proposal button,.ai-assistant-form button{border:1px solid var(--line-strong);min-height:34px;color:var(--text);background:0 0;border-radius:7px;padding:0 12px;font-size:11px;font-weight:700}.ai-assistant-proposal .primary-action,.ai-assistant-form .primary-action{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);align-items:center;gap:6px;display:inline-flex}.ai-assistant-form .ai-stop{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ai-assistant-form .ai-stop{border-color:color-mix(in srgb, var(--danger) 50%, var(--line))}}.ai-assistant-form .ai-stop{color:var(--danger)}.ai-assistant-form{border-top:1px solid var(--line);gap:8px;padding:14px 20px 18px;display:grid}.ai-assistant-form textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface-2);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px;font-size:12px;line-height:1.45}.ai-assistant-form textarea:focus{border-color:var(--accent);outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-assistant-form textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.ai-assistant-form textarea:focus{outline-offset:1px}.ai-assistant-form>div{justify-content:space-between;align-items:center;display:flex}.ai-assistant-form small{color:var(--text-4);font-size:10px}@media (max-width:720px){.ai-copilot-layer{align-items:flex-end;padding:8px;inset:auto 0 0}.ai-copilot-layer .ai-assistant-dialog{border-radius:16px 16px 10px 10px;width:100%;height:min(72svh,680px)}.ai-copilot-bubble{margin-left:auto}.ai-assistant-scope{margin-inline:14px}.ai-assistant-intro,.ai-assistant-suggestions,.ai-assistant-thread{padding-inline:14px}.ai-assistant-form{padding-inline:14px;padding-bottom:max(14px, env(safe-area-inset-bottom))}.ai-assistant-form>div{justify-content:flex-end}.ai-assistant-form small{display:none}}.presence-lock{border-bottom:1px solid var(--accent);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.presence-lock{border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, var(--line))}}.presence-lock{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.presence-lock{background:color-mix(in srgb, var(--accent) 8%, var(--bg))}}.presence-lock{color:var(--text);font-size:11px}.presence-lock button{color:var(--accent)}@media (min-width:1101px){.studio-shell.mika-open{width:calc(100vw - var(--mika-width) - 8px);grid-template-columns:60px var(--tree-width,288px) minmax(0, 1fr)}.studio-shell.mika-open.no-tree{grid-template-columns:60px minmax(0,1fr)}.studio-shell.mika-open>.inspector-panel{display:none}}.ai-copilot-layer{top:8px;bottom:8px;right:8px}.ai-copilot-layer .ai-assistant-dialog{width:var(--mika-width,440px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);max-width:calc(100vw - 16px);box-shadow:var(--shadow-2);position:relative}.ai-assistant-resizer{z-index:3;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.ai-assistant-resizer span{background:0 0;border-radius:2px;width:2px;height:48px;margin:auto;transition:background .15s;display:block}.ai-assistant-resizer:hover span,.ai-assistant-resizer:focus-visible span{background:var(--accent)}.ai-assistant-dialog>header{border-bottom:0;align-items:center;padding:14px 16px 10px}.ai-assistant-dialog>header h2{margin:1px 0 0;font-size:18px}.ai-assistant-dialog>header small{color:var(--text-4);letter-spacing:0;text-transform:none}.ai-assistant-dialog>header button{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-3);border-radius:8px}.ai-assistant-dialog>header button:hover{background:var(--bg-hover);color:var(--text)}.ai-assistant-dialog>header button svg{width:16px}.mika-context{min-height:34px;color:var(--text-4);white-space:nowrap;align-items:center;gap:4px;margin:0 16px 10px;font-size:10px;display:flex;overflow:hidden}.mika-context>svg{flex:none;width:12px}.mika-context span,.mika-context strong{text-overflow:ellipsis;overflow:hidden}.mika-context strong{color:var(--text)}.mika-context button{background:var(--surface-2);width:22px;height:22px;color:var(--text-3);border-radius:6px;place-items:center;margin-left:2px;display:grid}.mika-context button svg{width:12px}.mika-view-switch{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;padding:0 16px 10px;display:flex;overflow-x:auto}.mika-view-switch button{min-height:34px;color:var(--text-3);border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.mika-view-switch button.active{background:var(--accent-soft);color:var(--accent)}.mika-view-switch svg{width:14px}.mika-view-switch i{background:var(--surface-3);min-width:18px;height:18px;color:var(--text-2);border-radius:9px;place-items:center;padding:0 4px;font-size:9px;font-style:normal;display:grid}.ai-assistant-thread{background:var(--bg);flex:1;align-content:start;min-height:0;max-height:none;padding:18px 16px}.ai-assistant-empty{align-self:start;gap:10px;padding:28px 8px}.ai-assistant-empty>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:8px;display:grid}.ai-assistant-empty>div button{border:1px solid var(--line);background:var(--surface-1);min-height:44px;color:var(--text-2);text-align:left;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.ai-assistant-empty>div button:hover{border-color:var(--accent-line);color:var(--accent)}.ai-assistant-empty>div svg{flex:none;width:14px}.ai-message{background:var(--surface-2);border:0;border-radius:10px;max-width:92%}.ai-message--user{background:var(--accent-soft);border:0}.ai-assistant-proposal{border-top:1px solid var(--line);background:var(--surface-1);gap:10px;max-height:46%;padding:14px 16px;overflow:auto}.ai-assistant-proposal>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-assistant-proposal>header>span{grid-template-columns:18px minmax(0,1fr);align-items:center;display:grid}.ai-assistant-proposal>header svg{width:15px;color:var(--accent);grid-row:1/3}.ai-assistant-proposal>header small{color:var(--text-4);font-size:9px}.ai-assistant-proposal>header strong{color:var(--text-strong);font-size:12px}.ai-assistant-proposal>header>button{min-height:30px;color:var(--text-3);border:0;align-items:center;gap:3px;padding:0 7px;display:inline-flex}.ai-assistant-proposal>header>button svg{color:currentColor;width:13px}.ai-assistant-proposal>p{color:var(--text-3);margin:0;font-size:11px;line-height:1.5}.mika-change-groups{gap:10px;display:grid}.mika-change-groups section{gap:3px;display:grid}.mika-change-groups h3{color:var(--text-2);align-items:center;gap:6px;margin:0 0 3px;font-size:10px;display:flex}.mika-change-groups h3 span{background:var(--surface-3);border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid}.mika-change-groups label{cursor:pointer;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:44px;padding:7px;display:grid}.mika-change-groups label:hover{background:var(--bg-hover)}.mika-change-groups label>span{gap:2px;min-width:0;display:grid}.mika-change-groups label strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mika-change-groups label small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mika-change-groups label>i{background:var(--surface-3);color:var(--text-3);border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal}.mika-change-groups label>i.risk-élevé{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.mika-change-groups label>i.risk-élevé{background:color-mix(in srgb, var(--danger) 12%, var(--surface-2))}}.mika-change-groups label>i.risk-élevé{color:var(--danger)}.ai-assistant-proposal>footer{justify-content:flex-end;gap:7px;display:flex}.ai-assistant-proposal>footer button{align-items:center;gap:5px;display:inline-flex}.ai-assistant-proposal>footer svg{width:14px}.ai-assistant-form{padding:12px 16px 14px}.ai-assistant-form textarea{resize:none;background:var(--surface-1);border-radius:10px;min-height:72px;max-height:160px;padding:11px 12px}.ai-assistant-form button svg{width:14px}.mika-attachment-list{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.mika-attachment-list>span{border:1px solid var(--line);background:var(--surface-2);min-width:0;max-width:100%;color:var(--text-3);border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.mika-attachment-list svg{flex:none;width:12px;height:12px}.mika-attachment-list b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mika-attachment-list button{width:18px;height:18px;color:var(--text-4);background:0 0;border:0;place-items:center;margin-left:2px;padding:0;display:grid}.mika-composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:7px;display:flex}.mika-composer-actions>span{align-items:center;gap:5px;min-width:0;display:flex}.mika-attach-button{border:1px solid var(--line);background:var(--surface-1);width:30px;height:30px;color:var(--text-3);cursor:pointer;border-radius:7px;place-items:center;display:grid}.mika-attach-button:hover{border-color:var(--accent);color:var(--accent)}.mika-attach-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.mika-attach-button svg{width:14px}.mika-composer-actions select{border:1px solid var(--line);background:var(--surface-1);width:96px;height:30px;color:var(--text-3);font:inherit;border-radius:7px;padding:0 7px;font-size:9px}.mika-attachment-status{max-width:160px;color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.mika-attachment-status svg{width:11px;animation:.8s linear infinite studio-spin}.mika-versions{flex:1;padding:18px 16px;overflow:auto}.mika-versions>header{gap:3px;margin-bottom:16px;display:grid}.mika-versions>header strong{color:var(--text-strong);font-size:13px}.mika-versions>header span{color:var(--text-4);font-size:10px}.mika-versions ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.mika-versions li{border-left:1px solid var(--line);gap:4px;padding:12px 0 14px 18px;display:grid;position:relative}.mika-versions li:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:-4px}.mika-versions li>strong{color:var(--text);font-size:11px}.mika-versions li p{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.mika-versions li small{color:var(--text-4);font-size:9px}.mika-run-status{width:fit-content;color:var(--text-4);align-items:center;gap:5px;font-size:9px;display:inline-flex}.mika-run-status i{background:var(--text-4);border-radius:50%;width:6px;height:6px}.mika-run-status.is-completed i{background:var(--success)}.mika-run-status.is-waiting_confirmation i{background:var(--warning)}.mika-run-status.is-failed i{background:var(--danger)}.mika-run-status.is-rolled_back i{background:var(--accent)}.mika-version-error{border:1px solid var(--danger);margin:0 0 12px;padding:9px 10px}@supports (color:color-mix(in lab, red, red)){.mika-version-error{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line))}}.mika-version-error{background:var(--danger);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.mika-version-error{background:color-mix(in srgb, var(--danger) 8%, var(--surface-1))}}.mika-version-error{color:var(--danger);font-size:10px;line-height:1.45}.mika-version-restore{border:1px solid var(--line-strong);background:var(--surface-1);width:fit-content;color:var(--accent);border-radius:7px;align-items:center;gap:6px;margin-top:4px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.mika-version-restore:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.mika-version-restore svg{width:12px;height:12px}.mika-artifact-comparison{--comparison-position:50%;aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface-3);border-radius:8px;width:100%;margin:7px 0 3px;position:relative;overflow:hidden}.mika-artifact-comparison>img,.mika-artifact-comparison>span,.mika-artifact-comparison>span img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.mika-artifact-comparison>span{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);overflow:hidden}.mika-artifact-comparison>i{z-index:2;top:0;bottom:0;left:var(--comparison-position);background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #0f172a59}.mika-artifact-comparison input{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.mika-artifact-comparison figcaption{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.mika-artifact-comparison figcaption b{color:#fff;background:#0f172abf;border-radius:4px;padding:3px 5px;font-size:8px}.mika-versions-empty{color:var(--text-4);text-align:center;justify-items:center;gap:6px;padding:48px 20px;display:grid}.mika-versions-empty svg{width:24px}.mika-versions-empty strong{color:var(--text);font-size:12px}.mika-versions-empty span{font-size:10px}.mika-brand,.mika-control{flex:1;padding:18px 16px;overflow:auto}.mika-control>header{gap:3px;margin-bottom:14px;display:grid}.mika-control>header strong{color:var(--text-strong);font-size:13px}.mika-control>header span{color:var(--text-4);font-size:10px;line-height:1.45}.mika-control-loading{min-height:160px;color:var(--text-4);justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.mika-control-loading svg{width:15px;animation:.8s linear infinite studio-spin}.mika-control-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.mika-control-metrics span{border:1px solid var(--line);background:var(--surface-1);border-radius:9px;gap:3px;padding:10px;display:grid}.mika-control-metrics small{color:var(--text-4);font-size:9px}.mika-control-metrics strong{color:var(--text-strong);font-size:15px}.mika-policy-section{border-top:1px solid var(--line);padding:12px 0}.mika-policy-section h3{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px;font-size:10px}.mika-policy-switch{justify-content:space-between;align-items:center;gap:14px;display:flex}.mika-policy-switch>span{gap:3px;display:grid}.mika-policy-switch strong{color:var(--text);font-size:11px}.mika-policy-switch small{color:var(--text-4);font-size:9px;line-height:1.45}.mika-policy-switch input{width:34px;height:18px;accent-color:var(--accent)}.mika-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mika-policy-grid label{color:var(--text-3);gap:5px;font-size:9px;display:grid}.mika-policy-grid input,.mika-policy-grid select{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;min-height:36px;color:var(--text);font:inherit;border-radius:7px;padding:0 8px;font-size:10px}.mika-policy-save{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;display:inline-flex}.mika-policy-save svg{width:14px}.mika-policy-readonly{color:var(--text-4);font-size:9px;line-height:1.45}.mika-delete-history{border:1px solid var(--danger);justify-content:center;align-items:center;gap:6px;width:100%;margin-top:18px;padding:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.mika-delete-history{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--line))}}.mika-delete-history{color:var(--danger);border-radius:8px;font-size:9px;font-weight:700}.mika-delete-history:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.mika-delete-history:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 7%, transparent)}}.mika-delete-history svg{width:13px}.mika-brand>header{gap:3px;margin-bottom:14px;display:grid}.mika-brand>header strong{color:var(--text-strong);font-size:13px}.mika-brand>header span{color:var(--text-4);font-size:10px;line-height:1.45}.mika-brand>form{border-bottom:1px solid var(--line);gap:8px;padding-bottom:16px;display:grid}.mika-brand>form>div{grid-template-columns:110px minmax(0,1fr);gap:7px;display:grid}.mika-brand select,.mika-brand input,.mika-brand textarea{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;color:var(--text);font:inherit;border-radius:8px;font-size:10px}.mika-brand select,.mika-brand input{min-height:38px;padding:0 9px}.mika-brand textarea{resize:vertical;padding:10px;line-height:1.5}.mika-brand>form>button{background:var(--accent);min-height:36px;color:var(--accent-ink);border-radius:8px;justify-self:end;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.mika-brand>form>button svg{width:14px}.mika-brand>ul{gap:3px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mika-brand>ul>li{border-radius:8px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;padding:8px;display:grid}.mika-brand>ul>li:hover{background:var(--bg-hover)}.mika-brand>ul>li.is-disabled{opacity:.55}.mika-brand>ul label{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;display:grid}.mika-brand>ul label span{gap:2px;min-width:0;display:grid}.mika-brand>ul strong{font-size:10px}.mika-brand>ul small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mika-brand>ul button{width:30px;height:30px;color:var(--text-4);border-radius:7px;place-items:center;display:grid}.mika-brand>ul button:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.mika-brand>ul button:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.mika-brand>ul button:hover{color:var(--danger)}.mika-brand>ul button svg{width:14px}@media (max-width:1100px){.ai-copilot-layer{left:auto}.ai-assistant-resizer{display:none}}@media (max-width:720px){.ai-copilot-layer{left:0}.ai-copilot-layer .ai-assistant-dialog{height:min(82svh,760px)}.mika-context{margin-inline:14px}.ai-assistant-empty>div{grid-template-columns:1fr}}.operations-shell{grid-template-columns:60px minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.operations{background:var(--ops-bg);scroll-behavior:smooth;min-width:0;padding:0 0 100px;overflow:auto}.operations>header{z-index:20;justify-content:space-between;align-items:flex-end;gap:var(--s-6);border-bottom:1px solid var(--line);background:var(--ops-bg-blur);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:34px max(30px,4vw) 22px;display:flex;position:sticky;top:0}.operations>header span{font:var(--eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block}.operations>header h1{font:600 clamp(30px, 3.6vw, 46px) / 1 var(--font-display);letter-spacing:-.035em;margin:10px 0 0}.operations>header>div:last-child{flex:none;gap:6px;display:flex}.operations>header button,.quick-create>button,.operation-table button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.operations>header button:hover:not(:disabled),.quick-create>button:hover:not(:disabled),.operation-table button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-3);color:var(--text)}.operations>header button:disabled,.quick-create>button:disabled,.operation-table button:disabled{opacity:.4;cursor:not-allowed}.operation-table button[data-tone=danger]:hover:not(:disabled){border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.operations>:not(header){margin-left:max(30px,4vw);margin-right:max(30px,4vw)}.operations-error{margin-top:var(--s-5);border:1px solid var(--danger-line);border-radius:var(--r-sm);background:var(--danger-soft);color:#ffc9c1;font-size:var(--text-sm);border-left-width:3px;align-items:flex-start;gap:11px;padding:13px 16px;line-height:1.55;display:flex}.operations-error>span{background:var(--danger);color:#2b1715;width:18px;height:18px;font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.operations-error>div{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;flex:1;display:flex}.operations-error strong{font-weight:var(--weight-medium)}.operations-error button{min-height:var(--control-h);border:1px solid var(--danger-line);border-radius:var(--r-sm);color:#ffd6cf;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:background var(--t-fast) var(--ease);background:0 0;flex:none;padding:0 12px}.operations-error button:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.operations-error button:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 16%, transparent)}}.operations-error button:disabled{opacity:.5;cursor:not-allowed}.operation-readonly-note{margin:0 0 var(--s-4);border:1px solid var(--accent);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.operation-readonly-note{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line-strong))}}.operation-readonly-note{border-radius:var(--r-sm);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.operation-readonly-note{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}}.operation-readonly-note{color:var(--text-2);font-size:var(--text-sm);line-height:1.45}.team-invite-created{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-5);border:1px solid var(--accent);padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.team-invite-created{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line))}}.team-invite-created{border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.team-invite-created{background:color-mix(in srgb, var(--accent) 7%, var(--surface-1))}}.team-invite-created>div{min-width:0}.team-invite-created strong,.team-invite-created a{display:block}.team-invite-created a{color:var(--text-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.team-invite-created button{min-height:var(--control-h-sm);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:#fff;font-weight:var(--weight-semibold);flex:none;padding:0 13px}@media (max-width:700px){.team-invite-created{flex-direction:column;align-items:stretch}.team-invite-created button{align-self:flex-start}}.metrics{gap:var(--s-3);margin-top:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.metrics article{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-1);transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);padding:20px 22px}.metrics article:hover{border-color:var(--line-strong);transform:translateY(-1px)}.metrics span{color:var(--text-3);font-size:var(--text-xs);letter-spacing:.02em;display:block}.metrics strong{font:600 34px / 1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;display:block}.operation-panel,.quick-create{margin-top:var(--s-6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-1);padding:22px 24px 24px}.operation-panel>h2,.quick-create h2{font-size:var(--text-xl);letter-spacing:-.015em;margin:0 0 18px}.operation-panel>select{width:100%;min-width:0;max-width:100%;min-height:var(--control-h);box-sizing:border-box}.quick-create{align-items:end;gap:var(--s-4) var(--s-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.quick-create:has(>h2){grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto}.quick-create h2{align-self:center;margin:0}.quick-create>div{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.quick-create>button{justify-self:start;min-width:120px}.quick-create input,.quick-create select,.quick-create textarea,.manga-manager input,.manga-manager select,.navigation-create select{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-sm);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:8px 11px}.quick-create input::placeholder,.manga-manager input::placeholder{color:var(--text-4)}.quick-create input:hover:not(:disabled),.manga-manager input:hover:not(:disabled){border-color:var(--line-strong)}.quick-create input:focus,.quick-create select:focus,.quick-create textarea:focus,.manga-manager input:focus,.manga-manager select:focus,.navigation-create select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.quick-create input[type=file]{color:var(--text-3);font-size:var(--text-xs);cursor:pointer;padding:7px 11px}.quick-create input[type=file]::file-selector-button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font:inherit;font-size:var(--text-xs);cursor:pointer;margin-right:10px;padding:5px 11px}.quick-create input[type=file]::file-selector-button:hover{background:var(--surface-3);color:var(--text)}.quick-create>button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-bold)}.quick-create>button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-ink)}.quick-create>small{color:var(--text-3);font-size:var(--text-xs);grid-column:1/-1}.media-upload>div{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.operations button:not([class],.operations>header button,.quick-create button,.operation-table button,.manga-manager button,.asset-picker button,.theme-customizer button,.record-editor button,.site-settings button,.operations-error button,.table-filter button),.operation-panel>button{min-height:var(--control-h);margin-top:var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.operations button:not([class]):hover:not(:disabled),.operation-panel>button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.operations button:not([class]):disabled,.operation-panel>button:disabled{opacity:.45;cursor:not-allowed}.active-sessions__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.active-sessions__heading h2{margin:0 0 5px}.active-sessions__heading p{color:var(--text-3);margin:0;font-size:13px}.active-sessions__heading>button{border:1px solid var(--danger-border,#f0b8b2);min-height:44px;color:var(--danger);background:0 0;border-radius:8px;padding:0 14px;font-weight:700}.active-sessions__list{border-top:1px solid var(--line);margin:18px 0 0;padding:0;list-style:none}.active-sessions__list li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:72px;display:grid}.active-sessions__device{background:var(--bg-soft);width:38px;height:38px;color:var(--accent);border-radius:9px;place-items:center;font-size:22px;display:grid}.active-sessions__list li>span:nth-child(2){gap:4px;display:grid}.active-sessions__list small{color:var(--text-3);font-size:12px}.active-sessions__list button{border:1px solid var(--line);min-height:44px;color:var(--text);background:0 0;border-radius:8px;padding:0 12px}@media (max-width:720px){.active-sessions__heading{display:grid}.active-sessions__list li{grid-template-columns:44px 1fr;padding:10px 0}.active-sessions__list li>button{grid-column:2;justify-self:start}}.table-filter{align-items:center;gap:var(--s-3);margin-bottom:12px;display:flex}.table-filter input{min-width:0;min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-sm);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);flex:1;padding:0 11px}.table-filter input::placeholder{color:var(--text-4)}.table-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.table-filter span{color:var(--text-4);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.operation-table{border-top:1px solid var(--line)}.operation-table>article{align-items:center;gap:var(--s-5);border-bottom:1px solid var(--line);border-radius:var(--r-sm);min-height:62px;transition:background var(--t-fast) var(--ease);grid-template-columns:minmax(200px,1fr) auto auto;margin:0 -8px;padding:12px 10px 12px 8px;display:grid}.operation-table>article:hover{background:var(--surface-2)}.operation-table article strong{font-size:var(--text-md);font-weight:var(--weight-semibold);display:block}.operation-table article span{color:var(--text-3);font-size:var(--text-xs);margin-top:5px;display:block}.operation-table article b{font-size:var(--text-md);font-variant-numeric:tabular-nums}.operation-table article i{color:var(--success);font-style:normal;font-size:var(--text-xs)}.operation-table article>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.operation-table button{min-height:var(--control-h);font-size:var(--text-xs);padding:0 11px}.operation-table select,.operations .manga-manager button,.operations .theme-customizer button,.operations .record-editor button,.operations .site-settings button,.operations .asset-picker>button,.operations .table-filter button{min-height:var(--control-h)}.operation-table>p,.no-data{color:var(--text-3);font-size:var(--text-sm);padding:22px 0}.theme-customizer>p{color:var(--text-3);font-size:var(--text-sm);margin:0 0 22px;line-height:1.6}.theme-customizer fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:20px 0 4px}.theme-customizer legend{font:var(--eyebrow);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-2);padding:0 12px 0 0}.theme-color-grid,.theme-setting-grid{gap:var(--s-3) var(--s-6);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.theme-color-grid label,.theme-setting-grid label{color:var(--text-3);font-size:var(--text-xs);gap:7px;display:grid}.theme-color-grid label>span:last-child{min-height:var(--control-h-lg);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);transition:border-color var(--t-fast) var(--ease);align-items:center;gap:10px;padding:6px 10px;display:flex}.theme-color-grid label:hover>span:last-child{border-color:var(--line-strong)}.theme-color-grid input{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;width:30px;height:34px;padding:0}.theme-color-grid code{color:var(--text-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.theme-setting-grid select{min-height:var(--control-h-lg);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-sm);padding:0 10px}.theme-setting-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.theme-customizer__footer{justify-content:space-between;align-items:center;gap:var(--s-5);margin-top:var(--s-6);display:flex}.theme-customizer__footer span{color:var(--success);font-size:var(--text-xs)}.theme-customizer__footer button{min-height:var(--control-h);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);transition:background var(--t-fast) var(--ease);padding:0 18px}.theme-customizer__footer button:hover:not(:disabled){background:var(--accent-hover)}.theme-customizer button:disabled,.theme-customizer select:disabled,.theme-customizer input:disabled{opacity:.5;cursor:not-allowed}.manga-manager>article{border-top:1px solid var(--line);padding:16px 0}.manga-manager__filters{align-items:center;gap:var(--s-2);grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto;margin-bottom:4px;display:grid}.manga-manager__filters input,.manga-manager__filters select{min-width:0;min-height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);padding:0 10px}.manga-manager__filters span{white-space:nowrap;text-align:right;margin:0}.manga-manager__empty{border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--text-2);margin:14px 0 0;padding:16px}.world-manager__filters{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.world-manager__filters>select{min-height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);padding:0 10px}.manga-manager>article>header{justify-content:space-between;align-items:center;gap:var(--s-5);display:flex}.manga-manager strong{font-size:var(--text-md);font-weight:var(--weight-semibold)}.manga-manager span{color:var(--text-3);font-size:var(--text-xs);margin-top:5px;display:block}.manga-manager button{min-height:var(--control-h-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--text-xs);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);margin-left:6px;padding:0 11px}.manga-manager button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.manga-manager button:disabled{opacity:.35;cursor:not-allowed}.manga-manager>article>form{gap:var(--s-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px auto;margin-top:12px;padding:14px;display:grid}.chapters{margin:12px 0 0 20px}.chapters>section{align-items:center;gap:var(--s-2);border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;padding:11px 0;display:grid;position:relative}.chapters i{color:var(--success);font-style:normal;font-size:var(--text-xs)}.asset-picker{border-radius:var(--r-sm);background:var(--surface-1);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;padding:12px;display:grid}.asset-picker label{border:1px solid var(--line-strong);border-radius:var(--r-sm);min-width:0;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--t-fast) var(--ease);align-items:center;gap:8px;padding:8px 9px;display:flex}.asset-picker label:hover{border-color:var(--line-strong);background:var(--surface-2)}.asset-picker label span{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.asset-picker input[type=checkbox],.operations input[type=checkbox]{width:32px;height:32px;accent-color:var(--accent);flex:0 0 32px}.theme-color-grid input[type=color]{cursor:pointer;width:40px;min-width:40px;height:40px;padding:3px}.asset-picker>button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-bold);grid-column:1/-1;margin:4px 0 0}.delivery-assets{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:7px;margin-top:10px;padding:12px;display:grid}.delivery-assets label{min-width:0;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:8px;display:flex}.delivery-assets input[type=checkbox]{accent-color:var(--accent)}.navigation-create{grid-template-columns:minmax(0,1fr) auto;margin:0 0 18px;padding:16px}.navigation-create>div{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) 190px}.record-editor-overlay{z-index:1100;padding:var(--s-5);background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlay-in var(--t-base) var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}.record-editor{width:min(560px,100%);max-height:90vh;padding:var(--s-6);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-4);animation:dialog-in var(--t-slow) var(--ease-out) both;overflow:auto}.record-editor>header{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.record-editor>header span{font:var(--eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.record-editor h2{font-size:var(--text-2xl);margin:7px 0 0}.record-editor>header button{border-radius:var(--r-sm);width:30px;height:34px;color:var(--text-3);font-size:var(--text-xl);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;flex:none;line-height:1}.record-editor>header button:hover{background:var(--surface-3);color:var(--text)}.record-editor label,.site-settings label{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);margin:14px 0;display:block}.record-editor input,.record-editor textarea,.record-editor select,.site-settings input,.site-settings textarea,.site-settings select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);width:100%;color:var(--text);font-size:var(--text-sm);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);margin-top:7px;padding:10px 12px;display:block}.record-editor textarea,.site-settings textarea{resize:vertical;min-height:110px;font:inherit;font-size:var(--text-sm);line-height:1.6}.record-editor input:hover,.record-editor textarea:hover,.site-settings input:hover,.site-settings textarea:hover{border-color:var(--line-strong)}.record-editor input:focus,.record-editor textarea:focus,.record-editor select:focus,.site-settings input:focus,.site-settings textarea:focus,.site-settings select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.record-editor footer{justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-6);display:flex}.record-editor footer button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--t-fast) var(--ease);padding:0 16px}.record-editor footer button:hover{background:var(--surface-3)}.record-editor footer button:last-child{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-bold)}.record-editor footer button:last-child:hover{background:var(--accent-hover)}.site-settings{gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.site-settings section{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-1);padding:24px}.site-settings section>span{font:var(--eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.site-settings h2{font-size:var(--text-xl);margin:8px 0 20px}.site-settings p{color:var(--text-3);font-size:var(--text-xs);line-height:1.6}.site-settings footer{grid-column:1/-1;justify-content:flex-end;display:flex}.site-settings footer button{min-height:var(--control-h-lg);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);transition:background var(--t-fast) var(--ease);border:0;padding:0 20px}.site-settings footer button:hover:not(:disabled){background:var(--accent-hover)}.site-settings footer button:disabled{opacity:.4;cursor:not-allowed}.auth-screen{min-height:100svh;padding:var(--s-6) var(--s-4);background:var(--bg);background-image:radial-gradient(circle at 50% 12%,#ff7a4d24 0,#0000 42%),radial-gradient(circle at 82% 78%,#79b0f50f 0,#0000 46%);place-items:center;display:grid;overflow:auto}.auth-screen form{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);width:min(400px,100%);box-shadow:var(--shadow-4);animation:dialog-in .34s var(--ease-out) both;padding:34px}.auth-brand{font:var(--weight-semibold) var(--text-md) var(--font-display);letter-spacing:-.01em}.auth-brand span,.loading-mark span{color:var(--accent)}.auth-screen h1{font:600 31px / 1.08 var(--font-display);letter-spacing:-.035em;margin:38px 0 10px}.auth-screen p{color:var(--text-3);font-size:var(--text-md);margin:0 0 24px;line-height:1.6}.auth-screen label{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-medium);margin:14px 0;display:block}.auth-screen input,.auth-screen select{width:100%;height:var(--control-h-lg);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);color:var(--text);font-size:var(--text-md);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);margin-top:7px;padding:0 12px;display:block}.auth-screen input:hover{border-color:var(--line-strong)}.auth-screen input:focus,.auth-screen select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.auth-screen label small{color:var(--text-4);font-size:var(--text-xs);margin-top:6px;display:block}.auth-screen .auth-checkbox{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.auth-screen .auth-checkbox input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:1px 0 0}.auth-screen form>button{width:100%;height:var(--control-h-lg);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-md);font-weight:var(--weight-bold);transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:0;margin-top:18px}.auth-screen form>button:hover:not(:disabled){background:var(--accent-hover)}.auth-screen form>button:active:not(:disabled){transform:scale(.99)}.auth-screen form>button:disabled{opacity:.55;cursor:progress}.auth-screen form>.demo-link{color:var(--text-3);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;margin-top:8px}.auth-screen form>.demo-link:hover{background:var(--surface-2);color:var(--text)}.auth-error{margin-top:var(--s-4);border:1px solid var(--danger-line);border-radius:var(--r-sm);background:var(--danger-soft);color:#ffc9c1;font-size:var(--text-xs);gap:8px;padding:10px 12px;line-height:1.5;display:flex}.auth-password-field{display:block;position:relative}.auth-password-field input{width:100%;padding-right:48px!important}.auth-password-field button{width:40px;height:40px;color:var(--text-3);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-password-field button:hover{background:var(--surface-2);color:var(--text)}.auth-password-field svg{width:18px;height:18px}.auth-screen form>.auth-forgot{min-height:36px;box-shadow:none;color:var(--accent);background:0 0;border:0;margin-top:-4px;font-weight:650}.auth-screen form>.auth-forgot:hover:not(:disabled){background:var(--accent-soft);transform:none}.auth-success{border:1px solid var(--success);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.auth-success{border:1px solid color-mix(in srgb,var(--success) 35%,var(--line))}}.auth-success{background:var(--success);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.auth-success{background:color-mix(in srgb,var(--success) 10%,transparent)}}.auth-success{color:var(--success);font-size:13px;line-height:1.4}.auth-invitation-context{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;gap:4px;padding:14px 16px;display:grid}.auth-invitation-context strong{color:var(--text);font-size:15px}.auth-invitation-context span,.auth-invitation-context small{color:var(--text-3);font-size:12px}.auth-screen .auth-hidden-username{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading-mark{font:600 46px var(--font-display);text-align:center;animation:mark-pulse 1.6s var(--ease) infinite alternate}.auth-screen>.loading-mark+p{text-align:center;margin-top:14px}@keyframes mark-pulse{0%{opacity:.55}to{opacity:1}}@media (max-width:900px){.operations-shell{grid-template-columns:52px minmax(0,1fr)}.operations>header{align-items:flex-start;gap:var(--s-4);flex-direction:column;padding:24px 18px 18px}.operations>:not(header){margin-left:18px;margin-right:18px}:is(.quick-create,.quick-create:has(>h2),.navigation-create){grid-template-columns:1fr}.quick-create>div,.navigation-create>div{grid-template-columns:minmax(0,1fr);min-width:0}.quick-create :where(input,select,textarea),.navigation-create :where(input,select,textarea),.manga-manager :where(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}.operation-table>article>div:first-child,.manga-manager>article>div:first-child{min-width:0}.operation-table>article span,.manga-manager>article span{overflow-wrap:anywhere;word-break:break-word}.quick-create>button{justify-self:stretch;width:100%}.operation-table>article{gap:var(--s-3);grid-template-columns:minmax(0,1fr) auto}.operation-table>article>div:last-child{grid-column:1/-1;justify-content:flex-start}.manga-manager>article>header{align-items:flex-start;gap:var(--s-3);flex-direction:column}.manga-manager>article>form,.manga-manager__filters{grid-template-columns:1fr}.manga-manager__filters span{text-align:left}.manga-manager button{margin:0 6px 0 0}.chapters{margin-left:0}.chapters>section{grid-template-columns:minmax(0,1fr) auto}.theme-customizer__footer{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.skeleton-row{grid-template-columns:minmax(0,1fr);gap:8px}.skeleton-row .skeleton:nth-child(n+2){display:none}.theme-color-grid,.theme-setting-grid{grid-template-columns:minmax(0,1fr)}.theme-color-grid label,.theme-setting-grid label{min-width:0}}@media (pointer:coarse){.operations-shell :where(button,summary,[role=button]),.auth-screen :where(button,summary,[role=button]){min-width:44px;min-height:44px}}.studio-shell{grid-template-columns:78px var(--tree-width,304px) minmax(520px, 1fr);gap:0;padding:0}.studio-shell.no-tree{grid-template-columns:78px minmax(520px,1fr)}.studio-shell.no-inspector{grid-template-columns:78px var(--tree-width,304px) minmax(520px, 1fr)}.studio-shell.no-tree.no-inspector{grid-template-columns:78px minmax(0,1fr)}.studio-shell>.tree-panel,.studio-shell>.workspace,.studio-shell>.inspector-panel{border:0;border-left:1px solid var(--line);box-shadow:none;border-radius:0}.studio-shell:not(.no-inspector){grid-template-columns:78px var(--tree-width,304px) minmax(420px, 1fr) var(--inspector-width,380px)}.studio-shell.no-tree:not(.no-inspector){grid-template-columns:78px minmax(420px, 1fr) var(--inspector-width,380px)}.studio-shell>.inspector-panel{z-index:1;border-left:1px solid var(--line);background:var(--surface-1);width:auto;min-width:0;position:relative}.studio-shell.inspector-floating:not(.no-inspector),.studio-shell.inspector-floating.no-tree:not(.no-inspector){grid-template-columns:78px var(--tree-width,304px) minmax(520px, 1fr)}.studio-shell.inspector-floating.no-tree:not(.no-inspector){grid-template-columns:78px minmax(520px,1fr)}.rail{z-index:70;background:var(--rail-bg);width:78px;position:relative}.rail__inner{width:78px;height:100%;box-shadow:none;border:0;border-radius:0;gap:4px;padding:10px 8px;position:relative;inset:auto;overflow:visible}.rail:hover .rail__inner,.rail__inner:focus-within{width:78px;box-shadow:none}.rail__item,.studio-brand,.rail-more>summary{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;min-height:52px;padding:5px 3px;display:flex}.rail__icon{place-items:center;width:24px;height:24px;margin:0;display:grid}.rail__icon svg{stroke-width:1.8px;width:19px;height:19px}.rail__label,.rail:hover .rail__label,.rail__inner:focus-within .rail__label{opacity:1;width:100%;color:inherit;white-space:normal;font-size:11px;line-height:1.1;display:block;position:static;transform:none}.rail__item.active:before{top:8px;bottom:8px;left:-8px}.rail__nav{gap:3px;overflow:visible}.rail__divider{margin:2px 7px}.rail__hint{display:none}.studio-mark{font-size:21px;font-weight:800}.rail-more{position:relative}.rail-more>summary{cursor:pointer;list-style:none}.rail-more>summary::-webkit-details-marker{display:none}.rail-more__menu{z-index:100;border:1px solid var(--line);background:var(--surface-1);border-radius:14px;grid-template-columns:repeat(2,190px);gap:18px 12px;width:414px;max-height:calc(100svh - 24px);padding:16px;display:grid;position:fixed;top:12px;left:68px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.rail-more__menu{background:color-mix(in srgb, var(--surface-1) 96%, transparent)}}.rail-more__menu{box-shadow:var(--shadow-4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:menu-in var(--t-base) var(--ease-out)}.rail-more__menu section{align-content:start;gap:4px;display:grid}.rail-more__menu strong{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;font-size:11px}.rail-more__menu button{min-height:40px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;display:flex}.rail-more__menu button:hover,.rail-more__menu button.active{background:var(--accent-soft);color:var(--accent)}.rail-more__menu svg{width:17px}.rail-more__menu button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail__appearance{width:62px;padding:3px;position:relative}.rail__appearance-choices{grid-template-columns:repeat(3,32px);gap:2px;width:max-content;padding:3px;display:grid}.rail__appearance-choices button{font-size:12px;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}.avatar{width:25px;height:25px;margin:0}.rail-account{position:relative}.rail-account>summary{cursor:pointer;list-style:none}.rail-account>summary::-webkit-details-marker{display:none}.rail-account__menu{z-index:110;border:1px solid var(--line);background:var(--surface-1);min-width:190px;box-shadow:var(--shadow-3);border-radius:11px;gap:5px;padding:12px;display:grid;position:absolute;bottom:0;left:66px}.rail-account__menu small{color:var(--text-3)}.rail-account__menu button{background:var(--danger-soft);min-height:40px;color:var(--danger);text-align:left;border:0;border-radius:7px;margin-top:5px}.workspace>header{z-index:35;background:var(--surface-1);gap:8px;min-width:0;height:58px;padding:0 10px;position:relative}@supports (color:color-mix(in lab, red, red)){.workspace>header{background:color-mix(in srgb, var(--surface-1) 94%, transparent)}}.workspace>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace>header svg{stroke-width:1.9px;width:17px;height:17px}.workspace>header button{min-width:40px;height:40px}.toolbar-back{padding:0 8px!important}.toolbar-back span{display:none}.history{gap:2px}.viewports{height:42px;padding:3px}.viewports button{width:36px;height:34px;padding:0}.canvas-focus{padding:0 11px!important}.toolbar-save-state{min-width:102px;color:var(--text-3);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:inline-flex}.toolbar-save-state i{background:var(--success);border-radius:50%;width:8px;height:8px}.toolbar-save-state.pending i{background:var(--warning)}.toolbar-save-state.saving i{background:var(--info);animation:1s infinite status-pulse}.toolbar-save-state.failed i{background:var(--danger)}button.toolbar-save-state{min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px}button.toolbar-save-state:hover{background:var(--surface-2);color:var(--danger)}.actions{margin-left:0;padding-left:0}.actions .preview-action{padding:0 12px}.actions .publish{height:40px;box-shadow:0 5px 18px var(--accent-glow);gap:8px;padding:0 15px}.publish-pending-spinner{animation:.8s linear infinite publish-pending-spin}.actions .publish[data-status=waiting-save]{box-shadow:none}@keyframes publish-pending-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.publish-pending-spinner{animation-duration:1.8s}}.publish-count{color:#fff1f2;min-width:19px;height:19px;font-size:11px;font-weight:var(--weight-semibold);background:#b91c1c;border-radius:999px;place-items:center;padding:0 5px;display:grid;box-shadow:0 0 0 1.5px #ffffff47}.editor-more{position:relative}.editor-more>summary{width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:9px;place-items:center;list-style:none;display:grid}.editor-more>summary::-webkit-details-marker{display:none}.editor-more>summary:hover{background:var(--surface-3)}.editor-more__menu{z-index:90;border:1px solid var(--line);background:var(--surface-1);width:260px;box-shadow:var(--shadow-3);animation:menu-in var(--t-base) var(--ease-out);border-radius:12px;gap:3px;padding:9px;display:grid;position:absolute;top:46px;right:0}.editor-more__menu>strong{color:var(--text-4);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px 3px;font-size:10px}.editor-more__menu>button{justify-content:flex-start;width:100%;height:40px;padding:0 9px}.editor-more__menu>small{color:var(--text-3);padding:6px 9px}.preview-link-row{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 9px;display:grid}.preview-link-row small{color:var(--text-3);line-height:1.4}.preview-link-row button{color:var(--danger);font-size:10px;min-width:0!important;height:32px!important;padding:0 7px!important}.editor-more__zoom{min-height:40px;color:var(--text-2);justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;display:flex}.editor-more__zoom select{max-width:130px;min-height:var(--control-h);height:var(--control-h);border:1px solid var(--line);background:var(--well);border-radius:7px}.layout-regions{background:var(--surface-2);border:0;margin:8px 10px 5px}.layout-regions strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15;overflow:hidden}.tree-title{min-height:42px;padding:0 12px}.tree-title>span{align-items:center;gap:7px;display:flex}.tree-title>span b{border-radius:999px;width:auto;height:auto;padding:2px 6px;font-size:10px}.tree-title>small{color:var(--text-3);font-size:11px}.tree{padding:2px 8px 90px}.tree.is-marquee-selecting{cursor:crosshair;-webkit-user-select:none;user-select:none}.tree-selection-marquee{z-index:20;border:1px solid var(--accent);background:var(--accent);border-radius:3px;position:absolute}@supports (color:color-mix(in lab, red, red)){.tree-selection-marquee{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.tree-selection-marquee{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.tree-selection-marquee{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent)}}.tree-selection-marquee{pointer-events:none}.tree-touch-selection{z-index:24;border:1px solid var(--accent-border);background:var(--surface-1);box-shadow:var(--shadow-2);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:1px 8px;margin:2px 0 7px;padding:8px 9px;display:grid;position:sticky;top:0}.tree-touch-selection strong{color:var(--accent);font-size:12px}.tree-touch-selection span{color:var(--text-3);grid-column:1;font-size:10px}.tree-touch-selection button{background:var(--accent);color:#fff;border:0;border-radius:6px;grid-area:1/2/span 2;min-height:34px;padding:0 9px;font-size:11px;font-weight:700}.tree-row.selected>button[role=treeitem]{box-shadow:inset 3px 0 var(--accent)}.tree-row.dragging.selected{opacity:.58}.tree-row{margin:2px 0;position:relative}.tree-row>button[role=treeitem]{touch-action:pan-y;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tree-row.is-hidden .tree-row__label{text-decoration:line-through;text-decoration-thickness:1px}.tree-row>button[role=treeitem]{border-radius:8px;min-height:44px;padding-right:38px}.tree-row__snippet,.tree-row.selected .tree-row__snippet,.tree-row:hover .tree-row__snippet{display:none}.tree-row>button[role=treeitem]>span:first-child svg{width:16px;height:16px}.tree-row .tree-drag-handle{touch-action:none;width:30px;height:30px;right:6px}.tree-drag-handle svg{width:15px;height:15px}.tree-row__actions{border-left:2px solid var(--accent);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:2px 4px 5px 10px;padding:3px 3px 3px 7px;display:grid;position:relative}.tree-row__actions button,.tree-row__more>summary{min-width:0;min-height:42px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 2px;font-size:10px;list-style:none;display:flex}.tree-row__actions button:hover{background:var(--accent-soft);color:var(--accent)}.tree-row__actions button.danger:hover{background:var(--danger-soft);color:var(--danger)}.tree-row__actions svg{width:14px;height:14px}.tree-row__more{min-width:0}.tree-row__more>summary::-webkit-details-marker{display:none}.tree-row__more>summary:hover{background:var(--accent-soft);color:var(--accent)}.tree-row__more>div{z-index:30;border:1px solid var(--line);background:var(--surface-1);min-width:170px;box-shadow:var(--shadow-3);border-radius:9px;padding:5px;display:grid;position:absolute;top:calc(100% + 3px);right:3px}.tree-row__more>div button{flex-direction:row;justify-content:flex-start;min-height:38px;padding:0 9px;font-size:11px}.tree-row>button.tree-insert{z-index:4;background:var(--accent);color:#fff;opacity:0;width:auto;height:34px;min-height:34px;transition:opacity var(--t-fast), transform var(--t-fast);border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:flex;position:absolute;bottom:-12px;left:28px;right:12px;transform:scale(.96)}.tree-row:hover>.tree-insert,.tree-insert:focus-visible{opacity:1;transform:scale(1)}.tree-row.selected>.tree-insert{display:none}.tree-filter:before{content:none}.tree-filter>svg{z-index:2;width:15px;height:15px;color:var(--text-4);pointer-events:none;position:absolute;top:20px;left:9px;translate:0 -50%}.tree-bulk{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;margin:0 10px 8px;padding:8px;display:grid}.tree-bulk strong{grid-column:1/-1;margin:0 0 2px;font-size:12px}.tree-bulk button{background:var(--surface-1);border:0;border-radius:6px;min-width:0;min-height:40px;padding:0 6px;font-size:12px}.tree-bulk button.danger{color:var(--danger)}.add-section{z-index:5;background:var(--surface-1);min-height:42px;box-shadow:var(--shadow-2);border-style:solid;margin:8px 10px;position:sticky;bottom:54px}.tree-panel footer{min-height:44px;padding:0 13px}.canvas{overscroll-behavior:contain;padding:18px 18px 24px}.canvas-dims{z-index:8;background:var(--surface-1);border-radius:7px;align-self:flex-start;margin-right:-108px;padding:5px 8px;position:sticky;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.canvas-dims{background:color-mix(in srgb, var(--surface-1) 88%, transparent)}}.canvas-dims{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-frame{height:calc(100svh - 94px);box-shadow:var(--shadow-3);border-radius:6px}.preview-scale-shell{flex:none;align-self:center;position:relative}.preview-scale-shell>.preview-frame{transition:transform var(--t-slow) var(--ease-out);position:absolute;inset:0 auto auto 0}.preview-bar{display:none}.preview-frame iframe{overscroll-behavior:contain;height:100%}.preview-hint{pointer-events:none;animation:5s both hint-away;top:12px;bottom:auto;left:50%;translate:-50%}.version-conflict{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;align-items:center;gap:12px;padding:9px 14px;display:grid}.version-conflict details{font-size:11px}.version-conflict summary{cursor:pointer;font-weight:650}.version-conflict ul{max-height:120px;margin:6px 0 0;padding-left:18px;overflow:auto}.inspector-panel{overscroll-behavior:contain}.inspector header{align-items:center;min-height:68px;padding:11px 14px}.inspector-id>span{text-transform:none;letter-spacing:0;margin-top:3px;font-size:12px}.inspector-id code{display:none}.inspector-actions svg{width:16px;height:16px}.mode-switch-row{min-height:49px;padding:7px 14px}.mode-switch-pill button{min-height:36px}.mode-switch-row>small{font-size:12px}.inspector-tabs button{min-height:42px}.fields{padding:10px 13px 22px}.content-group{border-bottom:1px solid var(--line-soft)}.content-group>summary{min-height:44px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:650;list-style:none;display:flex}.content-group>summary::-webkit-details-marker{display:none}.content-group>summary:after{content:"+";color:var(--text-4)}.content-group[open]>summary:after{content:"−"}.content-group>summary small{color:var(--text-4);margin-left:auto;margin-right:8px;font-size:10px}.content-group>div{gap:14px;padding:2px 0 16px;display:grid}.fields .field-setting{padding:0;display:block}.content-group .field-setting>span{color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:6px;margin-bottom:6px;display:flex}.content-group .field-setting>span i{color:var(--text-4);margin-left:auto;font-size:9px;font-style:normal;font-weight:500}.content-group .field-setting>span i:first-of-type:not(:last-child){color:var(--accent)}.fields input,.fields select,.inspector-field-control textarea,.design-fields input,.design-fields select{min-height:42px}.field-reset{margin-top:5px;width:max-content!important;min-height:32px!important;color:var(--text-3)!important;padding:0 8px!important;font-size:10px!important}.field-origin{color:var(--text-4);margin-top:4px;font-size:10px;display:block}.rich-editor__toolbar{flex-wrap:wrap;gap:3px}.rich-editor__toolbar button{gap:4px;width:auto;min-width:0;height:34px;padding:0 7px;font-size:10px;display:inline-flex}.rich-editor__toolbar svg{width:13px;height:13px}.simple-note{margin-bottom:8px}.studio-shell button:focus-visible,.studio-shell summary:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell textarea:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.studio-shell button:focus-visible,.studio-shell summary:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, white)}}.studio-shell button:focus-visible,.studio-shell summary:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell textarea:focus-visible{outline-offset:2px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes status-pulse{50%{opacity:.35}}@keyframes hint-away{0%,70%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-5px)}}@media (max-width:1500px){.studio-shell{grid-template-columns:72px 280px minmax(460px,1fr)}.studio-shell.no-tree{grid-template-columns:72px minmax(460px,1fr)}.studio-shell.no-inspector{grid-template-columns:72px 280px minmax(460px,1fr)}.studio-shell.no-tree.no-inspector{grid-template-columns:72px minmax(0,1fr)}.rail,.rail__inner{width:72px}.studio-shell>.inspector-panel{width:min(340px,100vw - 72px)}.canvas-focus span,.toolbar-save-state{display:none}.toolbar-save-state{min-width:14px}.publish-readiness{justify-content:center;width:40px;padding:0;display:inline-flex!important}}@media (max-width:1120px){.studio-shell{grid-template-columns:68px minmax(0,1fr)}.studio-shell>.tree-panel,.studio-shell>.inspector-panel{z-index:60;width:min(360px,100vw - 68px);box-shadow:var(--shadow-4);position:fixed;top:58px;bottom:0}.studio-shell>.tree-panel{left:68px}.studio-shell>.inspector-panel{right:0}.workspace{grid-column:2}.rail,.rail__inner{width:68px}.preview-action{display:none!important}}@media (max-width:900px){.history,.canvas-focus,.editor-presence{display:none!important}}.mobile-editor-bar,.mobile-nav-trigger,.mobile-nav-close,.mobile-nav-scrim,.mobile-page-context{display:none}.studio-shell.inspector-floating>.inspector-panel{width:var(--inspector-width,380px);border-radius:10px;animation:.18s ease-out both inspector-enter}@keyframes inspector-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.inspector header{min-height:70px;padding:11px 14px}.inspector-id>small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;display:block;overflow:hidden;font-size:11px!important}.inspector-id h2{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.inspector-mobile-back{display:none}.inspector-tabs button{border-radius:8px;min-height:42px}.field-setting textarea{min-height:64px}.inspector-search{min-height:42px;margin-bottom:9px}.inspector-section-nav{z-index:2;background:var(--surface-1);padding-block:4px;position:sticky;top:0}.preview-tools{position:relative}.preview-tools>summary{width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:8px;place-items:center;list-style:none;display:grid}.preview-tools>summary::-webkit-details-marker{display:none}.preview-tools>summary:hover,.preview-tools[open]>summary{background:var(--surface-3);color:var(--text)}.preview-tools>summary svg{width:18px;height:18px}.preview-tools>div{z-index:75;border:1px solid var(--line-strong);background:var(--surface-1);width:220px;box-shadow:var(--shadow-4);border-radius:10px;padding:7px;display:grid;position:absolute;top:44px;right:0}.preview-tools>div button{min-height:40px;color:var(--text-2);text-align:left;border-radius:7px;align-items:center;gap:9px;padding:0 10px;display:flex}.preview-tools>div button:hover,.preview-tools>div button.active{background:var(--accent-soft);color:var(--accent)}.preview-tools>div svg{width:16px;height:16px}.preview-tools .preview-scroll-position{margin:2px 4px 6px;padding:7px 8px}.canvas-context{gap:8px}.canvas-context .canvas-mode{min-height:40px;padding-inline:11px}.tree-row{transition:background-color .14s,border-color .14s,transform .14s}.tree-row.selected{transform:translate(2px)}.tree-row__badges i{font-size:11px!important}.publish{white-space:nowrap}.publish-count{font-size:11px!important}@media (max-width:720px){.studio-shell{padding-bottom:64px}.workspace>header{flex-wrap:nowrap;height:58px;min-height:58px;padding:6px 8px}.workspace>header .actions,.workspace>header .ai-assistant-trigger{display:none!important}.workspace>header .viewports{margin-inline:auto}.studio-shell:not(.no-tree)>.tree-panel{animation:.18s ease-out both mobile-panel-in;top:58px;bottom:64px}.studio-shell:not(.no-inspector)>.workspace>header{visibility:hidden}.studio-shell:not(.no-inspector)>.inspector-panel,.studio-shell.inspector-floating:not(.no-inspector)>.inspector-panel{z-index:95;max-width:none;height:auto;box-shadow:none;border:0;border-radius:0;top:0;bottom:64px;left:58px;width:calc(100vw - 58px)!important}.inspector-scrim{display:none}.inspector header{min-height:76px;padding:9px 10px}.inspector-mobile-back{min-width:42px;height:42px;color:var(--accent);border-radius:8px;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.inspector-mobile-back span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.inspector-mobile-back svg{width:18px;height:18px}.inspector-id h2{white-space:normal;max-width:none;line-height:1.15}.inspector-collapse{display:none!important}.inspector-tabs{top:76px}.mobile-editor-bar{z-index:110;height:64px;padding:5px 6px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:var(--surface-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:58px;right:0}@supports (color:color-mix(in lab, red, red)){.mobile-editor-bar{background:color-mix(in srgb,var(--surface-1) 96%,transparent)}}.mobile-editor-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 28px #02061733}.mobile-editor-bar button{min-width:0;min-height:52px;color:var(--text-3);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative;font-size:11px!important}.mobile-editor-bar button svg{width:19px;height:19px}.mobile-editor-bar button.active{background:var(--accent-soft);color:var(--accent)}.mobile-editor-bar .mobile-publish{color:var(--accent);font-weight:700}.mobile-editor-bar button i{background:var(--warning);color:#111827;border-radius:99px;place-items:center;min-width:16px;height:16px;font-size:10px;font-style:normal;display:grid;position:absolute;top:4px;right:calc(50% - 18px)}.canvas{padding-bottom:74px}.canvas-context{scrollbar-width:none;flex-wrap:nowrap;min-height:44px;overflow-x:auto}.canvas-context>span:first-child{display:none}.preview-tools{margin-left:auto}.preview-tools>div{position:fixed;top:auto;bottom:72px;right:10px}@keyframes mobile-panel-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.studio-shell,.studio-shell.no-tree,.studio-shell.no-inspector,.studio-shell.no-tree.no-inspector{grid-template-columns:minmax(0,1fr)!important}.workspace{grid-column:1!important}.rail{z-index:140;pointer-events:none;transition:transform .2s var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-104%);width:min(304px,84vw)!important}.rail.mobile-open{pointer-events:auto;transform:translate(0)}.rail .rail__inner,.rail:hover .rail__inner,.rail__inner:focus-within{box-shadow:var(--shadow-4);border-radius:0 16px 16px 0;padding:12px;width:min(304px,84vw)!important}.mobile-nav-close{z-index:2;background:var(--bg-hover);width:44px;height:44px;color:var(--text-2);border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mobile-nav-close svg{width:19px;height:19px}.rail .studio-brand{padding-right:46px}.rail .rail__item,.rail .studio-brand,.rail .rail-more>summary{grid-template-columns:42px minmax(0,1fr);width:100%;min-height:44px}.rail .rail__label{clip:auto;opacity:1;width:auto;height:auto;position:static;overflow:visible;display:block!important}.rail .rail-more__menu{width:min(290px,100vw - min(304px,84vw) - 20px);position:fixed;inset:10px 10px 10px min(304px,84vw)}.mobile-nav-trigger{z-index:125;border:1px solid var(--line);background:var(--surface-1);border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:7px;left:7px}@supports (color:color-mix(in lab, red, red)){.mobile-nav-trigger{background:color-mix(in srgb,var(--surface-1) 94%,transparent)}}.mobile-nav-trigger{color:var(--text);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav-trigger svg{width:20px;height:20px}.mobile-nav-scrim{z-index:135;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206178f;border:0;display:block;position:fixed;inset:0}.mobile-page-context{gap:1px;min-width:0;max-width:110px;margin-left:48px;display:grid}.mobile-page-context small,.mobile-page-context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-page-context small{color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.mobile-page-context strong{color:var(--text-strong);font-size:12px}.workspace>header .viewports{margin-left:auto;margin-right:0}.studio-shell>.tree-panel{left:0!important}.studio-shell:not(.no-inspector)>.inspector-panel,.studio-shell.inspector-floating:not(.no-inspector)>.inspector-panel{left:0;width:100vw!important}.mobile-editor-bar{left:0}.canvas{touch-action:pan-x pan-y pinch-zoom}.content-group-reset{min-height:44px;margin:4px 12px 8px}}.content-group-reset{min-height:40px;color:var(--text-3);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;margin:2px 12px 6px;padding:0 10px;font-size:12px;display:inline-flex}.content-group-reset:hover{background:var(--bg-hover);color:var(--accent)}.content-group-reset svg{width:15px;height:15px}.canvas .canvas-context{transition:opacity .18s,transform .18s}.canvas.controls-hidden .canvas-context{opacity:0;pointer-events:none;transform:translateY(-8px)}.canvas.controls-hidden:after{content:"Bougez le pointeur pour afficher les commandes";z-index:6;background:var(--surface-1);border-radius:7px;padding:7px 10px;position:fixed;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.canvas.controls-hidden:after{background:color-mix(in srgb,var(--surface-1) 88%,transparent)}}.canvas.controls-hidden:after{color:var(--text-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px}.canvas{cursor:default}.canvas:active{cursor:grabbing}.viewport-comparison{justify-content:center;align-items:flex-start;gap:24px;min-width:max-content;padding:12px 24px 36px;display:flex}.viewport-comparison figure{border:1px solid var(--line-strong);background:var(--surface-1);height:760px;box-shadow:var(--shadow-3);border-radius:10px;flex:none;margin:0;overflow:hidden}.viewport-comparison-scale{flex:none;position:relative}.viewport-comparison-scale>figure{position:absolute;inset:0 auto auto 0}.viewport-comparison figcaption{border-bottom:1px solid var(--line);height:46px;color:var(--text-3);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.viewport-comparison figcaption strong{color:var(--text-strong);font-size:14px}.viewport-comparison figcaption span{font-variant-numeric:tabular-nums;font-size:12px}.viewport-comparison iframe{background:#fff;border:0;width:100%;height:calc(100% - 46px);display:block}@media (max-width:720px){.viewport-comparison{justify-content:flex-start;gap:14px;padding-inline:14px}.canvas.controls-hidden:after{max-width:180px;bottom:74px;right:10px}.studio-shell,.studio-shell.no-tree,.studio-shell.no-inspector,.studio-shell.no-tree.no-inspector{grid-template-columns:minmax(0,1fr)!important}.studio-shell>.tree-panel{left:0}.toolbar-back,.history,.canvas-focus,.editor-presence{display:none!important}.workspace>header{align-content:center;row-gap:4px;height:58px;min-height:58px;padding:6px}.ai-assistant-trigger{justify-content:center;width:40px;min-width:40px;padding:0}.ai-assistant-trigger span{display:none}.actions{justify-content:flex-end;width:100%;margin-left:0;padding-left:0}.studio-shell>.tree-panel{top:58px}.studio-shell:not(.no-tree)>.tree-panel{z-index:30;box-shadow:var(--shadow-4);display:flex}.inspector-scrim{top:58px}.actions .publish{padding:0 10px}.actions .publish svg{display:none}.rail-more__menu{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100vw - 74px);max-width:calc(100vw - 74px);padding:12px;left:66px}}@media (prefers-reduced-motion:reduce){.rail-more__menu,.editor-more__menu,.preview-hint{animation:none}}.studio-shell{--editor-rail:78px;--editor-tree:304px}.tree-panel>header{min-height:76px}.tree-panel>header>div:first-child{min-width:0}.tree-panel>header>div:last-child{gap:4px}.tree-panel>header button svg{width:17px;height:17px}.page-state{width:max-content;color:var(--text-3);align-items:center;margin-top:3px;font-size:12px;line-height:1.2;display:inline-flex}.page-state:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:6px}.layout-regions{gap:3px;padding:3px}.layout-regions button{min-height:52px;padding:6px 7px}.layout-regions strong{font-size:12px}.layout-regions small{margin-top:2px;font-size:11px;line-height:1.15;display:block}.layout-regions button:not(.active) small{color:var(--text-4)}.tree-title{min-height:44px}.tree-title,.tree-filter,.tree-kind-filter,.tree-selection-actions{flex:none}.tree-fold-actions{gap:2px;display:flex}.tree-fold-actions button{width:40px;height:40px;color:var(--text-3);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.tree-fold-actions button:hover{background:var(--surface-3);color:var(--text)}.tree-fold-actions svg{width:17px;height:17px}.tree-kind-filter{scrollbar-width:none;gap:4px;margin:0 10px 8px;padding-bottom:2px;display:flex;overflow-x:auto}.tree-kind-filter::-webkit-scrollbar{display:none}.tree-kind-filter button{min-height:36px;color:var(--text-3);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 10px;font-size:12px}.tree-kind-filter button:hover{background:var(--surface-3);color:var(--text)}.tree-kind-filter button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.tree-selection-actions{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 10px 8px;padding:6px;display:grid}.tree-selection-actions>span{min-width:0;color:var(--text-2);grid-column:1/-1;align-items:center;gap:7px;padding:2px 5px 5px;font-size:12px;display:flex}.tree-selection-actions>span svg{width:16px;height:16px;color:var(--accent);flex:none}.tree-selection-actions>button,.tree-selection-more>summary{min-width:0;min-height:44px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:11px;list-style:none;display:flex}.tree-selection-actions>button:hover,.tree-selection-more>summary:hover{background:var(--accent-soft);color:var(--accent)}.tree-selection-more{min-width:0;position:relative}.tree-selection-more>summary::-webkit-details-marker{display:none}.tree-selection-more>div{z-index:50;border:1px solid var(--line);background:var(--surface-1);width:190px;box-shadow:var(--shadow-3);border-radius:10px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.tree-selection-more>div button{min-height:42px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.tree-selection-more>div button:hover{background:var(--surface-3)}.tree-selection-more>div button.danger{border-top:1px solid var(--line-soft);color:var(--danger);margin-top:4px}.tree-row__actions{display:none}.tree-row>button[role=treeitem]{min-height:46px}.tree-row .tree-drag-handle{width:38px;height:38px}.tree-row>button.tree-insert{pointer-events:none}.tree-row:hover>button.tree-insert{pointer-events:auto}.tree-bulk{flex-wrap:wrap}.tree-bulk strong{flex:1 0 100%;font-size:12px}.tree-bulk button{min-height:40px;font-size:12px}.add-section{justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:auto;display:flex;bottom:8px}.add-section svg{width:17px;height:17px}.viewports button{gap:3px;width:48px;min-width:48px;height:36px;padding:0 5px}.viewports button span{color:var(--text-4);font-size:10px}.viewports button.active span{color:currentColor}.publish-count.warning{color:#fff7ed;background:#b45309}.skip-to-canvas{z-index:10000;color:#fff;transition:translate var(--t-fast);background:#1d4ed8;border-radius:8px;padding:10px 14px;font-weight:700;position:fixed;top:8px;left:88px;translate:0 -160%}.skip-to-canvas:focus{translate:0}.workspace .canvas:focus-visible{outline:3px solid var(--focus-ring,#60a5fa);outline-offset:-3px}.canvas-context .canvas-tool{min-height:34px;color:var(--text-3);border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.canvas-context .canvas-tool svg{width:15px;height:15px}.canvas-context .canvas-tool:hover,.canvas-context .canvas-tool.active{background:var(--accent-soft);color:var(--accent)}.toolbar-save-state.offline{color:var(--warning)}.toolbar-save-state.offline i{background:var(--warning);box-shadow:0 0 0 4px var(--warning)}@supports (color:color-mix(in lab, red, red)){.toolbar-save-state.offline i{box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 18%, transparent)}}.publish-readiness{border:1px solid var(--line-strong);background:var(--bg-soft);min-height:40px;color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.publish-readiness svg{width:17px;height:17px;color:var(--accent)}.publish-readiness:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text-strong)}.publish-readiness-dialog{border:1px solid var(--line-strong);background:var(--bg);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100vw - 40px);min-width:0;max-width:720px;height:min(780px,100dvh - 48px);max-height:calc(100dvh - 48px);padding:0;display:grid;overflow:hidden;box-shadow:0 30px 100px #00000080}.studio-modal-overlay{z-index:3000;overscroll-behavior:contain;padding:clamp(12px,3vw,32px);overflow:hidden auto}.studio-modal-overlay>:where(.publish-readiness-dialog,.named-history){margin:auto}.publish-readiness-dialog>header,.publish-readiness-dialog>footer{background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.publish-readiness-dialog>header{border-bottom:1px solid var(--line)}.publish-readiness-dialog>footer{z-index:2;border-top:1px solid var(--line);box-shadow:0 -10px 28px var(--bg);flex-wrap:wrap;align-items:end;margin:0;position:relative}@supports (color:color-mix(in lab, red, red)){.publish-readiness-dialog>footer{box-shadow:0 -10px 28px color-mix(in srgb, var(--bg) 88%, transparent)}}.publish-readiness-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 22px 22px;overflow:hidden auto}.publish-readiness-dialog>header small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.publish-readiness-dialog>header h2{margin:4px 0 0;font-size:clamp(21px,3vw,25px);line-height:1.15}.publish-readiness-dialog>header button{border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.publish-readiness-dialog:focus{outline:0}.publish-scope{background:var(--bg-soft);border-radius:10px;gap:6px;margin:20px 0;padding:16px;display:grid}.publish-scope>span,.publish-scope li{color:var(--text-3);font-size:13px}.publish-scope ul{gap:5px;margin:5px 0 0;padding-left:20px;display:grid}.publish-check-list{gap:8px;display:grid}.publish-check-list>button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.publish-check-list>button>span:first-child{background:var(--success-soft);width:28px;height:28px;color:var(--success);border-radius:999px;place-items:center;font-weight:800;display:grid}.publish-check-list>button[data-level=warning]>span:first-child{background:var(--warning-soft);color:var(--warning)}.publish-check-list>button[data-level=error]>span:first-child{background:var(--danger-soft);color:var(--danger)}.publish-check-list>button>span:nth-child(2){gap:3px;display:grid}.publish-check-list small{color:var(--text-3);font-size:12px;line-height:1.4}.publish-check-list em{color:var(--accent);font-size:12px;font-style:normal;font-weight:700}.publish-check-list>button:not(:disabled):hover{border-color:var(--accent-border);background:var(--accent-soft)}.publish-check-list>button:not(:disabled):focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.publish-check-list>button:disabled[data-level=error],.publish-check-list>button:disabled[data-level=warning]{opacity:1;cursor:default}.publish-footer__secondary{align-items:end;gap:12px;min-width:0;display:flex}.publish-footer__secondary>button{min-height:42px;color:var(--text-3);white-space:nowrap;padding:0 8px}.publish-footer__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.publish-footer__actions>button{white-space:nowrap;min-height:42px;padding:0 14px}.publish-readiness-dialog>footer .publish-auto-fix{white-space:nowrap;text-align:center}.publish-schedule-field{gap:3px;width:205px;min-width:0;display:grid}.publish-schedule-field>span{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.publish-schedule-field>input{border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px}.publish-schedule-field>input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.simple-field>span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.simple-field>span em{color:var(--text-4);font-size:12px;font-style:normal;font-weight:500}.simple-field>small{color:var(--text-4);font-size:12px;line-height:1.45}.design-field.invalid input{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.design-field>small[role=alert]{color:var(--danger);font-size:12px;line-height:1.4}.design-inheritance{background:var(--bg-soft);color:var(--text-4);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;padding:9px 10px;font-size:12px;display:flex}.design-inheritance i{opacity:.6;font-style:normal}.design-inheritance b{color:var(--text-2)}.design-inheritance em{color:var(--accent);flex-basis:100%;font-style:normal}.appearance-compare{grid-template-columns:1fr 1fr;gap:7px;display:grid}.appearance-compare>span{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:9px;display:flex}.appearance-compare i{color:inherit;opacity:.7;font-size:12px;font-style:normal}.appearance-compare b{font-size:20px}@media (max-width:1420px){.publish-readiness span{display:none}.publish-readiness{justify-content:center;width:40px;padding:0}}@media (max-width:760px){.studio-modal-overlay{place-items:end center;padding:8px}.studio-modal-overlay>:where(.publish-readiness-dialog,.named-history){border-radius:14px 14px 10px 10px;width:100%;max-height:calc(100dvh - 16px);margin:auto 0 0}.publish-readiness-dialog{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.publish-readiness-dialog>header,.publish-readiness-dialog>footer{padding:14px 16px}.publish-readiness-scroll{padding:0 16px 16px}.publish-readiness-dialog>footer{grid-template-columns:1fr;align-items:stretch;display:grid}.publish-footer__secondary{grid-template-columns:auto minmax(0,1fr);align-items:end;display:grid}.publish-footer__actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;display:grid}.publish-footer__actions>button{white-space:normal;width:100%}.publish-schedule-field{width:100%;min-width:0}.publish-check-list>button{grid-template-columns:30px 1fr}.publish-check-list em{grid-column:2}}@media (max-width:480px){.publish-readiness-dialog>header{padding-inline:14px}.publish-readiness-dialog>header small{font-size:10px}.publish-readiness-dialog>footer{max-height:42dvh;overflow-y:auto}.publish-footer__secondary,.publish-footer__actions{grid-template-columns:1fr}.publish-footer__secondary>button{justify-content:flex-start;padding-inline:0}}.canvas{background-image:none;flex-direction:column;align-items:center;gap:10px;padding:10px 14px 18px;display:flex;position:relative}.canvas-context{width:min(1280px,100%);min-height:42px;color:var(--text-3);align-items:center;gap:12px;padding:0 4px;display:flex}.canvas-context>span:first-child{min-width:0;margin-right:auto;display:grid}.canvas-context b{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-context small,.canvas-scale{font-size:12px}.canvas-scale{white-space:nowrap}.preview-help{min-height:38px;color:var(--text-3);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.preview-help:hover{background:var(--surface-3);color:var(--text)}.preview-help svg{width:16px;height:16px}.canvas-dims,.preview-hint{display:none}.preview-frame{flex:auto;max-height:calc(100svh - 128px)}.preview-frame:focus-within{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.preview-frame:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 68%, transparent)}}.preview-frame:focus-within{outline-offset:3px}.inspector-scrim{display:none}.inspector header{z-index:6;position:sticky;top:0}.inspector-actions button{flex:0 0 42px;width:42px;height:42px}.inspector-actions .inspector-close{border-left:1px solid var(--line-soft);margin-left:3px}.mode-switch-row>small{color:var(--text-3)}.inspector-search{z-index:4;border:1px solid var(--line);background:var(--surface-1);border-radius:9px;grid-template-columns:20px minmax(0,1fr) 40px;align-items:center;min-height:44px;margin-bottom:8px;padding:0 4px 0 10px;display:grid;position:sticky;top:0}.inspector-search>svg{width:16px;height:16px;color:var(--text-4)}.inspector-search input{min-width:0;min-height:42px;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.inspector-search button{width:40px;height:40px;color:var(--text-3);background:0 0;border:0;place-items:center;display:grid}.inspector-empty-search{color:var(--text-3);padding:24px 8px;font-size:13px;line-height:1.5}.content-group>summary{min-height:48px;font-size:13px}.content-group>summary small{font-size:12px}.content-group .field-setting>span{font-size:13px}.content-group .field-setting>span i{background:var(--surface-3);border-radius:999px;padding:2px 6px;font-size:11px}.field-reset{align-items:center;gap:6px;margin-top:6px;min-height:40px!important;padding:0 8px!important;font-size:12px!important;display:inline-flex!important}.field-reset svg{width:14px;height:14px}.field-origin{color:var(--text-3);margin-top:5px;font-size:12px}.field-origin summary{cursor:pointer;align-items:center;gap:5px;min-height:32px;list-style:none;display:inline-flex}.field-origin summary::-webkit-details-marker{display:none}.field-origin svg{width:14px;height:14px}.field-origin small{color:var(--text-4);padding:4px 0 7px 19px;font-size:12px;display:block}.media-technical{color:var(--text-3);margin-top:8px;font-size:12px}.media-technical summary{cursor:pointer;min-height:36px}.rich-editor__toolbar button{min-height:40px;padding-inline:9px;font-size:12px}@media (max-width:1440px){.studio-shell{grid-template-columns:72px 288px minmax(0,1fr)}.studio-shell.no-tree,.studio-shell.no-tree.no-inspector{grid-template-columns:72px minmax(0,1fr)}.studio-shell>.inspector-panel{width:min(340px,100vw - 72px)}.canvas-focus span{display:inline}.toolbar-save-state{min-width:16px}.toolbar-save-state:not(.failed){font-size:0}}@media (max-width:1120px){.studio-shell>.inspector-panel{z-index:82;border-top:1px solid var(--line);width:auto;height:min(52svh,560px);inset:auto 0 0 68px;box-shadow:0 -20px 46px #02061747}.inspector-scrim{z-index:79;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0206172e;border:0;display:block;position:fixed;inset:58px 0 0 68px}.canvas{padding-inline:10px}.canvas-context small,.preview-help span{display:none}.preview-help{justify-content:center;width:40px;padding:0;font-size:0}.preview-help svg{display:block}}@media (max-width:760px){.viewports button span,.canvas-scale,.canvas-focus span{display:none}.viewports button{width:38px;min-width:38px}.studio-shell>.inspector-panel{height:min(62svh,620px);left:58px}.inspector-scrim{left:58px}}@media (hover:none){.tree-row>button.tree-insert{display:none}}@media (min-width:1441px){.studio-shell:not(.no-inspector){grid-template-columns:78px 304px minmax(520px, 1fr) var(--inspector-width,360px)}.studio-shell.no-tree:not(.no-inspector){grid-template-columns:78px minmax(520px, 1fr) var(--inspector-width,360px)}.studio-shell>.inspector-panel{z-index:40;width:auto;min-width:0;height:100svh;box-shadow:none;border-top:0;grid-column:-2/-1;position:relative;top:auto;bottom:auto;right:auto}.studio-shell.inspector-floating:not(.no-inspector){grid-template-columns:78px 304px minmax(520px,1fr)}.studio-shell.inspector-floating.no-tree:not(.no-inspector){grid-template-columns:78px minmax(520px,1fr)}.studio-shell.inspector-floating>.inspector-panel{z-index:80;width:var(--inspector-width,360px);border:1px solid var(--line-strong);height:auto;box-shadow:var(--shadow-4);border-radius:12px;position:fixed;top:70px;bottom:14px;right:14px}.studio-shell.inspector-floating>.inspector-scrim{display:none}}.inspector-resizer{z-index:12;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:14px;padding:0;position:absolute;top:0;bottom:0;left:-7px}.inspector-resizer:after{content:"";background:var(--line);width:3px;height:52px;transition:background var(--t-fast), scale var(--t-fast);border-radius:999px;position:absolute;top:50%;left:5px;translate:0 -50%}.inspector-resizer:hover:after,.inspector-resizer:focus-visible:after{background:var(--accent);scale:1.5 1}.inspector-id h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-actions{flex:none}.inspector-actions .inspector-level{border:1px solid var(--accent-border);background:var(--accent-soft);width:auto;min-width:58px;color:var(--accent);padding:0 9px;font-size:11px;font-weight:700}.mode-switch-row{display:none}.inspector-tabs{z-index:5;background:var(--surface-1);position:sticky;top:68px}.fields,.inspector-section{scroll-padding-top:58px}.global-scope-note{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text-2);border-radius:9px;align-items:flex-start;gap:8px;margin:4px 10px 8px;padding:9px 10px;font-size:12px;line-height:1.45;display:flex}.global-scope-note svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:1px}.global-scope-note b{color:var(--text);display:block}.page-action-status{border-bottom:1px solid var(--line-soft);background:var(--warning-soft);color:var(--text-2);margin:0;padding:7px 12px;font-size:12px;line-height:1.4}.tree-selection-actions>span small{color:var(--text-4);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.canvas-mode,.preview-help{flex:none}.canvas-mode{border:1px solid var(--line);background:var(--surface-1);min-height:38px;color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.canvas-mode:hover,.canvas-mode.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.canvas-mode svg{width:15px;height:15px}.history-versions{margin-left:3px;border-left:1px solid var(--line)!important}.media-current{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:8px;display:grid}.media-current img{object-fit:cover;border-radius:7px;width:64px;height:52px}.media-current span{gap:3px;min-width:0;display:grid}.media-current b,.media-current small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-current b{color:var(--text);font-size:12px}.media-current small{color:var(--text-3);font-size:11px}.media-current button{background:var(--surface-1);min-height:40px;color:var(--danger);border:0;border-radius:7px;padding:0 9px;font-size:12px}.media-picker__grid button{position:relative;overflow:hidden}.media-picker__grid button span{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;background:#020617c7;border-radius:4px;padding:3px 4px;font-size:9px;line-height:1.15;position:absolute;inset:auto 2px 2px;overflow:hidden}[data-theme=light] .canvas,[data-theme=light] .workspace>header{background-color:#f8fafc}[data-theme=light] .tree-panel,[data-theme=light] .inspector-panel,[data-theme=light] .rail{background-color:#fff}[data-theme=light] .tree-selection-actions,[data-theme=light] .layout-regions{background:#f1f5f9;border-color:#0000}[data-theme=light] .fields input,[data-theme=light] .fields select,[data-theme=light] .inspector-field-control textarea,[data-theme=light] .inspector-search{background:#fff;border-color:#cbd5e1}[data-theme=light] .tree-row>button[role=treeitem]:not(.selected){border-color:#0000}@media (max-width:1440px){.inspector-resizer{display:none}}@media (max-width:1120px){.inspector-tabs{top:68px}.tree-selection-actions>span small,.canvas-mode{display:none}}@media (max-width:620px){.history-versions,.canvas-context>span:first-child{display:none!important}.canvas-context{box-sizing:border-box;justify-content:flex-start;gap:4px;overflow:hidden}.canvas-context .canvas-mode,.canvas-context .canvas-tool,.canvas-context .preview-help{flex:0 0 38px;justify-content:center;gap:0;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-flex;font-size:0!important}.canvas-context .canvas-mode svg,.canvas-context .canvas-tool svg,.canvas-context .preview-help svg{width:16px;height:16px;display:block}.inspector-actions .inspector-level{min-width:52px;padding:0 6px}}.studio-shell{--tree-width:304px;--inspector-width:400px}.tree-panel>header{min-height:64px;padding:10px 14px}.layout-regions{border-radius:10px;margin:10px 12px 14px;padding:4px}.layout-regions button{min-width:0;min-height:54px;padding:8px 6px}.tree-title{min-height:38px;padding-inline:14px}.tree-filter{padding:4px 12px 8px}.tree-filter input{height:40px}.tree-kind-menu{margin-inline:12px}.tree-selection-actions{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;grid-template-columns:minmax(0,1fr) repeat(4,46px);gap:2px;margin:8px 12px 10px;padding:4px;overflow:visible}.tree-selection-actions>span{min-width:0;padding:0 8px}.tree-selection-actions>span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-selection-actions>button,.tree-selection-more>summary{min-height:42px;padding:3px}.tree-selection-actions>button:nth-of-type(n+4){display:none}.tree-selection-more>div{width:236px;max-height:min(520px,100svh - 250px);top:calc(100% + 6px);right:0;overflow-y:auto}.tree-selection-more>div button{min-height:40px}.tree-selection-more>div button:disabled{opacity:.42;cursor:not-allowed}.tree-menu-heading{color:var(--text-4);letter-spacing:.07em;text-transform:uppercase;padding:8px 10px 5px;font-size:10px;font-weight:750;display:block}.tree-menu-separator{background:var(--line);height:1px;margin:5px;display:block}.tree{scrollbar-gutter:stable;padding:0 12px 18px}.tree-row>button[role=treeitem]{border:1px solid #0000;min-height:48px}.tree-row.selected>button[role=treeitem]{border-color:var(--accent-border);box-shadow:inset 3px 0 0 var(--accent)}.tree-row__badges{margin-top:3px}.tree-end-add{width:100%;margin:14px 0 28px}.studio-shell>.inspector-panel,.studio-shell.inspector-floating>.inspector-panel{width:min(var(--inspector-width,400px), calc(100vw - 78px));scrollbar-gutter:stable;overflow:hidden auto}.inspector header{gap:10px;min-height:68px;padding:10px 14px}.inspector-id h2{margin:3px 0 2px;font-size:16px}.inspector-id>span{margin-top:2px;font-size:11px}.inspector-actions button{width:36px;height:36px}.inspector-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px 10px;top:0}.inspector-tabs button{border-radius:7px;min-height:40px;padding:0 6px;font-size:11px}.inspector-tabs button svg{width:15px;height:15px}.inspector-jump{z-index:4;border-bottom:1px solid var(--line);background:var(--surface-1);grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:7px 12px;display:grid;position:sticky;top:55px}@supports (color:color-mix(in lab, red, red)){.inspector-jump{background:color-mix(in srgb,var(--surface-1) 96%,transparent)}}.inspector-jump{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-3);font-size:11px;font-weight:700}.inspector-jump select{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:36px;color:var(--text);border-radius:7px;padding:0 30px 0 10px}.inspector-guidance{border-radius:8px;min-height:0;margin:0 0 10px;padding:10px 11px}.inspector-guidance>svg{width:18px;height:18px}.inspector-guidance small{display:none}.style-tools{margin-bottom:10px}.style-tools button{min-height:38px}.design-inheritance{margin-bottom:8px;padding:8px 10px}.appearance-compare{margin-bottom:10px}.design-group,.content-group{border-radius:9px;margin-bottom:8px}.design-group>summary,.content-group>summary{min-height:46px;padding-inline:12px}.tour-highlight{isolation:isolate;outline-offset:5px;border-radius:10px;position:relative;z-index:190!important;outline:3px solid #60a5fa!important;box-shadow:0 0 0 9999px #020617d1,0 0 0 8px #60a5fa2e!important}.editor-tour{z-index:220;border:1px solid var(--accent);width:min(390px,100vw - 32px);padding:20px;position:fixed}@supports (color:color-mix(in lab, red, red)){.editor-tour{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line))}}.editor-tour{background:var(--surface-1);color:var(--text);transition:top .2s var(--ease-out), left .2s var(--ease-out);border-radius:14px;animation:.2s ease-out both inspector-enter;box-shadow:0 24px 80px #02061761}.editor-tour__arrow{border:solid var(--accent);width:16px;height:16px;position:absolute}@supports (color:color-mix(in lab, red, red)){.editor-tour__arrow{border:solid color-mix(in srgb,var(--accent) 42%,var(--line))}}.editor-tour__arrow{background:var(--surface-1);rotate:45deg}.editor-tour--right .editor-tour__arrow{border-width:0 0 1px 1px;top:50%;left:-9px;translate:0 -50%}.editor-tour--left .editor-tour__arrow{border-width:1px 1px 0 0;top:50%;right:-9px;translate:0 -50%}.editor-tour--below .editor-tour__arrow{border-width:1px 0 0 1px;top:-9px;left:50%;translate:-50%}.editor-tour--above .editor-tour__arrow{border-width:0 1px 1px 0;bottom:-9px;left:50%;translate:-50%}.editor-tour__progress{gap:4px;margin:0 42px 17px 0;display:flex}.editor-tour__progress i{background:var(--surface-3);border-radius:999px;flex:1;height:4px}.editor-tour__progress i.done{background:var(--accent)}.editor-tour__close{width:36px;height:36px;color:var(--text-3);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.editor-tour__close:hover{background:var(--surface-2);color:var(--text)}.editor-tour>small{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.editor-tour h2{margin:7px 0 8px;font-size:22px;line-height:1.15}.editor-tour p{color:var(--text-2);margin:0;font-size:14px;line-height:1.55}.editor-tour footer{align-items:center;gap:6px;margin-top:20px;display:flex}.editor-tour footer span{color:var(--text-4);margin-right:auto;font-size:11px}.editor-tour footer button{border-radius:8px;min-height:40px;padding:0 12px;font-weight:700}.editor-tour footer .quiet{border:1px solid var(--line);color:var(--text-2);background:0 0}.editor-tour footer .primary{border:1px solid var(--accent);background:var(--accent);color:#fff}@media (max-width:720px){.editor-tour{width:calc(100vw - 24px)}.tour-highlight{z-index:190!important}.inspector-jump{top:58px}}.tree-block-preview{z-index:80;top:160px;left:calc(72px + var(--tree-width) + 14px);border:1px solid var(--line);background:var(--surface-1);width:280px;box-shadow:var(--shadow-4);pointer-events:none;border-radius:12px;padding:8px;animation:.14s ease-out tree-preview-in;position:fixed}.tree-block-preview>strong{text-overflow:ellipsis;white-space:nowrap;padding:2px 3px 8px;font-size:12px;display:block;overflow:hidden}.tree-block-preview>div{background:var(--well);border-radius:8px;width:264px;height:180px;overflow:hidden}.tree-block-preview iframe{transform-origin:0 0;border:0;width:390px;height:844px;transform:scale(.677)}@keyframes tree-preview-in{0%{opacity:0;transform:translate(-6px)scale(.98)}}@media (max-width:720px){.tree-block-preview{width:min(280px,100vw - 28px);top:90px;left:50%;transform:translate(-50%)}.tree-block-preview>div{width:100%}}.layout-regions small{color:var(--text)}.tree-title>span b{background:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.tree-title>span b{background:color-mix(in srgb, var(--surface-3) 72%, #0f172a)}}.tree-title>span b{color:var(--text)}.tree-row>button.tree-insert{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tree-row>button.tree-insert{background:color-mix(in srgb, var(--accent) 58%, #0f172a)}}.tree-row>button.tree-insert{color:#fff}.editor-presence>span,.canvas-live-presence__people>span,.remote-cursor b{background:var(--presence-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.editor-presence>span,.canvas-live-presence__people>span,.remote-cursor b{background:color-mix(in srgb, var(--presence-color,var(--accent)) 55%, #0f172a)}}.editor-presence>span,.canvas-live-presence__people>span,.remote-cursor b{color:#fff}@media (pointer:coarse){.studio-shell :where(button,summary,[role=button],[role=treeitem]),.dialog-overlay :where(button,summary,[role=button]),.auth-screen :where(button,summary,[role=button]){min-width:44px;min-height:44px}.studio-shell :where(.tree-drag-handle,.field-reset,.rich-editor__toolbar button,.preview-link-row button){min-width:44px!important;min-height:44px!important}}.tree-kind-menu{margin:-2px 12px 8px}.tree-kind-menu>summary{min-height:36px;color:var(--text-3);cursor:pointer;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:650;list-style:none;display:inline-flex}.tree-kind-menu>summary::-webkit-details-marker{display:none}.tree-kind-menu>summary svg{width:16px;height:16px}.tree-kind-menu>summary b{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;display:grid}.tree-kind-menu[open]{border-bottom:1px solid var(--line-soft);padding:0 8px 8px}.tree-kind-menu[open]>summary{color:var(--accent)}.tree-kind-menu .tree-kind-filter{margin:3px 0 0}.tree-panel{background:var(--surface-1)}.tree-panel>header{border-bottom:1px solid var(--line-strong);background:var(--surface-1)}.page-state{color:var(--text-2);font-weight:650}.layout-regions{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:10px 12px 8px;padding:4px}.layout-regions button{border:1px solid #0000;border-radius:9px;min-height:58px}.layout-regions button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text);box-shadow:none}.layout-regions strong{color:inherit;font-size:13px!important}.layout-regions small{color:var(--text-3);font-size:12px}.tree-title{padding-inline:14px}.tree-title>span{color:var(--text-2);letter-spacing:.06em}.tree-filter{margin-inline:12px}.tree-filter input,.tree-kind-filter select{border-color:var(--line-strong);background:var(--surface-1);color:var(--text)}.tree-selection-actions{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:3px;min-height:48px;margin:2px 12px 8px;padding:4px;display:flex}.tree-selection-actions>span{min-width:0;color:var(--text-3);flex:auto;padding:0 7px}.tree-selection-actions>span b{font-size:12px;font-weight:650}.tree-selection-actions>button,.tree-selection-more>summary{border-radius:8px;flex:0 0 40px;width:40px;min-height:40px;padding:0}.tree-selection-actions>button span,.tree-selection-more>summary span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tree-selection-actions svg{width:18px;height:18px}.tree{padding-inline:10px}.tree-row{margin-block:3px}.tree-row>button[role=treeitem]{min-height:46px;color:var(--text-2);border:1px solid #0000;border-radius:9px}.tree-row>button[role=treeitem]:hover{border-color:var(--line);background:var(--surface-2);color:var(--text)}.tree-row.selected>button[role=treeitem]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.tree-row.is-hidden>button[role=treeitem]{opacity:.72}.tree-end-add{border-color:var(--accent-border);color:var(--accent);background:0 0;margin:14px 12px 28px}[data-theme=light] .tree-panel,[data-theme=light] .tree-panel>header{background:#fff}[data-theme=light] .tree-row>button[role=treeitem]{color:#334155}[data-theme=light] .tree-row.selected>button[role=treeitem]{color:#0f172a;background:#e8f0ff;border-color:#7aa2ff}[data-theme=light] .tree-title>span,[data-theme=light] .page-state{color:#334155}.inspector-tabs{border-bottom:1px solid var(--line);background:var(--surface-1);gap:0;padding:0 18px}.inspector-tabs button{min-height:52px;color:var(--text-3);box-shadow:none;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.inspector-tabs button:hover{color:var(--text);background:0 0}.inspector-tabs button.active{border-color:var(--accent);color:var(--accent);box-shadow:none;background:0 0}.inspector-parent{gap:6px;min-width:62px;border:1px solid var(--accent-border)!important;background:var(--accent-soft)!important;width:auto!important;color:var(--accent)!important;padding-inline:9px!important;display:inline-flex!important}.inspector-parent span{font-size:12px;font-weight:700}.inspector-guidance{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr);margin-bottom:18px;padding:0 0 14px}.inspector-guidance>svg{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;width:34px;height:34px;padding:8px}.design-inheritance{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:10px 0}.appearance-compare>span{border-color:var(--line-strong);background:var(--surface-2)}.design-group,.content-group{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0}.design-group:last-child,.content-group:last-child{border-bottom:1px solid var(--line)}.design-group>summary,.content-group>summary{color:var(--text);padding-inline:4px}.design-group>div,.content-group>div{padding-inline:4px}.design-field,.field-setting{border-color:var(--line-soft)}[data-theme=light] .inspector-tabs button{color:#52647a}[data-theme=light] .inspector-tabs button.active{color:#1d4ed8}.inspector-actions .inspector-collapse,.inspector-actions .inspector-close{width:36px;height:36px}.inspector-actions .inspector-collapse svg,.inspector-actions .inspector-close svg{width:18px;height:18px}.inspector-collapsed-bar{background:var(--surface-1);flex-direction:column;align-items:center;gap:8px;height:100%;min-height:0;padding:10px 7px;display:flex}.inspector-collapsed-bar button{width:42px;height:42px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;display:grid}.inspector-collapsed-bar button:hover,.inspector-collapsed-bar button:focus-visible{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.inspector-collapsed-bar button:last-child{margin-top:auto}.inspector-collapsed-bar>span{color:var(--text-3);letter-spacing:.03em;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:700;overflow:hidden}@media (min-width:1441px){.studio-shell.inspector-collapsed:not(.no-inspector){grid-template-columns:78px 304px minmax(520px,1fr) 58px}.studio-shell.inspector-collapsed.no-tree:not(.no-inspector){grid-template-columns:78px minmax(520px,1fr) 58px}}.studio-shell.inspector-collapsed>.inspector-panel{width:58px;box-shadow:none;overflow:hidden}@media (max-width:1440px) and (min-width:1121px){.studio-shell.inspector-collapsed>.inspector-panel{width:58px;top:58px;bottom:0;right:0}}@media (max-width:1120px){.studio-shell.inspector-collapsed>.inspector-panel{width:auto;height:58px;left:68px}.inspector-collapsed-bar{flex-direction:row;padding:7px 10px}.inspector-collapsed-bar>span{writing-mode:horizontal-tb}.inspector-collapsed-bar button:last-child{margin-top:0;margin-left:auto}}@media (max-width:760px){.studio-shell.inspector-collapsed>.inspector-panel{left:58px}}.studio-shell :where(button,label,summary,small,code,input,select,textarea){font-size:max(12px,1em)!important}@media (min-width:1441px){.studio-shell,.studio-shell.no-inspector,.studio-shell.inspector-floating:not(.no-inspector){grid-template-columns:78px var(--tree-width,304px) minmax(520px, 1fr)}}.tree-panel{position:relative}.tree-resizer{z-index:12;cursor:col-resize;touch-action:none;width:12px;position:absolute;top:0;bottom:0;right:-6px;min-width:12px!important;height:auto!important}.tree-resizer:after{background:var(--line-strong);content:"";border-radius:4px;width:2px;height:34px;position:absolute;top:45%;left:5px}.tree-resizer:hover:after,.tree-resizer:focus-visible:after{background:var(--accent)}.tree-row__badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.tree-row__badges i{background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:2px 5px;font-size:10px;font-style:normal;font-weight:700;line-height:1.2;text-decoration:none}.tree-row.remote-editing .tree-row__badges i:last-child{background:var(--accent-soft);color:var(--accent)}.tree-hidden-divider{border-top:1px solid var(--line);color:var(--text-2);align-items:center;gap:7px;margin:12px 4px 6px;padding:8px 6px 5px;font-size:12px;font-weight:750;display:flex}.tree-hidden-divider svg{width:15px;height:15px}.tree-row.is-hidden>button[role=treeitem]{opacity:1;color:var(--text-2);border-style:dashed}.tree-row.is-hidden :where(.tree-row__label,.tree-row__snippet){text-decoration:none!important}.tree-selection-actions{flex-wrap:wrap;align-items:center;gap:3px;display:flex;overflow:visible}.tree-selection-actions>span{flex:1 0 100%;min-width:0}.tree-selection-actions>button,.tree-selection-more>summary{flex-basis:auto;width:auto;min-width:42px;padding-inline:9px}.tree-selection-actions>button span,.tree-selection-more>summary span{clip-path:none;width:auto;height:auto;font-size:11px;position:static}.tree-selection-actions>button{align-items:center;gap:5px;display:inline-flex}.version-conflict{border-bottom:1px solid var(--danger);grid-template-columns:minmax(210px,.75fr) minmax(180px,.65fr) minmax(480px,1.6fr);align-items:center;gap:10px;min-height:54px;padding:7px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.version-conflict{border-bottom:1px solid color-mix(in srgb, var(--danger) 35%, var(--line))}}.version-conflict{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.version-conflict{background:color-mix(in srgb, var(--danger) 9%, var(--surface-1))}}.version-conflict>span{color:var(--text);gap:2px;display:grid}.version-conflict>span small{color:var(--text-2)}.version-conflict details{position:relative}.version-conflict details[open]>:where(ul,p){z-index:70;border:1px solid var(--line-strong);background:var(--surface-1);width:min(420px,70vw);max-height:240px;box-shadow:var(--shadow-4);border-radius:10px;margin:0;padding:12px 14px 12px 30px;position:absolute;top:28px;left:0;overflow:auto}.version-conflict__actions{justify-content:flex-end;gap:6px;display:flex!important}.version-conflict__actions button{white-space:nowrap;align-items:center;gap:6px;min-height:40px;padding:0 10px;display:inline-flex}.version-conflict__actions button:first-child{border-color:var(--danger);background:var(--danger);color:#fff}.version-conflict__actions .quiet{background:0 0;border-color:#0000}.version-conflict__actions svg{width:15px;height:15px}.presence-lock{z-index:45;border:1px solid var(--line-strong);background:var(--surface-1);border-radius:999px;max-width:min(520px,100% - 32px);padding:7px 11px;position:absolute;inset:auto 18px 18px auto}@supports (color:color-mix(in lab, red, red)){.presence-lock{background:color-mix(in srgb, var(--surface-1) 94%, transparent)}}.presence-lock{box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:none}.rail__appearance-choices{grid-template-columns:repeat(3,40px)}.rail__appearance-choices button{width:40px!important;min-width:40px!important;height:40px!important}.presence-lock span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.presence-lock span>i{background:var(--presence-color,var(--accent));border-radius:50%;flex:none;width:9px;height:9px}.remote-cursor b{transform:translate(7px,8px);box-shadow:0 3px 10px #02061740}.canvas-context{flex-wrap:wrap;gap:6px}.canvas-context>span:first-child{min-width:130px}.mobile-sizes{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:2px;display:inline-flex}.mobile-sizes button{min-width:42px;min-height:34px;color:var(--text-2);border-radius:6px}.mobile-sizes button.active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-1)}.preview-scroll-position{background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 7px;min-width:auto!important}.canvas-context :where(button,.mobile-sizes button){min-height:40px}.canvas-live-presence{top:58px}.workspace>header .ai-assistant-trigger span{display:none}.workspace>header .actions{margin-left:0}.workspace>header .publish-readiness{min-height:40px}.workspace>header .publish-readiness span{white-space:nowrap}@media (max-width:1320px){.version-conflict{grid-template-columns:minmax(190px,1fr) auto}.version-conflict details{display:none}.version-conflict__actions{grid-column:2}.version-conflict__actions .quiet{display:none}.tree-selection-actions>button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:900px){.tree-resizer{display:none}.version-conflict{flex-wrap:wrap;display:flex}.version-conflict>span{flex:220px}.version-conflict__actions{flex:100%;justify-content:flex-start;overflow-x:auto}.version-conflict__actions button{min-width:max-content}.canvas-context .canvas-scale,.preview-scroll-position{display:none}.canvas-context .canvas-tool{min-width:40px;padding-inline:9px;font-size:0!important}.canvas-context .canvas-tool svg{margin:0}.canvas-context :where(.canvas-mode,.preview-help){width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.layout-regions small{display:none!important}.layout-regions button{min-height:48px}.studio-shell:not(.no-tree) .presence-lock{display:none}.studio-shell:not(.no-inspector)>.inspector-panel,.studio-shell.inspector-floating:not(.no-inspector)>.inspector-panel{max-width:calc(100vw - 58px);display:block;left:58px;right:0;width:calc(100vw - 58px)!important}}.studio-shell :where(.layout-regions strong,.tree-title>span b,.tree-title>small,.tree-row__actions button,.tree-row__more>summary,.tree-bulk strong,.tree-bulk button,.content-group>summary small,.field-setting>span i,.field-reset,.field-origin,.inspector-level,.named-history__list span,.presence-lock){font-size:12px!important}.studio-shell .rail__label{white-space:normal;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;font-size:11px;line-height:1.15}.rich-editor__toolbar{scrollbar-width:thin;flex-wrap:nowrap;gap:3px;display:flex;overflow-x:auto}.rich-editor__toolbar button{flex:none;min-height:40px}.tree-bulk button,.preview-link-row button,.field-reset{min-height:40px!important}.media-performance{background:var(--warning-soft);color:var(--warning);border-radius:8px;align-items:flex-start;gap:7px;margin:0;padding:9px 10px;font-size:12px;line-height:1.4;display:flex}.media-performance svg{flex:none;width:16px;height:16px}.crop-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.crop-previews figure{background:var(--well);border-radius:7px;min-width:0;margin:0;position:relative;overflow:hidden}.crop-previews img{object-fit:cover;width:100%;height:100%}.crop-previews figcaption{color:#e2e8f0;text-align:center;background:#0f172ad6;border-radius:4px;padding:3px 5px;font-size:12px;position:absolute;inset:auto 4px 4px}.media-reset-crop{border:1px solid var(--line);min-height:40px;color:var(--text-2);border-radius:8px}.repeatable-editor{gap:7px;display:grid}.repeatable-editor__row{background:var(--bg-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) 40px 40px auto;align-items:center;gap:4px;min-height:50px;padding:6px;display:grid}.repeatable-editor__row>span{gap:2px;min-width:0;display:grid}.repeatable-editor__row small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repeatable-editor__row button{border-radius:7px;min-width:40px;min-height:40px}.repeatable-editor__row button.danger{color:var(--danger)}.repeatable-editor__add{border:1px dashed var(--accent-border);min-height:42px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:7px;display:flex}.repeatable-editor__add svg{width:16px;height:16px}.inspector-section-nav{z-index:5;background:linear-gradient(var(--surface-1) 78%,transparent);scrollbar-width:none;gap:4px;padding:5px 0 8px;display:flex;position:sticky;top:0;overflow-x:auto}.inspector-section-nav button{background:var(--bg-soft);min-height:36px;color:var(--text-3);border-radius:999px;flex:none;padding:0 10px}.inspector-section-nav button:hover{background:var(--accent-soft);color:var(--accent)}.content-group{scroll-margin-top:48px}.inspector-actions button svg{width:17px;height:17px}.inspector-more{position:relative}.inspector-more>summary{width:42px;height:42px;color:var(--text-3);cursor:pointer;border-radius:8px;place-items:center;list-style:none;display:grid}.inspector-more>summary::-webkit-details-marker{display:none}.inspector-more>div{z-index:12;border:1px solid var(--line);background:var(--surface-1);min-width:150px;box-shadow:var(--shadow-3);border-radius:9px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.inspector-more>div button{justify-content:flex-start;gap:8px;width:100%;height:36px;padding:0 10px;display:flex}.inspector-more>div button.danger{color:var(--danger)}.inspector-id span{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inspector-section-nav button{align-items:center;gap:6px;display:inline-flex}.inspector-section-nav button svg{width:15px;height:15px}.compact-textarea{resize:vertical;border:1px solid var(--line);background:var(--well);width:100%;min-height:54px;max-height:132px;color:var(--text);font:inherit;border-radius:8px;padding:10px 11px;line-height:1.45}.compact-textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.tree-kind-filter{color:var(--text-3);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:12px;display:grid;overflow:visible}.tree-kind-filter select{border:1px solid var(--line);background:var(--well);min-width:0;min-height:40px;color:var(--text-2);border-radius:8px;padding:0 30px 0 10px;font-size:12px}.tree-empty button{border:1px solid var(--line);background:var(--surface-1);min-height:40px;color:var(--accent);border-radius:8px;margin:10px auto 0;padding:0 10px;display:block}.tree-end-add{border:1px dashed var(--accent-border);width:calc(100% - 8px);min-height:42px;color:var(--accent);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin:10px 4px 24px;display:flex}.tree-end-add:hover:not(:disabled){background:var(--accent-soft)}.tree-end-add svg{width:16px;height:16px}.studio-shell>.inspector-panel{width:min(var(--inspector-width,460px), calc(100vw - 78px))}.studio-shell.inspector-floating>.inspector-panel{width:var(--inspector-width,460px)}.inspector header{border-bottom:1px solid var(--line-soft);gap:14px;min-height:82px;padding:15px 18px}.inspector-id h2{font-size:20px;line-height:1.2}.inspector-id>span{color:var(--text-3);margin-top:6px;font-size:13px}.inspector-actions{gap:5px}.inspector-tabs{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;padding:10px 16px 12px;display:grid;top:82px}.inspector-tabs button{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:48px;color:var(--text-2);border-radius:10px;gap:8px;padding:0 12px;font-weight:700}.inspector-tabs button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.inspector-tabs button>svg{width:18px;height:18px}.inspector-section,.fields{padding:18px 20px 36px}.inspector-guidance{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px;padding:14px;display:grid}.inspector-guidance>svg{background:var(--surface-1);width:42px;height:42px;color:var(--accent);border-radius:10px;padding:10px}.inspector-guidance>span{gap:4px;display:grid}.inspector-guidance b{color:var(--text);font-size:14px}.inspector-guidance small{color:var(--text-3);font-size:13px;line-height:1.5}.inspector-section--design .style-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.inspector-section--design .style-tools button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:48px;padding:0 10px;display:inline-flex}.inspector-section--design .style-tools svg,.simple-reset svg{width:17px;height:17px}.design-groups{gap:14px}.design-inheritance{border:1px solid var(--line-soft);border-radius:11px;padding:12px 14px}.appearance-compare{gap:10px}.appearance-compare>span{border-radius:11px;min-height:72px;padding:13px}.design-group{border:1px solid var(--line);background:var(--surface-1);border-radius:12px;overflow:hidden}.design-group>summary{min-height:54px;padding:0 15px;font-size:14px}.design-group>div{gap:0;padding:0 14px 14px}.design-field{border-top:1px solid var(--line-soft);gap:10px;padding:13px 0}.design-field>span{color:var(--text-2);font-size:13px;font-weight:650}.design-field .segmented{min-height:44px}.content-group{border:1px solid var(--line);background:var(--surface-1);border-radius:12px;margin-bottom:12px;overflow:hidden}.simple-reset{justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:16px;display:flex}@media (max-width:1440px) and (min-width:1121px){.studio-shell>.inspector-panel{width:min(420px,100vw - 72px)}}.insertion-choice{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:5px;margin:12px 18px 4px;padding:6px;display:grid}.inspector-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-tabs button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.inspector-view-mode{border-bottom:1px solid var(--line);color:var(--text-3);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:700;display:grid}.inspector-view-mode select{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:36px;color:var(--text);border-radius:7px;padding:0 30px 0 10px}.fields .inspector-search{min-height:40px;margin:2px 0 10px;padding:0 4px 0 10px;display:grid}.fields .inspector-search input{min-height:38px;padding:0 7px}.fields .inspector-search button{min-height:36px}.content-group{border-radius:9px;margin-bottom:8px}.content-group>summary{min-height:44px;padding-inline:12px}.content-group>div{padding:0 12px 10px}.field-setting{padding-block:10px}.field-setting :where(input,select,textarea){border-radius:8px;min-height:40px}.content-group .field-setting>span i{background:var(--accent-soft);color:var(--accent)}.tree-row>.tree-row__ai{z-index:3;border:1px solid var(--accent-border);background:var(--surface-1);width:28px;min-height:28px;color:var(--accent);opacity:0;box-shadow:var(--shadow-1);border-radius:7px;place-items:center;padding:0;transition:opacity .14s,transform .14s,background .14s;display:grid;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.tree-row:hover>.tree-row__ai,.tree-row.selected>.tree-row__ai,.tree-row:focus-within>.tree-row__ai{opacity:1}.tree-row>.tree-row__ai:hover{background:var(--accent-soft);transform:translateY(-50%)scale(1.04)}.tree-row>.tree-row__ai svg{width:14px;height:14px}.tree-selection-actions>.tree-selection-ai{color:var(--accent)}.inspector-actions .inspector-ai{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent)}@media (hover:none),(max-width:720px){.tree-row>.tree-row__ai{opacity:1}.ai-assistant-scope{flex-direction:column;align-items:stretch}.ai-assistant-scope>div{align-self:flex-start}}.insertion-choice>span{color:var(--text-3);padding:0 7px;font-size:12px;font-weight:650}.insertion-choice button{min-height:42px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:7px;padding:0 10px;font-size:12px}.insertion-choice button:hover:not(:disabled){background:var(--surface-3)}.insertion-choice button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.insertion-choice button:disabled{opacity:.42}@media (max-width:620px){.insertion-choice{grid-template-columns:1fr}.insertion-choice>span{padding-block:5px}}.media-upload>div>.file-field{grid-column:span 2}.file-field{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--well);cursor:pointer;transition:border-color var(--t-fast) var(--ease);align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.file-field:hover{border-color:var(--accent)}.file-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.file-field input[type=file]{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.file-field__button{border-radius:calc(var(--r-sm) - 2px);background:var(--surface-3);min-height:28px;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none;align-items:center;padding:0 12px;display:inline-flex}.file-field:hover .file-field__button{background:var(--accent);color:var(--accent-ink)}.file-field__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-3);font-size:var(--text-xs);overflow:hidden}.operations input[type=file]{color:var(--text-3);font-size:var(--text-xs);cursor:pointer;padding:7px 11px}.operations input[type=file]::file-selector-button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:30px;color:var(--text-2);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);margin-right:10px;padding:0 12px}.operations input[type=file]::file-selector-button:hover{background:var(--surface-3);color:var(--text)}.tree-panel>.tree-title>span{color:var(--text-3);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;gap:6px}.tree-panel>.tree-filter{align-items:center;gap:6px;padding:6px 12px 8px;display:flex}.tree-panel>.tree-filter input{flex:1;min-width:0;height:36px}.tree-panel>.tree-kind-menu>summary{min-height:30px;font-size:12px}.tree-panel>header{border-bottom:1px solid var(--line);min-height:94px;padding:14px 14px 12px}.tree-panel>header>div:first-child{gap:3px}.tree-panel>header>div:first-child>span{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.tree-panel>header select{min-height:34px;color:var(--text-strong);padding:0 26px 0 0;font-size:16px;font-weight:720}.tree-panel>header>div:last-child{align-self:start;gap:2px}.tree-panel>header button{border-radius:8px;width:34px;height:34px}.tree-panel>header button:hover:not(:disabled){background:var(--surface-2)}.tree-panel>header button:disabled{opacity:.28}.page-state{max-width:100%;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.layout-regions{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:2px;margin:10px 12px;padding:3px}.layout-regions button{text-align:left;border:0;border-radius:9px;gap:3px;min-height:54px;padding:7px 8px}.layout-regions button:hover:not(.active){background:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.layout-regions button:hover:not(.active){background:color-mix(in srgb, var(--surface-3) 68%, transparent)}}.layout-regions button.active{background:var(--surface-1);color:var(--text-strong);box-shadow:0 1px 2px #0f172a14, inset 0 0 0 1px var(--accent-border);border:0}.layout-regions strong{color:inherit;text-overflow:clip;white-space:normal;line-height:1.15;overflow:visible;font-size:12px!important}.layout-regions small{color:var(--text-4);text-overflow:clip;white-space:normal;margin:0;font-size:10px;line-height:1.15;display:block;overflow:visible}.layout-regions button.active small{color:var(--accent)}.global-scope-note{background:var(--accent-soft);color:var(--text-2);border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr);gap:2px 9px;margin:0 12px 8px;padding:11px 12px;display:grid}.global-scope-note>svg{width:18px;height:18px;color:var(--accent);grid-row:1/span 2;margin-top:1px}.global-scope-note>span{gap:2px;min-width:0;display:grid}.global-scope-note b{color:var(--text-strong);font-size:12px;line-height:1.25}.global-scope-note small{color:var(--text-3);font-size:11px;line-height:1.4}.region-visibility-toggle{width:max-content;min-height:30px;color:var(--text-2);cursor:pointer;grid-column:2;align-items:center;gap:7px;margin-top:7px;font-size:11px;font-weight:650;display:inline-flex}.region-visibility-toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.region-visibility-toggle i{border:1px solid var(--line-strong);background:var(--surface-3);width:30px;height:18px;transition:background var(--t-fast), border-color var(--t-fast);border-radius:999px;position:relative}.region-visibility-toggle i:after{content:"";background:var(--text-4);width:12px;height:12px;transition:translate var(--t-fast), background var(--t-fast);border-radius:50%;position:absolute;top:2px;left:2px}.region-visibility-toggle input:not(:checked)+i{border-color:var(--accent-border);background:var(--accent)}.region-visibility-toggle input:not(:checked)+i:after{background:#fff;translate:12px}.region-visibility-toggle input:focus-visible+i{outline:3px solid var(--accent-glow);outline-offset:2px}.layout-variant-picker{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0 12px 8px;padding:10px 0 2px}.layout-variant-picker__heading{margin:0 2px 8px}.layout-variant-picker__heading strong{font-size:12px}.layout-variant-picker__heading small{max-width:none;font-size:10px}.layout-variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tree-panel>.tree-title{min-height:38px;padding:8px 14px 2px}.tree-panel>.tree-title>span{color:var(--text-3);letter-spacing:.09em;font-size:10px}.tree-title>span b{background:var(--surface-3);color:var(--text-3);padding:2px 6px;font-size:9px}.tree-panel>.tree-filter{margin:4px 12px 2px;padding:0}.tree-panel>.tree-filter input{border-color:var(--line);background:var(--surface-1);border-radius:9px;height:38px;padding-left:34px}.tree-panel>.tree-filter>svg{top:19px;left:10px}.tree-panel>.tree-kind-menu{margin:2px 12px 4px}.tree-panel>.tree-kind-menu>summary{min-height:32px;color:var(--text-3);padding:0 4px;font-size:11px}.tree-empty--region{text-align:center;align-content:start;place-items:center;gap:7px;min-height:250px;padding:38px 24px 24px;display:grid}.tree-empty__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.tree-empty__icon svg{width:20px;height:20px}.tree-empty--region>strong{color:var(--text-strong);font-size:13px}.tree-empty--region>p{max-width:220px;color:var(--text-3);margin:0;font-size:11px;line-height:1.45}.tree-empty .tree-empty__primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:6px;min-height:38px;margin:10px 0 0;padding:0 14px;font-weight:700;display:inline-flex}.tree-empty .tree-empty__primary:hover:not(:disabled){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tree-empty .tree-empty__primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, black)}}.tree-empty .tree-empty__primary svg{width:15px;height:15px}.tree-empty:not(.tree-empty--region){text-align:center;justify-items:center;gap:5px;padding:28px 14px;display:grid}.tree-empty:not(.tree-empty--region) p{margin:0}.tree-end-add{border-style:solid;border-color:var(--line);background:var(--surface-1);width:calc(100% - 24px);min-height:40px;color:var(--text-2);margin:12px}.tree-end-add:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}[data-theme=light] .layout-regions{background:#f1f5f9}[data-theme=light] .layout-regions button.active{background:#fff;box-shadow:0 1px 3px #0f172a14,inset 0 0 0 1px #93b4ff}[data-theme=light] .global-scope-note{background:#eff6ff}[data-theme=light] .tree-empty__icon{background:#e8f0ff}.tree{scrollbar-color:#2563eb #2563eb1a}.tree-panel:hover .tree,.tree:focus-within{scrollbar-color:#1d4ed8 #2563eb1a}.inspector>header{min-height:82px;padding:13px 16px}.inspector-id{min-width:0}.inspector-id small{color:var(--text-3);font-size:11px;font-weight:600}.inspector-id h2{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:18px;line-height:1.2;display:-webkit-box;overflow:hidden}.inspector-actions>button,.inspector-actions>details>summary{border-radius:10px;width:38px;min-height:38px}.inspector-tabs{gap:6px;padding:9px 16px 11px;top:82px}.inspector-tabs button{min-height:44px;box-shadow:none;background:0 0;border-color:#0000}.inspector-tabs button:hover{background:var(--bg-hover)}.inspector-tabs button.active{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:none}.inspector .fields{padding:14px 16px 36px}.fields .inspector-search{background:var(--surface-1);border-radius:11px;min-height:44px;margin:0 0 14px}.fields .inspector-search input{min-height:42px;font-size:13px}.content-group{border:0;border-top:1px solid var(--line-soft);background:0 0;border-radius:0;margin:0;overflow:visible}.content-group:first-of-type{border-top:0}.content-group>summary{min-height:48px;padding:0}.content-group>summary>span{font-size:14px;font-weight:750}.content-group>summary small{color:var(--text-4);margin-right:10px;font-size:11px;font-weight:550}.content-group>div{gap:0;padding:0 0 8px}.content-group-reset{min-height:32px;color:var(--text-3);background:0 0;border:0;margin:-2px 0 4px;padding:0 8px;font-size:11px}.field-setting{border-top:1px solid var(--line-soft);padding:12px 0 14px;position:relative}.field-setting:first-child{border-top:0}.content-group .field-setting>.field-setting__header{align-items:center;gap:8px;min-height:28px;margin:0 0 7px;display:flex}.field-setting__header>b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.field-setting.is-modified:before{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:21px;left:-10px}.field-restore{min-height:28px;color:var(--text-3);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;margin-left:auto;padding:0 7px;font-size:10px;font-weight:650;display:inline-flex}.field-restore:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.field-restore svg{width:13px;height:13px}.field-setting :where(input,select,textarea){border-color:var(--line);background:var(--surface-1);border-radius:10px;min-height:44px;padding:10px 12px;font-size:13px;line-height:1.45}.field-setting textarea.compact-textarea{field-sizing:content;resize:vertical;min-height:44px;max-height:160px}.field-setting :where(input,select,textarea):hover:not(:disabled){border-color:var(--line-strong)}.field-setting :where(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-origin{margin-top:6px}.field-origin summary{min-height:26px;color:var(--text-4);align-items:center;gap:5px;padding:0 3px;font-size:10px;display:inline-flex}.field-origin summary:hover{color:var(--text-2)}.field-origin small{background:var(--bg-soft);color:var(--text-3);border-radius:7px;margin-top:3px;padding:7px 9px;font-size:10px;line-height:1.4;display:block}[data-theme=light] .field-setting :where(input,select,textarea),[data-theme=light] .fields .inspector-search{background:#fff}@media (max-width:1280px){.field-restore span{display:none}.field-restore{justify-content:center;width:28px;padding:0}}.design-group--technical{background:0 0;border-style:dashed;margin-top:6px}.design-group--technical>summary{min-height:44px;color:var(--text-3);font-size:12px}.design-group--technical:not([open])>summary:after{content:"Optionnel";color:var(--text-4);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;margin-right:8px;font-size:9px;font-weight:600}.simple-design{padding-top:2px}.simple-design>.simple-field:first-child{border-top:0}.studio-shell{--studio-control-radius:9px;--studio-panel-gutter:12px}.tree-panel>header,.workspace>header,.inspector>header{border-color:var(--line)}.layout-regions{margin:10px var(--studio-panel-gutter);gap:3px;padding:3px}.layout-regions button{text-align:center;place-content:center;min-height:46px;padding:7px 4px}.layout-regions strong{white-space:nowrap;line-height:1.2;font-size:11px!important}.layout-regions small{display:none}.global-scope-note{margin:0 var(--studio-panel-gutter) 8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px}.global-scope-note>svg{grid-row:auto;width:17px;height:17px;margin:0}.global-scope-note>span{display:block}.global-scope-note small{display:none}.region-visibility-toggle{grid-column:3;width:auto;min-height:28px;margin:0}.region-visibility-toggle>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.region-visibility-toggle--standalone{width:auto;min-height:32px;margin:0 12px 8px auto;padding:0 2px;display:inline-flex}.region-visibility-toggle--standalone>span{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.layout-variant-picker{margin-inline:var(--studio-panel-gutter);padding-top:9px}.layout-variant-picker__heading{margin-bottom:7px}.layout-variant-picker__heading small{display:none}.layout-variant-options>button{gap:5px;padding:5px}.tree-panel>.tree-title{padding-inline:14px}.tree-panel>.tree-filter,.tree-panel>.tree-kind-menu{margin-inline:var(--studio-panel-gutter)}.tree-row>button{min-height:44px}.tree-end-add{margin-inline:var(--studio-panel-gutter)}.workspace>header button,.workspace>header .toolbar-save-state,.workspace>header .editor-presence{min-height:40px}.workspace>header svg{width:16px;height:16px}.canvas-context{justify-content:flex-end;min-height:48px}@media (min-width:721px){.workspace>header .toolbar-back{display:none}}@media (max-width:720px){.tree-panel>header>div:first-child>span{display:none}.tree-panel>header{min-height:66px}.global-scope-note{grid-template-columns:18px minmax(0,1fr) auto}.layout-regions button{min-height:44px}.layout-variant-picker{padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.studio-shell *,.studio-shell :before,.studio-shell :after{scroll-behavior:auto!important}}.page-switcher{flex:1;min-width:0;position:relative}.page-switcher__trigger{border-radius:var(--r-sm);width:100%;min-height:34px;color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:2px 0 1px;padding:0 6px 0 8px;display:flex}.page-switcher__trigger:hover{border-color:var(--line);background:var(--surface-2)}.page-switcher__title{white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--track-tight);flex:1;overflow:hidden}.page-switcher__trigger svg{width:16px;height:16px;color:var(--text-3);flex:none}.page-switcher__menu{z-index:90;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-4);display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.page-switcher__search{border-bottom:1px solid var(--line-soft);align-items:center;gap:7px;padding:8px 10px;display:flex}.page-switcher__search svg{width:15px;height:15px;color:var(--text-4);flex:none}.page-switcher__search input{min-width:0;min-height:28px;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.page-switcher__menu ul{max-height:320px;margin:0;padding:5px;list-style:none;overflow-y:auto}.page-switcher__menu li button{border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--text-2);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease);background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:5px 8px;display:grid}.page-switcher__menu li button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.page-switcher__menu li button.active{background:var(--accent-soft);color:var(--text)}.page-switcher__menu li button:disabled{opacity:.45;cursor:not-allowed}.page-switcher__menu li button svg{width:16px;height:16px;color:var(--text-4)}.page-switcher__menu li button.active svg{color:var(--accent)}.page-switcher__menu li button>span{gap:1px;min-width:0;display:grid}.page-switcher__menu li button strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden}.page-switcher__menu li button small{white-space:nowrap;text-overflow:ellipsis;color:var(--text-4);font-family:var(--font-mono);font-size:var(--text-2xs);overflow:hidden}.page-switcher__empty{color:var(--text-3);font-size:var(--text-sm);text-align:center;padding:18px 12px}.page-switcher__menu footer{border-top:1px solid var(--line-soft);padding:5px}.page-switcher__spinner{color:var(--primary);animation:.8s linear infinite page-switcher-spin}.page-switcher__pending{border-top:1px solid var(--border);color:var(--text-2);align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:12px;display:flex}.page-switcher__pending svg{width:15px;height:15px}@keyframes page-switcher-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-switcher__spinner{animation-duration:1.8s}}.rail__pending-spinner{animation:.8s linear infinite page-switcher-spin}.rail__navigation-pending{min-height:42px;color:var(--primary);justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.rail__navigation-pending svg{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.rail__pending-spinner{animation-duration:1.8s}}.page-switcher__menu footer button{border-radius:var(--r-sm);width:100%;min-height:38px;color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 10px;display:flex}.page-switcher__menu footer button:hover:not(:disabled){background:var(--accent-soft)}.page-switcher__menu footer button:disabled{opacity:.45;cursor:not-allowed}.page-switcher__menu footer svg{width:15px;height:15px}.page-state{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-3);font-size:var(--text-2xs);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.page-state:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.page-state--live{color:var(--success)}.page-state--pending{color:var(--warning)}.page-state--draft{color:var(--text-4)}.named-history>.primary-action{min-height:var(--control-h);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--t-fast) var(--ease);align-items:center;gap:8px;margin:4px 0 6px;padding:0 16px;display:inline-flex}.named-history>.primary-action:hover:not(:disabled){background:var(--accent-hover)}.named-history>.primary-action:disabled{opacity:.45;cursor:not-allowed}.named-history>.primary-action svg{width:16px;height:16px}.named-history__list article{transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);align-items:flex-start;gap:14px}.named-history__list article:hover{border-color:var(--line-strong)}.named-history__list article>div{gap:3px;min-width:0;display:grid}.named-history__list strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.3}.named-history__list article>div>span{color:var(--text-3);font-size:var(--text-2xs)}.named-history__list article>div>small{color:var(--text-4);font-size:var(--text-2xs)}.named-history__same{color:var(--success)!important}.named-history__list details{margin-top:4px}.named-history__list summary{color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;gap:5px;padding:3px 0;list-style:none;display:inline-flex}.named-history__list summary::-webkit-details-marker{display:none}.named-history__list summary:before{content:"▸";transition:transform var(--t-fast) var(--ease);font-size:9px}.named-history__list details[open] summary:before{transform:rotate(90deg)}.named-history__list details ul{border-radius:var(--r-sm);background:var(--well);gap:3px;margin:6px 0 0;padding:8px 10px;list-style:none;display:grid}.named-history__list details li{color:var(--text-2);font-size:var(--text-2xs);line-height:1.45}.named-history__list article>button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);flex:none;align-self:center;padding:0 14px}.named-history__list article>button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.named-history__list article>button:disabled{opacity:.4;cursor:not-allowed}.page-switcher__menu strong,.page-switcher__menu small,.page-switcher__menu input,.page-switcher__menu .page-switcher__empty,.page-switcher__title,.page-state{text-transform:none;letter-spacing:normal}.tree-panel>header>.page-switcher{min-width:0;display:grid}.page-switcher__menu li button>span{text-align:left;justify-items:start}.page-switcher__menu li button strong,.page-switcher__menu li button small{text-align:left;width:100%}.page-switcher__search input{text-align:left}.tree-panel>header>.page-switcher>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-switcher__menu li button{text-align:left;justify-items:stretch}.page-switcher__menu li button>svg{justify-self:center}.tree-panel>header>.page-switcher>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--text-2xs);display:block;overflow:hidden}.canvas-page-switcher{z-index:70;width:min(310px,42%);min-width:210px;margin-right:auto;position:relative}.canvas-page-switcher .page-switcher__trigger{border-color:var(--line);background:var(--surface-1);border-radius:10px;min-height:44px;margin:0;padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.canvas-page-switcher .page-switcher__trigger{background:color-mix(in srgb, var(--surface-1) 94%, transparent)}}.canvas-page-switcher .page-switcher__trigger{box-shadow:0 1px 2px #0f172a0d}.canvas-page-switcher .page-switcher__trigger:hover,.canvas-page-switcher .page-switcher__trigger[aria-expanded=true]{border-color:var(--accent-border);background:var(--surface-1);box-shadow:0 0 0 3px var(--accent-glow)}.canvas-page-switcher .page-switcher__file{width:17px;height:17px;color:var(--accent)}.page-switcher__current{text-align:left;flex:1;gap:1px;min-width:0;display:grid}.page-switcher__current strong,.page-switcher__current small{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:normal;overflow:hidden}.page-switcher__current strong{color:var(--text);font-size:12px;font-weight:700}.page-switcher__current small{color:var(--text-4);font-family:var(--font-mono);font-size:9px}.canvas-page-switcher .page-switcher__menu{border-radius:12px;width:min(340px,100vw - 32px);top:calc(100% + 8px);right:auto}.canvas-page-switcher .page-switcher__menu footer{gap:2px;display:grid}.canvas-page-switcher .page-switcher__menu footer .page-switcher__delete{color:var(--danger)}.canvas-page-switcher .page-switcher__menu footer .page-switcher__delete:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.canvas-page-switcher .page-switcher__menu footer .page-switcher__delete:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent)}}.canvas-page-switcher>.page-creator{z-index:92;border:1px solid var(--line);background:var(--surface-1);width:min(340px,100vw - 32px);box-shadow:var(--shadow-4);border-radius:12px;margin:0;position:absolute;top:52px;left:0}@media (max-width:760px){.canvas-page-switcher{width:46px;min-width:46px}.canvas-page-switcher .page-switcher__trigger{justify-content:center;width:46px;padding:0}.canvas-page-switcher .page-switcher__current,.canvas-page-switcher .page-switcher__trigger>svg:last-child{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}