@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--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{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.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}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:var(--spacing);height:var(--spacing)}.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{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.columns-3{columns:3}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-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)}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.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)}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.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}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.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:#0b1220;--surface-1:#151f32;--surface-2:#1b2940;--surface-3:#273a58;--well:#101a2b;--bg-subtle:#111b2d;--bg-hover:#20314c;--line:#334155;--line-soft:#27364b;--line-strong:#64748b;--text:#e2e8f0;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#8495aa;--accent:#6ea8ff;--accent-hover:#9fc5ff;--accent-ink:#fff;--accent-soft:#16305a;--accent-line:#3975c4;--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:#f6f8fc;--surface-1:#fff;--surface-2:#f0f4fa;--surface-3:#e4ebf5;--well:#fff;--bg-subtle:#eff3f9;--bg-hover:#e7edf6;--line:#cbd5e1;--line-soft:#e2e8f0;--line-strong:#aebed1;--text:#101828;--text-2:#344054;--text-3:#52657d;--text-4:#66758b;--accent:#155eef;--accent-hover:#004eeb;--accent-ink:#fff;--accent-soft:#e6efff;--accent-line:#84adff;--accent-glow:#155eef33;--accent-wash:#155eef14;--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:#edf2f9;--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}.layout-variant-picker__heading>div{gap:3px;display:flex}.layout-variant-picker__heading button{border:1px solid var(--line);background:var(--bg);width:28px;height:28px;color:var(--text-3);border-radius:6px;place-items:center;padding:0;display:grid}.layout-variant-picker__heading button:hover{border-color:var(--accent-border);color:var(--accent)}.layout-variant-picker__heading button svg{width:14px}.layout-variant-picker__heading button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.layout-variant-create{border:1px dashed var(--line-strong);width:100%;min-height:34px;color:var(--text-3);font-size:var(--text-xs);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.layout-variant-create:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.layout-variant-create svg{width:14px}.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:8px;padding:8px;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 button>span:not(.section-preset-preview){align-content:center;gap:2px;min-width:0;display:grid}.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 button>i{color:var(--accent);grid-area:1/2/span 2;align-self:center;font-style:normal}.section-preset-preview{border:1px solid var(--line-strong);grid-column:1/-1;grid-template-columns:repeat(6,1fr);grid-auto-rows:8px;gap:3px;min-width:0;height:66px;padding:8px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.section-preset-preview{border:1px solid color-mix(in srgb, var(--line-strong) 75%, transparent)}}.section-preset-preview{border-radius:calc(var(--r-sm) - 2px);background:linear-gradient(145deg, var(--bg-subtle), var(--accent))}@supports (color:color-mix(in lab, red, red)){.section-preset-preview{background:linear-gradient(145deg, var(--bg-subtle), color-mix(in srgb, var(--accent) 5%, var(--bg)))}}.section-preset-preview--image{padding:0;display:block}.section-preset-preview--image img{object-fit:cover;width:100%;height:100%;display:block}.section-preset-preview__structure{grid-template-columns:repeat(6,1fr);grid-auto-rows:8px;gap:3px;width:100%;height:100%;display:grid}.section-preset-preview__veil{background:linear-gradient(180deg, transparent 24%, var(--bg));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.section-preset-preview__veil{background:linear-gradient(180deg, transparent 24%, color-mix(in srgb, var(--bg) 64%, transparent))}}.section-preset-preview__veil{pointer-events:none}.section-preset-preview__caption{z-index:1;color:#fff;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;inset-inline:8px;font-weight:700;position:absolute;bottom:7px;overflow:hidden}.section-preset-preview i{background:var(--line-strong);min-width:0;opacity:calc(1 - (var(--preset-depth) * .08));border-radius:2px;display:block}.section-preset-preview i[data-kind=container]{background:var(--line-strong);grid-column:1/-1;min-height:5px}@supports (color:color-mix(in lab, red, red)){.section-preset-preview i[data-kind=container]{background:color-mix(in srgb, var(--line-strong) 65%, transparent)}}.section-preset-preview i[data-kind=grid]{border:1px dashed var(--accent);grid-column:span 3;min-height:16px}@supports (color:color-mix(in lab, red, red)){.section-preset-preview i[data-kind=grid]{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--line))}}.section-preset-preview i[data-kind=grid]{background:0 0}.section-preset-preview i[data-kind=heading]{background:var(--text-2);grid-column:span 4;align-self:center;height:6px}.section-preset-preview i[data-kind=text]{background:var(--text-4);grid-column:span 3;align-self:center;height:3px}.section-preset-preview i[data-kind=media]{background:var(--accent);grid-area:span 3/span 3;min-height:24px}@supports (color:color-mix(in lab, red, red)){.section-preset-preview i[data-kind=media]{background:color-mix(in srgb, var(--accent) 30%, var(--bg-subtle))}}.section-preset-preview i[data-kind=media]{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-preset-preview i[data-kind=media]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}}.section-preset-preview i[data-kind=button]{background:var(--accent);border-radius:999px;grid-column:span 2;align-self:center;height:9px}.section-presets__list button:hover .section-preset-preview{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-presets__list button:hover .section-preset-preview{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}}.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)}.inspector-content-scope{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:12px;display:flex}.inspector-content-scope>span{gap:2px;min-width:0;display:grid}.inspector-content-scope b{color:var(--text-1);font-size:var(--text-sm)}.inspector-content-scope small{color:var(--text-3);font-size:var(--text-xs);line-height:1.35}.inspector-content-scope button{border:1px solid var(--accent);border-radius:var(--r-xs);background:var(--accent-soft);min-height:34px;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none;padding:0 11px}.inspector-content-scope button:hover{background:var(--accent);color:var(--surface-1)}.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{border-radius:9px;justify-content:center;align-items:center;display:flex;overflow:hidden}.studio-brand .rail__icon img{object-fit:contain;width:29px;height:37px;filter:drop-shadow(0 5px 10px var(--accent))}@supports (color:color-mix(in lab, red, red)){.studio-brand .rail__icon img{filter:drop-shadow(0 5px 10px color-mix(in srgb, var(--accent) 20%, transparent))}}.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__modes{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 3px;padding:0;display:grid}.page-creator__modes legend{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;margin-bottom:2px;font-size:10px;font-weight:700}.page-creator .page-creator__modes button{border:1px solid var(--line);background:var(--surface-1);min-width:0;min-height:66px;color:var(--text-2);text-align:left;justify-items:start;gap:5px;padding:8px;display:grid}.page-creator .page-creator__modes button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.page-creator .page-creator__modes button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.page-creator__modes svg{width:16px;color:var(--accent)}.page-creator__modes span{min-width:0;display:grid}.page-creator__modes b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.page-creator__modes small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.page-creator__saved{color:var(--text-3);gap:4px;font-size:10px;font-weight:700;display:grid}.page-creator__saved select{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 8px}.page-creator__templates{scrollbar-width:thin;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:210px;margin:0;padding:0 2px 2px 0;display:grid;overflow:auto}.page-creator__templates legend{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:700}.page-creator .page-creator__templates button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-1);min-width:0;min-height:62px;color:var(--text-2);text-align:left;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid;position:relative}.page-creator .page-creator__templates button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.page-creator .page-creator__templates button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.page-creator__templates button>span:nth-child(2){gap:2px;min-width:0;display:grid}.page-creator__templates b,.page-creator__templates small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-creator__templates b{color:var(--text-strong);font-size:10px}.page-creator__templates small{color:var(--text-4);font-size:9px}.page-creator__templates button>svg{width:14px;color:var(--accent);opacity:0}.page-creator__templates button.active>svg{opacity:1}.page-template-thumb{border:1px solid var(--line);background:var(--surface-2);border-radius:5px;grid-template-rows:10px 1fr;grid-template-columns:repeat(2,1fr);gap:3px;width:52px;height:44px;padding:5px;display:grid}.page-template-thumb i{background:var(--line-strong);border-radius:2px;display:block}.page-template-thumb i:first-child{grid-column:1/-1}.page-template-thumb i:nth-child(2){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.page-template-thumb i:nth-child(2){background:color-mix(in srgb,var(--accent) 25%,var(--surface-2))}}.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}.binding-picker{border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--accent-soft);gap:7px;padding:11px;display:grid}.binding-picker label{gap:6px;display:grid}.binding-picker label>span{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.binding-picker select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-1);width:100%;min-height:42px;color:var(--text);font-size:var(--text-sm);padding:0 34px 0 11px}.binding-picker select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.binding-picker select:disabled{opacity:.6}.binding-picker small{color:var(--text-3);font-size:var(--text-xs);line-height:1.45}.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(100% - 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}.studio-shell.mika-open .preview-frame{transition:none}}.ai-copilot-layer{width:var(--mika-width,440px);contain:layout paint;top:8px;bottom:8px;right:8px}.ai-copilot-layer .ai-assistant-dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);width:100%;max-width:calc(100vw - 16px);box-shadow:var(--shadow-2);animation:none;position:relative;transform:none}.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}.ai-assistant-proposal>.mika-proposal-sources{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:8px 9px;display:flex}.mika-proposal-sources>svg{width:15px;color:var(--accent);flex:none}.mika-proposal-sources>span{gap:1px;min-width:0;display:grid}.mika-proposal-sources small{color:var(--text-4);font-size:9px}.mika-proposal-sources strong{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.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-missions{flex:1;padding:18px 16px;overflow:auto}.mika-missions>header{gap:3px;margin-bottom:16px;display:grid}.mika-missions>header strong{color:var(--text-strong);font-size:13px}.mika-missions>header span{color:var(--text-4);font-size:10px}.mika-missions ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mika-missions li{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:7px;padding:13px;display:grid}.mika-missions li>strong{color:var(--text-strong);font-size:12px}.mika-missions li>p{color:var(--text-3);margin:0;font-size:10px;line-height:1.45}.mika-missions li>small{color:var(--text-4);font-size:9px}.mika-missions li>footer{flex-wrap:wrap;gap:7px;padding-top:3px;display:flex}.mika-missions li>footer button{border:1px solid var(--line-strong);min-height:30px;color:var(--text-2);border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.mika-missions li>footer button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mika-missions li>footer svg{width:13px;height:13px}.mika-mission-progress{background:var(--surface-4);border-radius:999px;height:5px;overflow:hidden}.mika-mission-progress>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .24s;display:block}.mika-mission-summary{background:var(--surface-3);border-radius:8px;padding:8px}@media (prefers-reduced-motion:reduce){.mika-mission-progress>i{transition:none}}.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-actions{justify-content:flex-end;gap:7px;display:flex}.mika-brand-form-actions button{border:1px solid var(--line-strong);min-height:36px;color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.mika-brand-form-actions button.primary-action{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.mika-brand-form-actions 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) auto;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}.mika-brand-actions{gap:2px;display:flex}@media (max-width:1100px){.ai-copilot-layer{left:auto}.ai-assistant-resizer{display:none}}@media (max-width:720px){.ai-copilot-layer{width:auto;padding:8px;inset:auto 0 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;border-bottom:1px solid var(--line);background:var(--ops-bg-blur);min-height:100px;box-shadow:0 1px 0 var(--surface-1), 0 8px 28px #0f172a09;grid-template-columns:minmax(280px,.9fr) minmax(260px,1.1fr);justify-content:space-between;align-items:end;gap:clamp(32px,6vw,96px);padding:17px max(30px,4vw) 18px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.operations>header{box-shadow:0 1px 0 color-mix(in srgb, var(--surface-1) 70%, transparent), 0 8px 28px #0f172a09}}.operations-header__title{align-items:center;gap:11px;min-width:0;margin-top:7px;display:flex}.operations-header__icon{background:var(--accent);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.operations-header__icon{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.operations-header__icon{color:var(--accent)}.operations-header__icon svg{stroke-width:1.8px;width:17px;height:17px}.operations-header__content{min-width:0}.operations-header__context{min-width:0;color:var(--text-3);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.095em;text-transform:uppercase;align-items:center;gap:8px;line-height:1;display:flex}.operations-header__context strong{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operations-header__context i{background:var(--line-strong);border-radius:50%;flex:none;width:3px;height:3px}.operations>header h1{min-width:0;color:var(--text);font:650 clamp(26px, 2.55vw, 34px) / 1 var(--font-display);letter-spacing:-.034em;margin:0}.operations-header__description{border-left:1px solid var(--line-strong);max-width:620px;color:var(--text-3);margin:0 0 2px;padding-left:clamp(18px,2.5vw,36px);font-size:13px;line-height:1.55}.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}}.operations-view-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-top:26px;padding:0 0 18px;display:flex}.operations-view-header h2{color:var(--text);letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.15}.operations-view-header p{color:var(--text-3);font-size:var(--text-sm);margin:6px 0 0;line-height:1.45}.operations-view-header>div:last-child{flex:none;align-items:center;gap:12px;display:flex}.operations-view-header>div:last-child>span,.operation-panel-actions>span,.operations-list-toolbar>span{color:var(--text-3);font-size:var(--text-xs);white-space:nowrap}.operations-view-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:22px;min-height:50px;display:flex;overflow-x:auto}.operations-view-tabs::-webkit-scrollbar{display:none}.operations-view-tabs button{min-height:50px;color:var(--text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0 1px;display:inline-flex;position:relative}.operations-view-tabs button:hover,.operations-view-tabs button.active{color:var(--text)}.operations-view-tabs button.active:after{background:var(--accent);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.operations-view-tabs b{background:var(--surface-3);min-width:20px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 6px;font-size:10px}.operations-list-toolbar{align-items:center;gap:12px;margin-top:18px;display:flex}.operations-list-toolbar input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);width:min(520px,100%);min-height:40px;color:var(--text);padding:0 12px}.operation-panel-actions{justify-content:flex-end;align-items:center;gap:12px;margin:-48px 0 16px;display:flex}.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}.metrics small{color:var(--text-3);margin-top:8px;font-size:11px;display:block}.analytics-routes article{border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.analytics-routes article:last-child{border-bottom:0}.analytics-routes article>span{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:11px}.analytics-routes article>div{gap:8px;min-width:0;display:grid}.analytics-routes strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);overflow:hidden}.analytics-routes i{background:var(--surface-3);border-radius:999px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.analytics-routes i:after{width:var(--route-share);border-radius:inherit;background:var(--accent);content:"";position:absolute;inset:0 auto 0 0}.analytics-routes b{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.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)}.content-switcher{border-bottom:1px solid var(--line);align-items:end;gap:24px;margin:-4px 0 0;display:flex}.content-switcher button{min-height:48px;color:var(--text-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 2px;display:inline-flex;position:relative}.content-switcher button:hover,.content-switcher button.active{color:var(--text)}.content-switcher button.active:after{background:var(--accent);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.content-switcher b,.manga-subsection>h3 span{background:var(--surface-3);min-width:22px;height:22px;color:var(--text-2);font-size:11px;font-weight:var(--weight-bold);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.content-view__header{justify-content:space-between;align-items:center;gap:24px;padding:28px 0 18px;display:flex}.content-view__header h2{color:var(--text);margin:0;font-size:24px;line-height:1.2}.content-view__header p{color:var(--text-3);font-size:var(--text-sm);margin:5px 0 0}.content-primary-action{border-radius:var(--r-sm);min-height:40px;font-weight:var(--weight-bold);white-space:nowrap;padding:0 16px;border:1px solid var(--accent)!important;background:var(--accent)!important;color:var(--accent-ink)!important}.content-create{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-xs);grid-template-columns:minmax(240px,1fr) minmax(210px,.55fr) auto;align-items:end;gap:12px;margin-bottom:20px;padding:18px;display:grid}.content-create label{min-width:0;color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:7px;display:grid}.content-create input,.content-create select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);width:100%;min-height:40px;color:var(--text);padding:0 11px}.content-create details{align-self:end;position:relative}.content-create details>summary{border:1px solid var(--line-strong);border-radius:var(--r-sm);min-height:40px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;align-items:center;padding:0 12px;list-style:none;display:flex}.content-create details[open]>label{z-index:10;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-1);width:280px;box-shadow:var(--shadow-md);padding:12px;position:absolute;top:calc(100% + 6px);right:0}.content-create>div{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.content-create>div button:not(.content-primary-action){min-height:40px;color:var(--text-2);background:0 0;border:0;padding:0 14px}.manga-library{border-top:1px solid var(--line)}.manga-library .manga-manager__filters{margin:0;padding:12px 0}.manga-library>article{border-top:1px solid var(--line);padding:0}.manga-library>article>header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:70px;display:grid}.manga-library .manga-work__disclosure{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:0;min-height:68px;margin:0;padding:0;display:flex}.manga-library .manga-work__disclosure:hover{background:0 0}.manga-work__chevron{transition:transform var(--t-fast) var(--ease);flex:none;line-height:1;color:var(--text-3)!important;margin:0!important;font-size:22px!important}.manga-library article.is-open .manga-work__chevron{transform:rotate(90deg)}.manga-work__disclosure>span:last-child{min-width:0;margin:0}.manga-work__disclosure strong,.manga-work__disclosure small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.manga-work__disclosure small{color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-regular);margin-top:4px}.content-status{background:var(--surface-3);min-height:24px;font-weight:var(--weight-semibold);border-radius:999px;align-items:center;padding:0 8px;color:var(--text-2)!important;margin:0!important;font-size:11px!important;display:inline-flex!important}.content-status--published{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.content-status--published{background:color-mix(in srgb, var(--success) 12%, transparent)}}.content-status--published{color:var(--success)!important}.content-status--archived{opacity:.7}.content-action-menu{position:relative}.content-action-menu>summary{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-3);cursor:pointer;place-items:center;list-style:none;display:grid}.content-action-menu>summary::-webkit-details-marker{display:none}.content-action-menu>summary:hover{background:var(--surface-3);color:var(--text)}.content-action-menu>div{z-index:30;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-1);width:max-content;min-width:176px;box-shadow:var(--shadow-md);padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.manga-manager .content-action-menu>div>button{text-align:left;background:0 0;border:0;width:100%;min-height:36px;margin:0;padding:0 10px}.manga-manager [data-tone=danger]{color:var(--danger,#b42318)}.manga-create{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);margin:0 0 14px;padding:14px}.manga-create__switcher{border-radius:var(--r-sm);background:var(--surface-3);gap:3px;padding:3px;display:inline-flex}.manga-manager .manga-create__switcher button{background:0 0;border:0;min-height:32px;margin:0}.manga-manager .manga-create__switcher button.active{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-xs)}.manga-create form,.manga-subsection section>form{grid-template-columns:repeat(3,minmax(100px,1fr)) minmax(130px,auto);gap:8px;margin-top:12px;display:grid}.manga-create form input,.manga-create form select,.manga-subsection section>form input,.manga-subsection section>form select,.chapter-secondary-actions input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-width:0;min-height:38px;color:var(--text);padding:0 10px}.manga-work__content{padding:0 0 18px 28px}.manga-subsection{margin:10px 0 0}.manga-subsection>h3{color:var(--text-3);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;padding:8px 0;display:flex}.manga-subsection>section{grid-template-columns:minmax(0,1fr) auto auto;min-height:58px;padding:10px 0}.manga-work__empty{border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--text-3);font-size:var(--text-xs);margin:8px 0 0;padding:16px}.chapter-secondary-actions{min-width:230px!important}.chapter-secondary-actions input{margin:5px}@media (max-width:760px){.content-switcher{gap:16px;overflow-x:auto}.content-view__header{align-items:flex-start;padding-top:20px}.content-view__header p{max-width:34ch}.content-create{grid-template-columns:1fr}.content-create>div{grid-column:1}.manga-manager__filters{grid-template-columns:1fr 1fr}.manga-manager__filters input{grid-column:1/-1}.manga-library>article>header{grid-template-columns:minmax(0,1fr) auto}.manga-library>article>header .content-status{display:none!important}.manga-work__content{padding-left:0}.manga-create form,.manga-subsection section>form{grid-template-columns:1fr}.manga-subsection>section{grid-template-columns:minmax(0,1fr) auto}.manga-subsection>section>button{grid-column:1/-1;margin:0}}.media-upload{border-bottom:1px solid var(--line);margin:0 0 28px;padding:18px 0}.media-upload__main{grid-template-columns:170px minmax(280px,1fr) auto;align-items:center;gap:10px;display:grid}.media-upload select,.media-upload input,.media-upload__options summary{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:40px;color:var(--text);padding:0 11px}.media-upload .file-field{min-width:0}.media-upload__options{margin-top:10px}.media-upload__options>summary{min-height:34px;color:var(--text-3);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 4px;display:inline-flex}.media-upload__options>div{border-radius:var(--r-sm);background:var(--well);grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-top:10px;padding:14px;display:grid}.media-upload>small{color:var(--success);margin-top:8px;display:block}.media-library__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.media-library__header h2{color:var(--text);margin:0;font-size:24px}.media-library__header p{color:var(--text-3);font-size:var(--text-xs);margin:4px 0 0}.media-library__filters{align-items:center;gap:8px;display:flex}.media-library__filters>input,.media-library__filters>select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:40px;color:var(--text);padding:0 11px}.media-library__filters>input{width:min(280px,30vw)}.media-library__filters details{position:relative}.media-library__filters summary{border:1px solid var(--line-strong);border-radius:var(--r-sm);min-height:40px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;align-items:center;padding:0 12px;list-style:none;display:flex}.media-library__filters details>div{z-index:40;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-1);width:260px;box-shadow:var(--shadow-md);gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.media-library__filters details input:not([type=checkbox]),.media-library__filters details button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:38px;color:var(--text);padding:0 10px}.media-library__filters details label{font-size:var(--text-xs);align-items:center;gap:8px;display:flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 12px;display:grid}.media-tile{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.media-tile__preview{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);color:var(--text-3);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);place-items:center;display:grid;position:relative;overflow:hidden}.media-tile:hover .media-tile__preview,.media-tile:focus-visible .media-tile__preview{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.media-tile__preview img{object-fit:cover;width:100%;height:100%}.media-tile__meta{padding:9px 2px 0;display:block}.media-tile__meta strong,.media-tile__meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-tile__meta strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.media-tile__meta small{color:var(--text-3);font-size:var(--text-xs);margin-top:3px}.media-library__empty{border:1px dashed var(--line-strong);border-radius:var(--r-sm);min-height:220px;color:var(--text-3);grid-column:1/-1;place-items:center;display:grid}.media-library__empty strong{color:var(--text)}.media-library__status{z-index:60;border-radius:var(--r-sm);background:var(--text);color:var(--surface-1);padding:10px 14px;position:fixed;bottom:24px;right:24px}.media-viewer{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080f1cc2;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.media-viewer>article{border-radius:var(--r-md);background:var(--surface-1);width:min(1180px,96vw);max-height:min(860px,92vh);overflow:hidden;box-shadow:0 24px 70px #00000059}.media-viewer>article>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:flex}.media-viewer header strong,.media-viewer header span{display:block}.media-viewer header span{color:var(--text-3);font-size:var(--text-xs);margin-top:3px}.media-viewer header button{border-radius:var(--r-sm);width:38px;height:38px;color:var(--text-2);background:0 0;border:0;font-size:24px}.media-viewer__body{grid-template-columns:minmax(0,1fr) 330px;min-height:560px;max-height:calc(92vh - 64px);display:grid}.media-viewer__stage{color:#aab2c1;background:#11151d;place-items:center;padding:32px;display:grid;position:relative;overflow:hidden}.media-viewer__stage img{object-fit:contain;max-width:100%;max-height:calc(92vh - 128px)}.media-viewer__stage button{border-radius:var(--r-sm);color:#fff;background:#00000075;border:0;width:42px;height:54px;margin:0;font-size:30px;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer__stage .previous{left:12px}.media-viewer__stage .next{right:12px}.media-viewer aside{border-left:1px solid var(--line);padding:22px;overflow-y:auto}.media-viewer aside h3{margin:0 0 18px}.media-viewer aside>label,.media-viewer aside>div label{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:6px;margin-bottom:14px;display:grid}.media-viewer aside input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);width:100%;min-height:40px;color:var(--text);padding:0 10px}.media-viewer aside>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.media-viewer aside footer{border-top:1px solid var(--line);justify-content:space-between;gap:8px;margin-top:22px;padding-top:18px;display:flex}.media-viewer aside footer button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);min-height:40px;padding:0 13px}.media-viewer [data-tone=danger]{color:var(--danger,#b42318)}@media (max-width:760px){.media-upload__main,.media-upload__options>div{grid-template-columns:1fr}.media-library__header{flex-direction:column;align-items:flex-start}.media-library__filters,.media-library__filters>input{width:100%}.media-library__filters>select{max-width:130px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.media-viewer{padding:0}.media-viewer>article{border-radius:0;width:100vw;max-height:100dvh}.media-viewer__body{grid-template-columns:1fr;max-height:calc(100dvh - 64px);overflow-y:auto}.media-viewer__stage{min-height:52dvh}.media-viewer aside{border-top:1px solid var(--line);border-left:0;overflow:visible}}.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}.administration-layout{grid-template-columns:238px minmax(0,1fr);align-items:start;gap:30px;margin-top:22px;display:grid}.administration-nav{border-right:1px solid var(--line);gap:3px;min-width:0;padding-right:22px;display:grid;position:sticky;top:122px}.administration-nav button{min-height:58px;color:var(--text-3);text-align:left;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:9px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:7px 9px;display:grid}.administration-nav button:hover{background:var(--surface-2);color:var(--text)}.administration-nav button.active{background:var(--accent-soft);color:var(--accent)}.administration-nav button>svg{stroke-width:1.8px;justify-self:center;width:18px;height:18px}.administration-nav button>span{gap:3px;min-width:0;display:grid}.administration-nav strong{color:currentColor;font-size:13px;font-weight:var(--weight-semibold)}.administration-nav small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.administration-nav button.active small{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.administration-nav button.active small{color:color-mix(in srgb, var(--accent) 68%, var(--text-3))}}.administration-content{min-width:0}.administration-content>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:58px;padding-bottom:15px;display:flex}.administration-content>header>span{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.administration-content>header svg{width:17px;height:17px}.administration-content>header h3{color:var(--text);letter-spacing:-.02em;margin:0;font-size:18px}.administration-content>header p{color:var(--text-3);margin:4px 0 0;font-size:12px}.administration-content__body{min-width:0;animation:administration-section-in .16s var(--ease-out) both}.administration-section-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.administration-section-actions>span{color:var(--text-3);font-size:12px}@keyframes administration-section-in{0%{opacity:.65;transform:translateY(3px)}}.administration-content .site-settings{margin-top:0;display:block}.administration-content .site-settings>section{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:24px;padding:26px 0;display:grid}.site-settings>section>header{min-width:0}.site-settings>section>header>span{color:var(--accent);font:var(--eyebrow);letter-spacing:.12em;text-transform:uppercase}.site-settings>section>header h2{margin:7px 0 0;font-size:17px}.site-settings>section>header p{color:var(--text-3);margin:7px 0 0;font-size:11px;line-height:1.5}.site-settings__fields{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 14px;min-width:0;display:grid}:is(.site-settings__fields>label:has(textarea),.site-settings__fields>fieldset,.site-settings__fields>p,.site-settings__fields>button){grid-column:1/-1}.site-settings__fields fieldset{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:10px;margin:0 0 10px;padding:12px;display:grid}.site-settings__fields fieldset label{margin:0}.site-settings__fields fieldset label:has(input[type=checkbox]){align-items:center;gap:7px;min-height:40px;display:flex}.site-settings__fields fieldset input[type=checkbox]{width:auto;margin:0;display:inline-block}.site-settings__fields>button{justify-self:start}.site-settings__fields label>small{color:var(--text-3);text-align:right;margin-top:-6px;font-size:10px;display:block}.site-settings__brand-preview,.site-settings__seo-preview,.site-settings__empty{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);grid-column:1/-1;min-width:0}.site-settings__brand-preview{grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:12px;display:grid}.site-settings__brand-preview>span:nth-child(2){gap:2px;display:grid}.site-settings__brand-preview small{color:var(--text-3);font-size:11px}.site-settings__brand-logo,.site-settings__favicon{aspect-ratio:1;border:1px solid var(--line-strong);background:var(--surface-1);color:var(--accent);border-radius:10px;place-items:center;font-weight:800;display:grid;overflow:hidden}.site-settings__favicon{border-radius:8px;font-size:11px}.site-settings__brand-logo img,.site-settings__favicon img{object-fit:contain;width:100%;height:100%}.site-settings__seo-preview{gap:3px;padding:14px 16px;display:grid}.site-settings__seo-preview>span{color:var(--text-3);font:var(--eyebrow);text-transform:uppercase}.site-settings__seo-preview>small{color:var(--success)}.site-settings__seo-preview>strong{color:#315ac4;font-size:17px}.site-settings__seo-preview>p{color:var(--text-2);margin:0;line-height:1.45}.site-settings__empty{color:var(--text-3);padding:14px;font-size:12px}.administration-content .site-settings>footer{z-index:6;background:var(--surface-1);border:0;border-radius:14px;justify-content:flex-end;align-items:center;gap:8px;width:max-content;max-width:100%;margin:18px 0 0 auto;padding:6px;display:flex;position:sticky;bottom:14px}@supports (color:color-mix(in lab, red, red)){.administration-content .site-settings>footer{background:color-mix(in srgb, var(--surface-1) 90%, transparent)}}.administration-content .site-settings>footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 28px #111f3a24}.administration-content .site-settings>footer span{color:var(--text-3);white-space:nowrap;padding:0 7px;font-size:11px}.administration-content .site-settings>footer button{min-height:38px}.administration-content .site-settings>footer button.secondary{color:var(--text-2);box-shadow:none;background:0 0;border-color:#0000}.audit-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;align-items:end;gap:10px;margin:12px 0;display:grid}.audit-toolbar label{color:var(--text-3);gap:5px;margin:0;font-size:10px;display:grid}.audit-toolbar strong{color:var(--text-3);white-space:nowrap;align-self:center;font-size:11px}.domain-dns-guides{border:1px solid var(--accent);gap:10px;margin:14px 0;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.domain-dns-guides{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line))}}.domain-dns-guides{border-radius:var(--r-md);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.domain-dns-guides{background:color-mix(in srgb, var(--accent) 5%, var(--surface-1))}}.domain-dns-guides>header{gap:3px;display:grid}.domain-dns-guides>header span{color:var(--text-3);font-size:11px}.domain-dns-guides>article{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.55fr) repeat(2,minmax(270px,1fr));align-items:start;gap:14px;padding-top:16px;display:grid}.domain-dns-guides>article>div,.domain-dns-guides label{gap:5px;min-width:0;margin:0;display:grid}.domain-dns-guides>article>div span,.domain-dns-guides label{color:var(--text-3);font-size:10px}.domain-dns-guides label{position:relative}.domain-dns-guides code{border:1px solid var(--line);background:var(--surface-1);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:10px 62px 10px 10px;display:block;overflow:hidden}.domain-dns-guides label button{min-height:31px;padding:5px 8px;position:absolute;bottom:4px;right:4px}.domain-record{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);gap:9px;min-width:0;padding:12px;display:grid}.domain-record>strong{align-items:center;gap:7px;font-size:12px;display:flex}.domain-record>strong i{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:inline-grid}.domain-record>strong small{background:var(--surface-3);color:var(--text-3);letter-spacing:.08em;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:9px}.domain-record.is-complete{border-color:var(--success-line);background:var(--success-soft)}.domain-dns-note{color:var(--text-3);grid-column:2/-1;margin:-2px 0 0;font-size:11px;line-height:1.5}.domain-dns-note code{padding:1px 4px;display:inline}.domain-dns-guides>article>button{grid-column:3;justify-self:end}.billing-summary{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent), var(--surface-1));grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:22px;padding:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.billing-summary{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface-1)), var(--surface-1))}}.billing-summary>header{align-content:center;gap:5px;display:grid}.billing-summary>header span,.billing-summary>header small{color:var(--text-3);font-size:11px}.billing-summary>header strong{font-size:24px}.billing-summary>div{gap:12px;display:grid}.billing-usage{grid-template-columns:minmax(130px,.8fr) minmax(120px,1fr) 38px;align-items:center;gap:12px;display:grid}.billing-usage>span{gap:2px;display:grid}.billing-usage small,.billing-usage em{color:var(--text-3);font-size:10px;font-style:normal}.billing-usage>div{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.billing-usage>div i{border-radius:inherit;background:var(--accent);height:100%;display:block}.mfa-settings__heading{justify-content:space-between;gap:16px;display:flex}.mfa-settings__heading h2{margin-bottom:4px}.mfa-settings__heading p{color:var(--text-3);margin:0}.mfa-settings__heading>span{background:var(--surface-3);color:var(--text-3);border-radius:999px;align-self:start;padding:5px 9px;font-size:10px;font-weight:800}.mfa-settings__heading>span[data-enabled=true]{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.mfa-settings__heading>span[data-enabled=true]{background:color-mix(in srgb, var(--success) 14%, transparent)}}.mfa-settings__heading>span[data-enabled=true]{color:var(--success)}.mfa-recovery{border:1px solid var(--warning);margin:14px 0;padding:14px}@supports (color:color-mix(in lab, red, red)){.mfa-recovery{border:1px solid color-mix(in srgb, var(--warning) 45%, var(--line))}}.mfa-recovery{border-radius:var(--r-sm);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.mfa-recovery{background:color-mix(in srgb, var(--warning) 7%, var(--surface-1))}}.mfa-recovery p{color:var(--text-3)}.mfa-recovery pre{white-space:pre-wrap;columns:2}@media (max-width:980px){.administration-layout{grid-template-columns:minmax(0,1fr);gap:18px}.administration-nav{border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:0 0 8px;display:flex;position:static;overflow-x:auto}.administration-nav::-webkit-scrollbar{display:none}.administration-nav button{grid-template-columns:26px auto;min-width:max-content;min-height:44px;padding:6px 10px}.administration-nav small{display:none}.administration-content .site-settings>section{grid-template-columns:minmax(0,1fr);gap:10px}.site-settings>section>header p{max-width:55ch}.domain-dns-guides>article{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.domain-dns-guides>article>div,.domain-dns-note{grid-column:1/-1}.domain-dns-guides>article>button{grid-column:2}}@media (max-width:620px){.administration-layout{margin-top:16px}.administration-content>header{min-height:52px}.site-settings__fields{grid-template-columns:minmax(0,1fr)}.site-settings__fields>*{grid-column:1!important}.site-settings__fields fieldset{grid-template-columns:minmax(0,1fr);align-items:stretch}.administration-content .site-settings>footer{bottom:8px}.audit-toolbar,.billing-summary{grid-template-columns:minmax(0,1fr)}.billing-usage{grid-template-columns:minmax(100px,.8fr) minmax(90px,1fr) 34px}.domain-dns-guides>article{grid-template-columns:minmax(0,1fr)}.domain-dns-guides>article>div,.domain-dns-note,.domain-dns-guides>article>button{grid-column:1}}.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;align-items:center;gap:9px;display:flex}.auth-brand img{object-fit:contain;width:25px;height:32px;filter:drop-shadow(0 7px 10px var(--accent))}@supports (color:color-mix(in lab, red, red)){.auth-brand img{filter:drop-shadow(0 7px 10px color-mix(in srgb, var(--accent) 22%, transparent))}}.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}.auth-screen>div:not(.rail-account__menu){flex-direction:column;align-items:center;min-width:min(300px,86vw);display:flex;position:relative}.loading-mark{isolation:isolate;width:76px;height:94px;animation:studio-loader-in .52s var(--ease-out) both;place-items:center;display:grid;position:relative}.loading-mark img{z-index:1;object-fit:contain;width:68px;height:88px;filter:drop-shadow(0 20px 24px var(--accent));position:relative}@supports (color:color-mix(in lab, red, red)){.loading-mark img{filter:drop-shadow(0 20px 24px color-mix(in srgb, var(--accent) 30%, transparent))}}.loading-mark__halo{background:radial-gradient(circle, var(--accent), transparent 68%);border-radius:50%;position:absolute;inset:-42px}@supports (color:color-mix(in lab, red, red)){.loading-mark__halo{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 68%)}}.loading-mark__halo{animation:mark-pulse 1.5s var(--ease) infinite alternate}.loading-wordmark{color:var(--text);font:700 22px/1 var(--font-display);letter-spacing:-.04em;margin-top:18px}.loading-wordmark>span{color:var(--accent)}.loading-wordmark small{color:var(--text-3);letter-spacing:0;margin-left:5px;font-size:12px}.loading-progress{background:var(--accent-soft);border-radius:999px;width:128px;height:2px;margin-top:18px;overflow:hidden}.loading-progress i{border-radius:inherit;background:var(--accent);width:46%;height:100%;animation:.9s cubic-bezier(.65,0,.35,1) infinite studio-loader-progress;display:block}.auth-screen>div>p[role=status]{text-align:center;margin-top:14px}@keyframes mark-pulse{0%{opacity:.55}to{opacity:1}}@keyframes studio-loader-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes studio-loader-progress{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (max-width:900px){.operations-shell{grid-template-columns:52px minmax(0,1fr)}.operations>header{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;min-height:96px;padding:14px 18px}.operations-header__title{gap:9px;margin-top:6px}.operations-header__icon{border-radius:7px;width:28px;height:28px}.operations-header__icon svg{width:16px;height:16px}.operations>header h1{font-size:clamp(24px,7vw,30px)}.operations-header__description{border-left:0;max-width:56ch;margin:0;padding-left:0;font-size:12px}.operations>:not(header){margin-left:18px;margin-right:18px}.operations-view-header{align-items:flex-start;margin-top:20px}.operations-view-header h2{font-size:21px}.operations-view-header p{max-width:48ch}.operations-view-tabs{gap:18px}.operation-panel-actions{flex-direction:column;align-items:flex-end;margin:0 0 14px}: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:620px){.operations-view-header{flex-direction:column;align-items:stretch;gap:14px}.operations-view-header>div:last-child{justify-content:space-between}.operations-list-toolbar{flex-direction:column;align-items:stretch}.operations-list-toolbar input{width:100%}.analytics-routes article{grid-template-columns:22px minmax(0,1fr)}.analytics-routes article>b{grid-column:2;margin-top:-5px}}@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-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:34;border:1px solid var(--accent-border);background:var(--surface-1);width:auto;height:28px;min-height:28px;color:var(--accent);opacity:0;box-shadow:var(--shadow-2);transition:opacity var(--t-fast), transform var(--t-fast), background var(--t-fast);border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-8px;left:auto;right:8px;transform:translateY(-2px)}.tree-row>button.tree-insert:hover,.tree-row>button.tree-insert[aria-expanded=true]{background:var(--accent);color:#fff}.tree-row>button.tree-insert svg{width:13px;height:13px}.tree-row:hover>.tree-insert,.tree-insert:focus-visible{opacity:1;transform:scale(1)}.tree-row.selected>.tree-insert{display:none}.tree-row.selected:hover>.tree-insert,.tree-row.selected>.tree-insert[aria-expanded=true]{display:flex}.tree-quick-add{z-index:2;isolation:isolate;border:1px solid var(--line-strong);background:var(--bg);width:calc(100% - 22px);box-shadow:0 16px 36px var(--text-strong);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 4px 10px 18px;padding:10px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tree-quick-add{box-shadow:0 16px 36px color-mix(in srgb, var(--text-strong) 18%, transparent)}}.tree-quick-add{opacity:1}.tree-quick-add:before{content:"";z-index:-1;background:var(--bg);position:absolute;inset:0}.tree-quick-add__title{color:var(--text-3);letter-spacing:.02em;grid-column:1/-1;padding:0 2px 3px;font-size:10px;font-weight:700}.tree-quick-add button{border:1px solid var(--line);background:var(--surface-1);min-height:36px;color:var(--text-2);text-align:left;cursor:pointer;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:650}.tree-quick-add button:hover,.tree-quick-add button:focus-visible{background:var(--accent-soft);color:var(--accent)}.tree-quick-add .tree-quick-add__more{color:var(--accent);border-style:dashed;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.tree-quick-add svg{width:15px;height:15px}.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}.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);z-index:2;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;scroll-margin-block:96px 28px;display:grid;position:relative}.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}.gallery-picker{gap:12px;display:grid}.gallery-picker__selection{gap:7px;display:grid}.gallery-picker__selection article{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:6px;display:grid}.gallery-picker__selection article>img{object-fit:cover;background:var(--surface);border-radius:7px;width:56px;height:52px}.gallery-picker__selection article>span{gap:2px;min-width:0;display:grid}.gallery-picker__selection article b,.gallery-picker__selection article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery-picker__selection article small{color:var(--text-4)}.gallery-picker__selection article>div{gap:3px;display:flex}.gallery-picker__selection article button{border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.gallery-picker__selection article button svg{width:15px;height:15px}.gallery-picker__selection article button.danger{color:var(--danger)}.gallery-picker__empty{border:1px dashed var(--accent-border);min-height:74px;color:var(--text-2);background:var(--accent-soft);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.gallery-picker__empty>svg{width:22px;height:22px;color:var(--accent);flex:none}.gallery-picker__empty>span{gap:3px;display:grid}.gallery-picker__empty small{color:var(--text-4);line-height:1.4}.gallery-picker__library{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.gallery-picker__library button{aspect-ratio:1;background:var(--bg-soft);border:2px solid #0000;border-radius:9px;padding:0;position:relative;overflow:hidden}.gallery-picker__library button:hover:not(:disabled){border-color:var(--accent-border)}.gallery-picker__library button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.gallery-picker__library img{object-fit:cover;width:100%;height:100%}.gallery-picker__library span{color:#fff;background:var(--canvas-dark,#0f172a);border-radius:5px;padding:3px 5px;position:absolute;inset:auto 4px 4px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gallery-picker__library span{background:color-mix(in srgb,var(--canvas-dark,#0f172a) 82%,transparent)}}.gallery-picker__library span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}.gallery-picker__no-result{color:var(--text-4);text-align:center}.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}.inspector-level-switch{border-bottom:1px solid var(--line-soft);background:var(--surface-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:7px 16px 4px;display:grid}.inspector-level-switch button{min-width:0;min-height:32px;color:var(--text-3);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 6px;font-size:11px;font-weight:700;line-height:1}.inspector-level-switch button:hover:not(.active){background:var(--bg-hover);color:var(--text-2)}.inspector-level-switch button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.inspector-level-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:420px){.inspector-level-switch{padding-inline:10px}.inspector-level-switch button{font-size:10px}}.button-destination-fields{gap:12px;display:grid}.button-destination-fields label{gap:6px;display:grid}.button-destination-fields select,.button-destination-fields input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:9px;padding:0 11px}.button-destination-fields select:focus-visible,.button-destination-fields input:focus-visible{border-color:var(--accent);outline:3px solid var(--accent-soft);outline-offset:1px}.button-destination-fields small{color:var(--text-4);font-size:10px;line-height:1.4}.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}.version-history-overlay{padding:24px}.version-history{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:20px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(1180px,100vw - 48px);height:min(850px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 32px 100px #0f172a47}.version-history__header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:24px 26px 18px;display:flex}.version-history__header small{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.version-history__header h2{color:var(--text-strong);letter-spacing:-.025em;margin:5px 0 2px;font-size:24px}.version-history__header p{color:var(--text-3);margin:0;font-size:13px}.version-history__retention{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.version-history__retention span{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-3);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:650}.version-history .icon-button{border:1px solid var(--line);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:12px;place-items:center;display:grid}.version-history .icon-button svg{width:18px}.version-history__toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 26px;display:flex}.version-history__toolbar nav{background:var(--well);border-radius:11px;gap:4px;padding:4px;display:flex}.version-history__toolbar nav button,.version-history__filters button{min-height:34px;color:var(--text-3);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:650}.version-history__toolbar nav button.is-active,.version-history__filters button.is-active{background:var(--surface-1);color:var(--accent);box-shadow:0 1px 4px #0f172a1a}.version-history__toolbar nav span{color:var(--text-4);margin-left:4px}.version-history__create{border:1px solid var(--accent);background:var(--accent);min-height:36px;color:var(--accent-ink);border-radius:9px;padding:0 14px;font-weight:700}.version-history__filters{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:9px 26px;display:flex;overflow-x:auto}.version-history__filters>svg{width:15px;color:var(--text-4);flex:none;margin-right:4px}.version-history__filters button{border:1px solid #0000;flex:none;min-height:30px}.version-history__filters button.is-active{border-color:var(--line)}.version-history__body{grid-template-columns:minmax(420px,.95fr) minmax(390px,1.05fr);min-height:0;display:grid}.version-timeline{border-right:1px solid var(--line);background:var(--bg-soft);scrollbar-color:var(--accent) transparent;min-height:0;padding:18px 20px 28px 26px;overflow:auto}.version-timeline article{grid-template-columns:28px minmax(0,1fr);margin:0;display:grid;position:relative}.version-timeline__rail{justify-content:center;display:flex;position:relative}.version-timeline__rail:after{content:"";background:var(--line);width:2px;position:absolute;top:28px;bottom:-8px}.version-timeline article:last-of-type .version-timeline__rail:after{display:none}.version-timeline__rail span{z-index:1;border:2px solid var(--surface-1);background:var(--line-strong);width:24px;height:24px;color:var(--surface-1);border-radius:50%;place-items:center;display:grid}.version-timeline article:first-child .version-timeline__rail span{background:var(--success)}.version-timeline__rail svg{width:12px}.version-timeline__card{border:1px solid var(--line);background:var(--surface-1);text-align:left;border-radius:13px;grid-template-columns:86px minmax(0,1fr) 18px;align-items:center;gap:13px;width:100%;margin:0 0 9px;padding:10px;transition:all .15s;display:grid}.version-timeline article:is(:hover,.is-selected) .version-timeline__card{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb1a}.version-timeline__thumb{border:1px solid var(--line);background:linear-gradient(145deg,var(--well),var(--surface-2));border-radius:8px;height:62px;position:relative;overflow:hidden}.version-timeline__thumb>img{object-fit:cover;object-position:top;width:100%;height:100%}.version-timeline__thumb-pair{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.version-timeline__thumb-pair img{object-fit:cover;object-position:top;width:100%;height:100%}.version-timeline__thumb-pair img+img{border-left:2px solid var(--accent)}.version-timeline__thumb>span{color:#fff;background:#0f172acc;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;bottom:4px;left:5px}.version-timeline__mini-page{gap:3px;padding:8px;display:grid}.version-timeline__mini-page i,.version-compare__frame i{background:var(--line-strong);border-radius:2px;height:9px;display:block}.version-timeline__mini-page i:nth-child(2){width:68%}.version-timeline__mini-page i:nth-child(3){height:20px}.version-timeline__mini-page .is-changed,.version-compare__frame .is-changed{outline:2px solid var(--accent);background:var(--accent-soft)}.version-timeline__copy{gap:3px;min-width:0;display:grid}.version-timeline__copy strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.version-timeline__copy span,.version-timeline__copy small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.version-timeline__copy small{color:var(--text-2)}.version-timeline__card>svg{width:16px;color:var(--text-4)}.version-timeline__quick{z-index:2;opacity:0;gap:4px;transition:all .15s;display:flex;position:absolute;bottom:4px;right:12px;transform:translateY(5px)}.version-timeline article:hover .version-timeline__quick,.version-timeline article:focus-within .version-timeline__quick,.version-timeline article.is-selected .version-timeline__quick{opacity:1;transform:none}.version-timeline__quick button,.version-detail__preview-actions button{border:1px solid var(--line);background:var(--surface-1);min-height:28px;color:var(--text-2);border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:650;display:flex}.version-timeline__quick svg,.version-detail__preview-actions svg{width:13px}.version-detail{scrollbar-color:var(--accent) transparent;min-height:0;padding:22px 24px 32px;overflow:auto}.version-detail>header small{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:700}.version-detail>header h3{margin:4px 0 16px;font-size:19px}.version-compare{grid-template-columns:1fr 26px 1fr;align-items:center;gap:7px;display:grid}.version-compare.is-changes{grid-template-columns:1fr}.version-compare.is-changes>button{width:100%}.version-compare-modes{background:var(--well);border-radius:9px;gap:3px;width:max-content;margin:0 0 9px;padding:3px;display:flex}.version-compare-modes button{min-height:29px;color:var(--text-4);background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.version-compare-modes button.is-active{background:var(--surface-1);color:var(--accent);box-shadow:0 1px 4px #0f172a1a}.version-compare-slider{border:1px solid var(--line);background:var(--well);border-radius:11px;height:220px;position:relative;overflow:hidden}.version-compare-slider>img,.version-compare-slider__after,.version-compare-slider__after img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.version-compare-slider__after{overflow:hidden}.version-compare-slider__after img{max-width:none}.version-compare-slider>i{z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0f172a59}.version-compare-slider>i:after{content:"↔";background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0f172a59}.version-compare-slider>span{z-index:3;color:#fff;background:#0f172ac7;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:8px}.version-compare-slider .is-before{left:8px}.version-compare-slider .is-after{right:8px}.version-compare-slider input{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.version-compare>button{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-2);text-align:left;border-radius:11px;gap:6px;padding:8px;display:grid}.version-compare>button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.version-compare>svg{width:17px;color:var(--text-4)}.version-compare__frame{background:linear-gradient(145deg,var(--well),var(--surface-2));border-radius:7px;gap:7px;height:106px;padding:15px;display:grid}.version-compare__frame:has(img){padding:0;overflow:hidden}.version-compare__frame img{object-fit:cover;object-position:top;width:100%;height:100%}.version-compare__frame i{height:18px}.version-compare__frame i:nth-child(2){height:35px}.version-compare__frame i:nth-child(3){width:65%}.version-detail__preview-actions{gap:7px;margin:9px 0 18px;display:flex}.version-diff-list h4,.version-restore h4{justify-content:space-between;align-items:center;margin:0 0 8px;font-size:13px;display:flex}.version-diff-list h4 span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 7px;font-size:10px}.version-diff-list>button{border:1px solid var(--line);background:var(--surface-1);text-align:left;border-radius:9px;grid-template-columns:4px 1fr;gap:10px;width:100%;margin-bottom:6px;padding:9px 10px;display:grid}.version-diff-list__tone{background:var(--accent);border-radius:99px}.version-diff-list__tone.is-removed{background:var(--danger)}.version-diff-list__tone.is-added{background:var(--success)}.version-diff-list button>div{gap:2px;min-width:0;display:grid}.version-diff-list strong{font-size:11px}.version-diff-list small{color:var(--text-4);font-size:9px}.version-diff-list p{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:5px;margin:4px 0 0;font-size:10px;display:grid}.version-diff-list p svg{width:12px}.version-diff-list del,.version-diff-list ins{text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:4px 6px;text-decoration:none;overflow:hidden}.version-diff-list del{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.version-diff-list del{background:color-mix(in srgb,var(--danger) 9%,transparent)}}.version-diff-list del{color:var(--danger)}.version-diff-list ins{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.version-diff-list ins{background:color-mix(in srgb,var(--success) 10%,transparent)}}.version-diff-list ins{color:var(--success)}.version-restore{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.version-restore label{color:var(--text-2);gap:6px;font-size:11px;display:grid}.version-restore select{border:1px solid var(--line-strong);background:var(--surface-1);min-height:42px;color:var(--text);border-radius:9px;padding:0 12px}.version-restore p,.version-detail__muted{color:var(--text-4);font-size:10px;line-height:1.45}.version-restore__primary{background:var(--accent);width:100%;min-height:42px;color:var(--accent-ink);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.version-restore__primary svg{width:16px}.version-detail__empty,.version-history__empty{min-height:240px;color:var(--text-4);text-align:center;align-content:center;justify-items:center;gap:8px;display:grid}.version-detail__empty svg,.version-history__empty svg{width:30px}.version-detail__empty strong,.version-history__empty strong{color:var(--text-2)}@media (max-width:900px){.version-history{width:calc(100vw - 20px);height:calc(100vh - 20px)}.version-history-overlay{padding:10px}.version-history__header{padding:18px 18px 14px}.version-history__toolbar,.version-history__filters{padding-left:18px;padding-right:18px}.version-history__toolbar{align-items:flex-start}.version-history__toolbar nav{max-width:calc(100vw - 180px);overflow:auto}.version-history__body{grid-template-columns:1fr;overflow:auto}.version-timeline{border-right:0;border-bottom:1px solid var(--line);min-height:260px;max-height:42vh;padding:14px 14px 18px 18px;overflow:auto}.version-detail{min-height:auto;padding:18px;display:block;overflow:visible}}.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}}:root{--chrome-border:var(--line)}@supports (color:color-mix(in lab, red, red)){:root{--chrome-border:color-mix(in srgb, var(--line) 74%, transparent)}}:root{--chrome-highlight:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){:root{--chrome-highlight:color-mix(in srgb, var(--surface-1) 86%, white 14%)}}:root{--control-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--control-hover:color-mix(in srgb, var(--accent) 7%, var(--surface-2))}}:root{--panel-shadow:0 1px 2px #1018280a, 0 10px 30px #1018280e;--editor-topbar-height:54px;--editor-contextbar-height:48px;--editor-control-height:36px}:root[data-theme=dark]{--chrome-highlight:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--chrome-highlight:color-mix(in srgb, var(--surface-1) 96%, white 4%)}}:root[data-theme=dark]{--panel-shadow:0 1px 2px #0000003d, 0 18px 44px #0000002e}.studio-shell,.operations-shell{background:var(--bg)}.rail{border-right:1px solid var(--chrome-border);box-shadow:1px 0 0 var(--surface-1)}@supports (color:color-mix(in lab, red, red)){.rail{box-shadow:1px 0 0 color-mix(in srgb, var(--surface-1) 70%, transparent)}}.rail__inner{padding-top:12px;padding-bottom:12px}.studio-brand{margin-bottom:14px}.studio-brand .studio-mark{transition:transform var(--t-base) var(--ease-out), filter var(--t-base) var(--ease)}.studio-brand:hover .studio-mark{filter:saturate(1.08);transform:translateY(-1px)scale(1.035)}.rail__item,.rail-more>summary{transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.rail__item:hover,.rail-more>summary:hover{background:var(--control-hover);transform:translateY(-1px)}.rail__item.active{background:var(--accent-soft);color:var(--accent)}.rail__item.active:before{background:var(--accent);width:3px;box-shadow:0 0 12px var(--accent-glow);border-radius:0 999px 999px 0}.tree-panel{border-right-color:var(--chrome-border);background:var(--surface-1);box-shadow:8px 0 24px #10182806}.tree-panel>header{border-bottom-color:var(--chrome-border);background:var(--chrome-highlight)}.tree-filter input,.inspector-search input,.page-switcher__menu input{background:var(--well);box-shadow:inset 0 1px 2px #10182809}.tree-row>button{transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:10px}.tree-row:hover>button{background:var(--bg-hover)}.tree-row.selected>button,.tree-row>button[aria-selected=true]{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.workspace>header{border-bottom-color:var(--chrome-border);background:var(--surface-1);height:62px;padding-inline:14px}@supports (color:color-mix(in lab, red, red)){.workspace>header{background:color-mix(in srgb, var(--surface-1) 91%, transparent)}}.workspace>header{-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);box-shadow:0 1px #10182809,0 8px 22px #10182809}.workspace>header button{border-radius:10px}.workspace>header button:hover:not(:disabled){background:var(--control-hover)}.viewports,.workspace-mode,.panel-toggles{border:1px solid var(--chrome-border);background:var(--well);padding:3px;box-shadow:inset 0 1px 2px #1018280a}.viewports button.active,.workspace-mode button.active,.panel-toggles button[aria-pressed=true]{background:var(--surface-1);color:var(--accent);box-shadow:0 1px 3px #10182817}.actions .publish,.operations>header .primary-action,.auth-screen form>button[type=submit]{background:linear-gradient(135deg, var(--accent), var(--accent));border-color:#0000}@supports (color:color-mix(in lab, red, red)){.actions .publish,.operations>header .primary-action,.auth-screen form>button[type=submit]{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 84%, #fff), var(--accent))}}.actions .publish,.operations>header .primary-action,.auth-screen form>button[type=submit]{color:var(--accent-ink);box-shadow:0 8px 22px var(--accent-glow)}.actions .publish:hover:not(:disabled),.auth-screen form>button[type=submit]:hover:not(:disabled){box-shadow:0 12px 28px var(--accent-glow);transform:translateY(-1px)}.toolbar-save-state{background:var(--surface-1);border-radius:999px;padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.toolbar-save-state{background:color-mix(in srgb, var(--surface-1) 68%, transparent)}}.toolbar-save-state i{box-shadow:0 0 0 3px}@supports (color:color-mix(in lab, red, red)){.toolbar-save-state i{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 9%, transparent)}}.canvas{background-color:var(--canvas-bg);background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);background-size:22px 22px}.canvas-frame{border-color:var(--line-strong)}@supports (color:color-mix(in lab, red, red)){.canvas-frame{border-color:color-mix(in srgb, var(--line-strong) 80%, transparent)}}.canvas-frame{box-shadow:0 1px 3px #10182814,0 24px 70px #1018281f}.canvas-page-switcher,.canvas-context{filter:drop-shadow(0 6px 16px #10182814)}.inspector-panel{border-left-color:var(--chrome-border);background:var(--surface-1);box-shadow:-12px 0 36px #1018280e}.inspector>header{border-bottom-color:var(--chrome-border);background:var(--chrome-highlight);min-height:72px}.inspector-id h2{letter-spacing:var(--track-tight)}.inspector-tabs{border-bottom-color:var(--chrome-border);gap:6px;padding:12px 16px}.inspector-tabs button{border-radius:11px;min-height:42px}.inspector-tabs button.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.inspector-section{padding-inline:18px}.inspector-section fieldset,.inspector-section-group,.setting-group{border-color:var(--chrome-border);box-shadow:none}.inspector :is(input,select,textarea),.operations :is(input,select,textarea){border-color:var(--line);background:var(--well);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease)}.inspector :is(input,select,textarea):hover,.operations :is(input,select,textarea):hover{border-color:var(--line-strong)}.inspector :is(input,select,textarea):focus,.operations :is(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.operation-panel{border-color:var(--chrome-border);background:var(--surface-1);box-shadow:var(--panel-shadow)}.operations>header{border-bottom:1px solid var(--chrome-border);background:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){.operations>header{background:color-mix(in srgb, var(--surface-1) 88%, transparent)}}.operations>header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.operation-table>article,.manga-manager>article{border-color:var(--chrome-border);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease)}.operation-table>article:hover,.manga-manager>article:hover{border-color:var(--line-strong);background:var(--bg-subtle)}.auth-screen{background-image:radial-gradient(circle at 18% 12%, var(--accent), transparent 30rem), radial-gradient(circle at 86% 86%, #8bb8ff14, transparent 28rem)}@supports (color:color-mix(in lab, red, red)){.auth-screen{background-image:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30rem), radial-gradient(circle at 86% 86%, #8bb8ff14, transparent 28rem)}}.auth-screen form{border-color:var(--chrome-border);background:var(--surface-1);width:min(420px,100%);padding:38px}@supports (color:color-mix(in lab, red, red)){.auth-screen form{background:color-mix(in srgb, var(--surface-1) 96%, transparent)}}.auth-screen form{-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);box-shadow:0 1px 2px #1018280f,0 30px 80px #10182824}.auth-brand{font-size:15px}.auth-screen h1{margin-top:34px;font-size:clamp(29px,7vw,34px)}.auth-screen label{color:var(--text-2);font-weight:var(--weight-semibold)}.auth-screen input,.auth-screen select{border-color:var(--line);background:var(--well);min-height:48px}.auth-screen input:focus,.auth-screen select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.dialog,.publish-dialog,.ai-assistant-dialog,.block-library{border-color:var(--chrome-border);box-shadow:0 30px 90px #10182833}.toast{border-color:var(--chrome-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 42px #10182824}@media (max-width:700px){.auth-screen{padding:14px}.auth-screen form{border-radius:20px;padding:30px 26px}.workspace>header{height:58px;padding-inline:8px}.inspector-section{padding-inline:14px}}@media (prefers-reduced-motion:no-preference){.operation-panel,.tree-panel,.inspector-panel{animation:professional-surface-in .24s var(--ease-out) both}@keyframes professional-surface-in{0%{opacity:.72;transform:translateY(3px)}}}.block-library{width:min(900px,100vw - 28px);max-height:min(780px,100vh - 28px);padding:0;overflow:hidden}.block-library>header{border-bottom:1px solid var(--line);padding:22px 24px 18px}.block-library>header>div{gap:3px;display:grid}.block-library>header strong{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:22px}.block-library>header small{color:var(--text-3);font-size:12px}.block-library>header button{border:1px solid var(--line);place-items:center;width:38px;height:38px;display:grid}.block-library>header button svg{width:18px}.block-library__target{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:11px;margin:14px 24px 10px;padding:9px 10px 9px 13px;display:grid}.block-library__target>svg{width:18px;color:var(--accent)}.block-library__target>span{min-width:0;display:grid}.block-library__target>span small{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.block-library__target>span strong{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.block-library__target>span em{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;font-style:normal;line-height:1.35;overflow:hidden}.block-library__target .insertion-choice{background:var(--well);border:0;grid-template-columns:none;margin:0;padding:3px;display:flex}.block-library__target .insertion-choice button{white-space:nowrap;min-height:31px;padding:0 10px;font-size:11px}.block-library__target .insertion-choice .insertion-choice__section{border-top:1px solid var(--line);color:var(--accent);flex-basis:100%;gap:6px}.block-library__target .insertion-choice .insertion-choice__section svg{width:14px}.block-library .block-library__search{border:1px solid var(--line-strong);background:var(--well);border-radius:10px;align-items:center;gap:8px;height:42px;margin:0 24px 15px;padding:0 12px;display:flex}.block-library .block-library__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.block-library__search>svg{width:17px;color:var(--text-4);flex:none}.block-library__search input{width:100%;min-width:0;height:40px;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:13px}.block-library__views{border:1px solid var(--line);background:var(--well);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 24px 18px;padding:4px;display:grid}.block-library__views button{min-height:39px;color:var(--text-3);white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.block-library__views button:hover{color:var(--text-strong);background:var(--surface)}.block-library__views button[aria-current=page]{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px #0f172a17}.block-library__views svg{width:16px}.block-library__search-result{color:var(--text-3);align-items:center;gap:7px;margin:0 24px 14px;font-size:12px;display:flex}.block-library__search-result svg{width:15px}.block-library__search-result span{gap:4px;display:inline-flex}.block-library__search-result b{color:var(--text-strong)}.block-library__search-result small{color:var(--text-4);margin-left:auto;font-size:11px}.block-library__search-preview{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:13px;min-height:78px;margin:0 24px 15px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.block-library__search-preview{background:color-mix(in srgb, var(--accent-soft) 56%, var(--surface-1))}}.block-library__search-preview>span{gap:3px;min-width:0;display:grid}.block-library__search-preview small{color:var(--text-4);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.block-library__search-preview strong{color:var(--text-strong);font-size:13px}.block-library__search-preview em{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.35;overflow:hidden}.block-structure-preview{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:8px;grid-auto-flow:column;align-items:center;gap:5px;width:104px;height:56px;padding:8px;display:grid}.block-structure-preview i{background:var(--accent);border-radius:4px;min-width:0;display:block}@supports (color:color-mix(in lab, red, red)){.block-structure-preview i{background:color-mix(in srgb, var(--accent) 16%, var(--surface-3))}}.block-structure-preview[data-kind=text]{grid-template-rows:8px 6px 6px;grid-template-columns:1fr;grid-auto-flow:row}.block-structure-preview[data-kind=text] i:first-child{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.block-structure-preview[data-kind=text] i:first-child{background:color-mix(in srgb, var(--accent) 38%, var(--surface-3))}}.block-structure-preview[data-kind=media]{grid-template-columns:1.15fr .85fr}.block-structure-preview[data-kind=media] i{background:linear-gradient(135deg, var(--accent), var(--surface-3));height:100%}@supports (color:color-mix(in lab, red, red)){.block-structure-preview[data-kind=media] i{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 38%, var(--surface-2)), var(--surface-3))}}.block-structure-preview[data-kind=action]{grid-template-columns:1fr 1fr}.block-structure-preview[data-kind=action] i{border-radius:999px;height:25px}.block-structure-preview[data-kind=action] i:first-child{background:var(--accent)}.block-structure-preview[data-kind=layout]{grid-template-columns:repeat(3,1fr)}.block-structure-preview[data-kind=layout] i{background:var(--accent);height:100%}@supports (color:color-mix(in lab, red, red)){.block-structure-preview[data-kind=layout] i{background:color-mix(in srgb, var(--accent) 20%, var(--surface-3))}}.block-library__empty{border:1px dashed var(--line-strong);min-height:210px;color:var(--text-3);text-align:center;border-radius:14px;place-items:center;gap:7px;margin:0 24px 22px;padding:32px;display:grid}.block-library__empty svg{width:28px;height:28px;color:var(--accent)}.block-library__empty strong{color:var(--text-strong);font-size:14px}.block-library__empty span{max-width:360px;font-size:12px;line-height:1.5}.block-library__empty button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:9px;align-items:center;gap:8px;min-height:40px;margin-top:7px;padding:0 14px;font-weight:750;display:inline-flex}.block-library__empty button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.block-library__empty button:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}}.block-library__empty button svg{color:currentColor;width:16px}.block-library__essentials,.block-library__recent{margin:0 24px 18px}.block-library__intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.block-library__intent-grid button{border:1px solid var(--line-strong);background:var(--surface-1);min-height:78px;color:var(--text-2);text-align:left;border-radius:12px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.block-library__intent-grid button:hover,.block-library__intent-grid button:focus-visible{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.block-library__intent-grid button:hover,.block-library__intent-grid button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.block-library__intent-grid button[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.block-library__intent-grid button>svg:last-child{width:15px;color:var(--text-4)}.block-library__intent-grid span{gap:3px;min-width:0;display:grid}.block-library__intent-grid b{color:var(--text-strong);font-size:12px}.block-library__intent-grid small{color:var(--text-4);font-size:10px;line-height:1.35}.block-library__intent-visual{background:var(--well);border-radius:9px;place-items:center;width:54px;height:54px;overflow:hidden;display:grid!important}.block-library__intent-visual>svg{width:22px;color:var(--accent)}.block-library__intent-visual .block-structure-preview{border:0;border-radius:9px;width:54px;height:54px;padding:7px}.block-library__live-preview{background:var(--accent-soft);color:var(--accent);border-radius:10px;align-items:center;gap:9px;margin:-4px 18px 10px;padding:8px 11px;display:flex}.block-library__live-preview>svg{flex:none;width:17px}.block-library__live-preview>span{gap:1px;min-width:0;display:grid}.block-library__live-preview strong{font-size:11px}.block-library__live-preview small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.block-library__similar{border:1px dashed var(--accent-border);background:var(--accent);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;margin:-8px 0 18px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.block-library__similar{background:color-mix(in srgb,var(--accent) 5%,var(--surface-1))}}.block-library__similar{color:var(--text-2);text-align:left}.block-library__similar:hover,.block-library__similar:focus-visible{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.block-library__similar>svg{width:18px;color:var(--accent)}.block-library__similar>svg:last-child{width:15px;color:var(--text-4)}.block-library__similar span{gap:2px;display:grid}.block-library__similar b{color:var(--text-strong);font-size:12px}.block-library__similar small{color:var(--text-4);font-size:10px}.block-library__assistant-choice{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:13px;gap:10px;margin:-8px 0 18px;padding:12px;display:grid}.block-library__assistant-choice>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.block-library__assistant-choice>header span{gap:2px;display:grid}.block-library__assistant-choice>header b{color:var(--text-strong);font-size:12px}.block-library__assistant-choice>header small{color:var(--text-3);font-size:10px}.block-library__assistant-choice>header button{width:28px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.block-library__assistant-choice>header button:hover{background:var(--surface-1);color:var(--text-strong)}.block-library__assistant-choice>header svg{width:15px}.block-library__assistant-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.block-library__assistant-choice>div>button{border:1px solid var(--line);background:var(--surface-1);min-width:0;min-height:74px;color:var(--text-2);text-align:left;border-radius:10px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid}.block-library__assistant-choice>div>button:hover,.block-library__assistant-choice>div>button:focus-visible{border-color:var(--accent)}.block-library__assistant-choice .section-preset-preview{width:68px;min-height:58px}.block-library__assistant-choice>div>button>span{gap:2px;min-width:0;display:grid}.block-library__assistant-choice>div>button b{color:var(--text-strong);font-size:10px}.block-library__assistant-choice>div>button small{color:var(--text-4);font-size:9px}.block-library__assistant-choice>div>button>svg{width:14px;color:var(--accent)}.block-library__recommended-heading--recipes{border-top:1px solid var(--line);margin-top:2px;padding-top:16px}.block-library__browse-actions{justify-content:flex-end;gap:8px;display:flex}.block-library__essentials>div:first-child,.block-library__recent>div:first-child{align-items:baseline;gap:9px;margin-bottom:8px;display:flex}.block-library__essentials>div:first-child strong,.block-library__recent>div:first-child strong{color:var(--text-strong);align-items:center;gap:6px;font-size:13px;display:flex}.block-library__essentials>div:first-child strong svg,.block-library__recent>div:first-child svg{width:15px;color:var(--accent)}.block-library__essentials>div:first-child small,.block-library__recent>div:first-child small{color:var(--text-4);font-size:11px}.block-library__essentials>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.block-library__recent>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.block-library__favorites>div:first-child svg{color:var(--accent);fill:currentColor}.block-library-card{min-width:0;position:relative}.block-library-card[draggable=true]{cursor:grab}.block-library-card[data-dragging=true]{opacity:.58;cursor:grabbing}.block-library__placement{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:0 18px 12px}.block-library__placement>summary{cursor:pointer;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 12px;list-style:none;display:grid}.block-library__placement>summary::-webkit-details-marker{display:none}.block-library__placement>summary>svg{width:18px;color:var(--accent)}.block-library__placement>summary span{min-width:0;display:grid}.block-library__placement>summary small{color:var(--muted);font-size:11px}.block-library__placement>summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.block-library__placement>summary em{color:var(--accent);font-size:12px;font-style:normal}.block-library__placement-body{border-top:1px solid var(--line);padding:0 10px 10px}.block-library__placement .block-library__continuous{margin:8px 0 0}.block-library-list .block-library-card__insert{padding-right:42px}.block-library-list .block-library-card__favorite{z-index:1;width:32px;min-height:32px;color:var(--text-4);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.block-library-list .block-library-card__favorite:hover,.block-library-list .block-library-card__favorite:focus-visible,.block-library-list .block-library-card__favorite[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.block-library-list .block-library-card__favorite svg{width:16px;height:16px}.block-library__essentials button,.block-library__recent button,.block-library-list button{border:1px solid var(--line);background:var(--surface-1);min-height:62px;color:var(--text-2);text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.block-library__essentials button:hover,.block-library__recent button:hover,.block-library-list button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.block-library__essentials button>svg:first-child,.block-library__recent button>svg:first-child,.block-library-list button>svg:first-child{width:19px;color:var(--accent)}.block-library__essentials button>svg:last-child,.block-library__recent button>svg:last-child,.block-library-list button>svg:last-child{width:15px;color:var(--text-4)}.block-library__essentials button span,.block-library__recent button span,.block-library-list button span{gap:2px;min-width:0;display:grid}.block-library__essentials button b,.block-library__recent button b,.block-library-list button b{color:var(--text-strong);font-size:12px;font-weight:700}.block-library__essentials button small,.block-library__recent button small,.block-library-list button small{color:var(--text-4);font:11px/1.25 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block-library .section-presets{margin:0 24px 18px}.page-template-library{border:1px solid var(--line);background:var(--surface-1);border-radius:14px;gap:12px;margin:0 24px 18px;padding:14px;display:grid}.page-template-library__heading{gap:4px;display:grid}.page-template-library__heading>span{color:var(--text-strong);align-items:center;gap:8px;display:flex}.page-template-library__heading svg{width:18px;color:var(--accent)}.page-template-library__heading small{color:var(--text-3);font-size:11px;line-height:1.45}.page-template-library__subheading{color:var(--text-strong);align-items:center;gap:8px;padding-top:4px;display:flex}.page-template-library__subheading+.page-template-library__list{margin-bottom:4px}.page-template-library__subheading svg{width:17px;height:17px;color:var(--accent)}.page-template-library__subheading span{gap:1px;display:grid}.page-template-library__subheading strong{font-size:12px}.page-template-library__subheading small{color:var(--text-4);font-size:10px;font-weight:500}.page-template-library__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.page-template-library__list article{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.page-template-library__list .section-preset-preview{width:88px;min-height:68px}.page-template-library__list article>span{gap:3px;min-width:0;display:grid}.page-template-library__list b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.page-template-library__list small{color:var(--text-4);font-size:10px;line-height:1.4}.page-template-library__list button{border:1px solid var(--accent-border);background:var(--accent-soft);min-height:34px;color:var(--accent);border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.page-template-library__list button:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.page-template-library__list button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}}.page-template-library__list button svg{width:15px}.reusable-sections{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;margin:0 24px 18px;padding:12px}.reusable-sections__heading{gap:3px;margin-bottom:10px;display:grid}.reusable-sections__heading>span{color:var(--text-strong);align-items:center;gap:7px;font-size:13px;display:flex}.reusable-sections__heading svg{width:17px;color:var(--accent)}.reusable-sections__heading small{color:var(--text-3);font-size:11px}.reusable-sections__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.reusable-sections__group{gap:7px;margin-top:12px;display:grid}.reusable-sections__group>strong{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:750}.reusable-sections__list article{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.reusable-sections__card{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:8px;display:grid}.reusable-sections__card>.section-preset-preview{width:100%;min-height:72px}.reusable-sections__card>span{gap:3px;min-width:0;display:grid}.reusable-sections__card>span b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reusable-sections__card>span small,.reusable-sections__card>span em{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.reusable-sections__insert-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.reusable-sections__insert-modes button{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:38px;color:var(--text-3);text-align:left;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;display:flex}.reusable-sections__insert-modes button:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.reusable-sections__insert-modes svg{flex:none;width:14px}.reusable-sections__insert-modes span{min-width:0;display:grid}.reusable-sections__insert-modes b{color:var(--text-strong);font-size:10px}.reusable-sections__insert-modes small{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reusable-sections__insert{min-width:0;min-height:58px;color:var(--text-2);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.reusable-sections__insert .section-preset-preview{grid-column:1/-1;width:100%}.reusable-sections__insert:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.reusable-sections__insert:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}}.reusable-sections__insert span{gap:3px;min-width:0;display:grid}.reusable-sections__insert b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reusable-sections__insert small{color:var(--text-4);font-size:10px}.reusable-sections__insert em{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.reusable-sections__thumbnail{object-fit:cover;background:var(--surface-2);border-radius:7px;grid-column:1/-1;width:100%;height:72px}.reusable-sections__insert>svg{width:16px;color:var(--accent)}.reusable-sections__actions{border-left:1px solid var(--line);align-content:center;gap:2px;padding:4px;display:grid}.reusable-sections__actions button{width:28px;height:24px;color:var(--text-4);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.reusable-sections__actions button:hover{background:var(--surface-2);color:var(--accent)}.reusable-sections__actions button:last-child:hover{color:var(--danger)}.reusable-sections__actions svg{width:14px}.reusable-creation-dialog{border:1px solid var(--line-strong);background:var(--surface-1);width:min(880px,100vw - 32px);max-height:min(780px,100vh - 32px);box-shadow:var(--shadow-xl);color:var(--text-2);border-radius:20px;overflow:hidden}.reusable-creation-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:24px 26px 19px;display:flex}.reusable-creation-dialog>header>div{gap:4px;display:grid}.reusable-creation-dialog>header small{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:750}.reusable-creation-dialog>header h2{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:22px}.reusable-creation-dialog>header p{max-width:620px;color:var(--text-3);margin:0;font-size:13px;line-height:1.45}.reusable-creation-dialog>header>button{width:38px;height:38px;color:var(--text-3);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.reusable-creation-dialog>header>button:hover{background:var(--surface-2);color:var(--text-strong)}.reusable-creation-dialog>header svg{width:20px}.reusable-creation-dialog>form{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);max-height:calc(100vh - 165px);display:grid;overflow:auto}.reusable-creation-dialog__main,.reusable-creation-dialog__preview{align-content:start;gap:18px;padding:22px 26px;display:grid}.reusable-creation-dialog__preview{border-left:1px solid var(--line);background:var(--surface-2)}.reusable-creation-dialog label{color:var(--text-2);gap:7px;font-size:12px;font-weight:700;display:grid}.reusable-creation-dialog input,.reusable-creation-dialog select{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;min-height:44px;color:var(--text-strong);font:inherit;border-radius:10px;padding:0 12px;font-weight:500}.reusable-creation-dialog input:focus,.reusable-creation-dialog select:focus{border-color:var(--accent);outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.reusable-creation-dialog input:focus,.reusable-creation-dialog select:focus{outline:3px solid color-mix(in srgb,var(--accent) 16%,transparent)}}.reusable-creation-dialog__choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid}.reusable-creation-dialog__choices legend{color:var(--text-2);grid-column:1/-1;margin-bottom:7px;font-size:12px;font-weight:700}.reusable-creation-dialog__choices button{border:1px solid var(--line-strong);background:var(--surface-1);min-height:66px;color:var(--text-3);text-align:left;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.reusable-creation-dialog__choices button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.reusable-creation-dialog__choices button:disabled{opacity:.55}.reusable-creation-dialog__choices svg{flex:none;width:19px}.reusable-creation-dialog__choices span{gap:2px;min-width:0;display:grid}.reusable-creation-dialog__choices b{color:var(--text-strong);font-size:12px}.reusable-creation-dialog__choices small{color:var(--text-4);font-size:10px;font-weight:500}.reusable-creation-dialog__preview>div{gap:3px;display:grid}.reusable-creation-dialog__preview>div strong{color:var(--text-strong);font-size:13px}.reusable-creation-dialog__preview>div small{color:var(--text-4);font-size:11px;line-height:1.4}.reusable-creation-dialog__preview>.section-preset-preview{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:12px;min-height:118px}.reusable-creation-dialog__preview fieldset{border:0;gap:9px;padding:0;display:grid}.reusable-creation-dialog__preview legend{color:var(--text-2);margin-bottom:7px;font-size:12px;font-weight:700}.reusable-creation-dialog__assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:210px;display:grid;overflow:auto}.reusable-creation-dialog__assets button{border:1px solid var(--line);background:var(--surface-1);min-width:0;color:var(--text-3);border-radius:9px;gap:4px;padding:5px;display:grid}.reusable-creation-dialog__assets button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.reusable-creation-dialog__assets img,.reusable-creation-dialog__assets button>span{object-fit:cover;background:var(--surface-3);border-radius:6px;width:100%;height:62px}.reusable-creation-dialog__assets button>span{color:var(--accent);place-items:center;font-size:11px;font-weight:800;display:grid}.reusable-creation-dialog__assets small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.reusable-creation-dialog__empty-media{color:var(--text-4);align-items:center;gap:8px;margin:0;font-size:11px;line-height:1.4;display:flex}.reusable-creation-dialog__empty-media svg{flex:none;width:18px}.reusable-creation-dialog>form>footer{border-top:1px solid var(--line);background:var(--surface-1);grid-column:1/-1;justify-content:flex-end;gap:9px;padding:15px 26px;display:flex}.reusable-creation-dialog>form>footer button{border-radius:10px;min-height:42px;padding-inline:17px}.reusable-creation-dialog>form>footer>button:first-child{border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text-2)}.reusable-creation-dialog>form>footer button[type=submit]{color:#fff}.block-library-list{padding:0 24px 22px}.block-library-list section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.block-library-list h3{margin-top:2px}@media (max-width:720px){.block-library__views{scrollbar-width:thin;display:flex;overflow-x:auto}.block-library__views button{flex:none;min-width:122px}.block-library{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.block-library__target{grid-template-columns:auto 1fr;margin-inline:14px}.block-library__target .insertion-choice{grid-column:1/-1;width:100%}.block-library__target .insertion-choice button{flex:1}.block-library .block-library__search,.block-library__essentials,.block-library__recent,.block-library .section-presets,.reusable-sections,.page-template-library,.block-library__views,.block-library__search-result,.block-library__empty,.block-library__search-preview{margin-inline:14px}.reusable-sections__list,.page-template-library__list,.block-library__essentials>div:last-child,.block-library__recent>div:last-child,.block-library-list section>div,.block-library__intent-grid,.block-library__assistant-choice>div{grid-template-columns:1fr}.block-library__browse-actions{flex-direction:column;align-items:stretch}.block-library-list{padding-inline:14px}.reusable-creation-dialog>form{grid-template-columns:1fr}.reusable-creation-dialog__preview{border-top:1px solid var(--line);border-left:0}.reusable-creation-dialog__main,.reusable-creation-dialog__preview{padding:18px}}@media (max-width:560px){.reusable-creation-dialog{border-radius:15px;width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.reusable-creation-dialog>header{padding:18px}.reusable-creation-dialog__choices{grid-template-columns:1fr}.reusable-creation-dialog>form>footer{padding:12px 18px;position:sticky;bottom:0}}.studio-insertion-followup{z-index:90;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border:1px solid var(--accent-border);background:var(--surface-1);max-width:min(640px,100vw - 36px);box-shadow:var(--shadow-3);border-radius:14px;align-items:center;gap:8px;padding:10px;display:flex;position:fixed}.studio-insertion-followup>span{min-width:160px;margin-right:4px;display:grid}.studio-insertion-followup strong{color:var(--text-strong);font-size:12px}.studio-insertion-followup small{color:var(--text-4);font-size:10px}.studio-insertion-followup button{border:1px solid var(--line-strong);background:var(--surface);min-height:34px;color:var(--text-2);border-radius:9px;padding:0 11px;font-size:11px;font-weight:700}.studio-insertion-followup button:first-of-type{border-color:var(--accent-border);background:var(--accent);color:#fff}@media (max-width:720px){.studio-insertion-followup{right:8px;bottom:calc(68px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid;left:8px}.studio-insertion-followup>span{grid-column:1/-1}.studio-insertion-followup button:last-child{display:none}}.block-library-panel-host{z-index:210;pointer-events:none;width:min(420px,100vw - 32px);position:fixed;inset:78px 16px 16px auto}.block-library-panel-host .block-library{overscroll-behavior:contain;scrollbar-color:var(--accent-border) transparent;scrollbar-width:thin;pointer-events:auto;border:1px solid var(--line-strong);background:var(--surface-1);border-radius:16px;width:100%;max-width:none;height:100%;max-height:none;overflow:hidden auto;box-shadow:0 24px 70px #0f172a3d}.block-library-panel-host .block-library::-webkit-scrollbar{width:6px}.block-library-panel-host .block-library::-webkit-scrollbar-track{background:0 0}.block-library-panel-host .block-library::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:999px}.block-library-panel-host .block-library>header{z-index:3;background:var(--surface-1);position:sticky;top:0}.block-library-panel-host .block-library>header,.block-library-panel-host .block-library>.block-library__search,.block-library-panel-host .block-library>.block-library__placement,.block-library-panel-host .block-library>.block-library__live-preview,.block-library-panel-host .block-library>.block-library__views,.block-library-panel-host .block-library>.block-library__search-result{flex:none}.block-library-panel-host .block-library__target{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-block:10px}.block-library__target details{position:relative}.block-library__target summary{border:1px solid var(--line);color:var(--accent);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;list-style:none}.block-library__target summary::-webkit-details-marker{display:none}.block-library__target details .insertion-choice{z-index:5;border:1px solid var(--line);background:var(--surface-1);width:190px;box-shadow:var(--shadow-3);border-radius:10px;grid-template-columns:repeat(2,minmax(74px,1fr));padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.block-library__continuous{background:var(--well);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin:-4px 24px 14px;padding:9px 11px;display:flex}.block-library__continuous input{width:17px;height:17px;accent-color:var(--accent)}.block-library__continuous span{gap:1px;display:grid}.block-library__continuous strong{color:var(--text-2);font-size:12px}.block-library__continuous small{color:var(--text-4);font-size:10px}.block-library-panel-host .block-library__views{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.block-library-panel-host .block-library__views button{gap:4px;min-width:0;padding-inline:5px;font-size:10px}.block-library-panel-host .block-library__views button svg{flex:none;width:15px}.block-library-panel-host .block-library__recommended-grid{grid-template-columns:1fr}.block-library-panel-host .block-library__recommended-grid>button{grid-template-columns:112px minmax(0,1fr) auto;min-height:88px}.block-library-panel-host .block-library__recommended-grid>button>.section-preset-preview{width:112px;min-height:72px}.block-library__subviews{background:var(--well);border-radius:9px;gap:4px;margin:-4px 24px 14px;padding:3px;display:flex}.block-library__subviews button{min-height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;font-size:11px}.block-library__subviews button.active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-1)}.block-library-card__presets{flex-wrap:wrap;gap:4px;padding:0 8px 8px;display:flex}.block-library-panel-host .block-library-list>section>div{grid-template-columns:1fr}.block-library-panel-host .block-library-card__insert{text-align:left;grid-template-columns:54px minmax(0,1fr) auto;min-height:70px}.block-library-card__visual{border:1px solid var(--line);background:var(--well);border-radius:9px;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden}.block-library-card__visual>.block-structure-preview{width:38px;height:38px}.block-library-card__visual>svg{background:var(--surface-1);width:14px;height:14px;color:var(--accent);box-shadow:var(--shadow-1);border-radius:4px;padding:2px;position:absolute;bottom:3px;right:3px}.block-library-panel-host .block-library-card__insert>span:nth-child(2){min-width:0}.block-library-panel-host .block-library-card__insert b,.block-library-panel-host .block-library-card__insert small{text-overflow:ellipsis;overflow:hidden}.block-library-panel-host .block-library-card__insert small{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}@media (min-width:1121px){.studio-shell.library-open:not(.mika-open){width:calc(100% - 428px);transition:width .18s ease-out}.studio-shell.library-open:not(.mika-open)>.inspector-panel{display:none}.studio-shell.library-open:not(.mika-open) .preview-frame{transition:none}}.block-library-list .block-library-card__presets button{min-height:28px;color:var(--text-3);border-radius:999px;padding:4px 8px;font-size:10px}@media (max-width:720px){.block-library-panel-host{width:auto;height:min(78svh,760px);inset:auto 6px 6px}.block-library-panel-host .block-library{border-radius:16px;width:100%;max-height:none}.block-library-panel-host .block-library__target,.block-library__continuous,.block-library__subviews{margin-inline:14px}.block-library-panel-host .block-library__views button{flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding-inline:2px;font-size:9px;line-height:1.1}.block-library__intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.block-library__intent-grid button{grid-template-columns:44px minmax(0,1fr);min-height:72px}.block-library__intent-grid button>svg:last-child{display:none}.block-library__intent-visual,.block-library__intent-visual .block-structure-preview{width:44px;height:44px}}@media (min-width:761px){.workspace>header{height:var(--editor-topbar-height);min-height:var(--editor-topbar-height);gap:6px;padding:0 12px;box-shadow:0 1px #1018280a}.workspace>header button{height:var(--editor-control-height);min-height:var(--editor-control-height);border-radius:9px}.workspace>header svg{width:16px;height:16px}.workspace>header .toolbar-back,.workspace>header .history button{min-width:36px;padding-inline:9px}.workspace>header .history{border-right:1px solid var(--chrome-border);gap:0;padding-right:4px}.workspace>header .viewports{border-radius:11px;height:38px;margin-left:0;padding:2px}.workspace>header .viewports button{border-radius:8px;gap:6px;width:auto;min-width:56px;height:32px;min-height:32px;padding:0 9px}.workspace>header .viewports button span{font-variant-numeric:tabular-nums;font-size:11px}.workspace>header .toolbar-save-state{min-height:32px;padding:0 10px;font-size:12px}.workspace>header .actions{gap:4px;margin-left:auto;padding-left:4px}.workspace>header .ai-assistant-trigger{min-width:36px;padding-inline:7px}.workspace>header .ai-assistant-trigger .mika-avatar{display:inline-grid}.workspace>header .ai-assistant-trigger>span:last-child{display:inline}.workspace>header .toolbar-save-state{display:inline-flex}.workspace>header .actions .publish{height:40px;min-height:40px;box-shadow:0 5px 16px var(--accent-glow);border-radius:10px;padding-inline:16px}.canvas{gap:8px;padding:8px 14px 16px}.canvas-context{min-height:var(--editor-contextbar-height);filter:none;gap:6px;padding:0 2px}.canvas-page-switcher{filter:none;width:min(340px,48%);min-width:240px}.canvas-page-switcher .page-switcher__trigger{border-radius:9px;min-height:42px;padding:4px 10px;box-shadow:0 1px 2px #1018280d}.page-switcher__current strong{font-size:13px;line-height:16px}.page-switcher__current small{font-size:10px;line-height:13px}.canvas-context .canvas-mode,.canvas-context .canvas-tool,.canvas-context .preview-tools>summary{border-radius:9px;height:36px;min-height:36px}.canvas-context .canvas-mode{padding-inline:11px}.canvas-frame,.preview-frame{border-radius:10px}.preview-frame iframe{height:100%}}@media (min-width:761px) and (max-width:1180px){.workspace>header .viewports button{min-width:36px;padding-inline:8px}.workspace>header .viewports button span,.workspace>header .toolbar-back span,.workspace>header .ai-assistant-trigger>span:last-child{display:none}.workspace>header .toolbar-save-state{width:32px;min-width:32px;box-shadow:none;color:#0000;background:0 0;justify-content:center;padding:0;overflow:hidden}.workspace>header .toolbar-save-state i{flex:none}.canvas-page-switcher{width:min(300px,48%)}}@media (min-width:761px) and (max-width:1120px){.studio-shell,.studio-shell.no-tree,.studio-shell.no-inspector,.studio-shell.no-tree.no-inspector,.studio-shell:not(.no-inspector),.studio-shell.no-tree:not(.no-inspector){width:100vw;overflow:hidden;grid-template-columns:68px minmax(0,1fr)!important}.studio-shell>.workspace{grid-column:2;min-width:0}.studio-shell>.tree-panel,.studio-shell>.inspector-panel{z-index:60;top:var(--editor-topbar-height);width:min(360px,100vw - 68px);box-shadow:var(--shadow-4);position:fixed;bottom:0}.studio-shell>.tree-panel{left:68px}.studio-shell>.inspector-panel{left:auto;right:0}.canvas-context{z-index:30}}@media (min-width:1101px){.studio-shell:is(.mika-open,:not(.no-inspector)) .canvas,.ai-copilot-layer .ai-assistant-thread,.ai-copilot-layer .ai-assistant-proposal{scrollbar-gutter:stable}.studio-shell:is(.mika-open,:not(.no-inspector)) .preview-scale-shell{contain:layout paint;isolation:isolate;transform:translateZ(0)}.studio-shell:is(.mika-open,:not(.no-inspector)) .preview-scale-shell>.preview-frame{backface-visibility:hidden;will-change:transform;transition:none!important;animation:none!important}.studio-shell:is(.mika-open,:not(.no-inspector)) .preview-frame iframe{backface-visibility:hidden}.studio-shell:not(.no-inspector)>.inspector-panel{contain:layout paint;transition:none!important;animation:none!important}}.rail__appearance{width:62px;padding:0;position:relative}.rail__appearance .rail__appearance-choices{z-index:110;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface-1);width:max-content;box-shadow:var(--shadow-3);grid-template-columns:repeat(3,36px);gap:3px;margin:0;padding:4px;display:grid;position:absolute;bottom:0;left:68px}.rail__appearance .rail__appearance-choices button{width:36px!important;min-width:36px!important;height:36px!important}.rail .rail-more__menu{grid-template-columns:minmax(0,1fr);gap:10px;width:260px;max-width:calc(100vw - 82px);padding:12px;overflow-x:hidden}.rail .rail-more__menu section+section{border-top:1px solid var(--line);padding-top:8px}@media (max-width:760px){.rail .rail-more__menu{width:auto;max-width:none;inset:10px 10px 10px min(304px,84vw)}}.block-library__recommended{gap:14px;margin:0 24px 20px;display:grid}.block-library__recommended-heading{gap:3px;display:grid}.block-library__recommended-heading>span{color:var(--text-strong);align-items:center;gap:7px;display:flex}.block-library__recommended-heading svg{width:17px;color:var(--accent)}.block-library__recommended-heading small{color:var(--text-3);font-size:11px}.block-library__recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.block-library__recommended-grid>button{border:1px solid var(--line-strong);background:var(--surface-1);min-width:0;color:var(--text-2);text-align:left;border-radius:12px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.block-library__recommended-grid>button:hover,.block-library__recommended-grid>button:focus-visible{border-color:var(--accent-border);background:var(--accent-soft)}.block-library__recommended-grid>button>.section-preset-preview{width:92px;min-height:68px}.block-library__recommended-grid>button>span{gap:3px;min-width:0;display:grid}.block-library__recommended-grid b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.block-library__recommended-grid small{color:var(--text-4);font-size:10px}.block-library__recommended-grid>button>svg{width:15px;color:var(--accent)}.block-library__recommended-elements{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.block-library__recommended-elements button{border:1px solid var(--line-strong);background:var(--surface-1);min-height:52px;color:var(--text-2);text-align:left;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.block-library__recommended-elements button>svg{width:18px;color:var(--accent)}.block-library__recommended-elements button>svg:last-child{width:14px;margin-left:auto}.block-library__recommended-elements button span{gap:2px;min-width:0;display:grid}.block-library__recommended-elements button b{color:var(--text-strong);font-size:12px}.block-library__recommended-elements button small{color:var(--text-4);font-size:10px}.block-library__browse-all{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:750}.block-library__browse-all:hover{text-decoration:underline}.block-library__category-filter{scrollbar-width:thin;gap:6px;margin:0 24px 14px;padding-bottom:2px;display:flex;overflow-x:auto}.block-library__category-filter button{border:1px solid var(--line);min-height:30px;color:var(--text-3);background:0 0;border-radius:999px;flex:none;padding:0 10px;font-size:10px;font-weight:700}.block-library__category-filter button[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}@media (max-width:720px){.block-library__recommended,.block-library__category-filter{margin-inline:14px}.block-library__recommended-grid{grid-template-columns:1fr}}.mika-character{--mika-size:96px;width:var(--mika-size);height:var(--mika-size);flex:0 0 var(--mika-size);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .2s var(--ease);contain:layout paint;place-items:end center;display:inline-grid;position:relative}.mika-character.is-visible{opacity:1}.mika-character--sm{--mika-size:48px}.mika-character--md{--mika-size:96px}.mika-character--lg{--mika-size:160px}.mika-character--xl{--mika-size:240px}.mika-character.mika-topbar-avatar{--mika-size:24px}.mika-character img{object-fit:contain;object-position:center bottom;transform-origin:50% 92%;width:100%;height:100%;display:block}.mika-character--rest.is-looping img{animation:3.2s ease-in-out infinite mika-rest}.mika-character--thinking.is-looping img{animation:2.4s ease-in-out infinite mika-thinking}.mika-character--explaining img{animation:mika-explaining .4s var(--ease-out) both}.mika-character--problem img{animation:mika-problem .5s var(--ease-out) both}.mika-character--hello img{animation:mika-hello .6s var(--ease-out) both}.mika-character--winning img{animation:mika-winning .7s var(--ease-out) both}.mika-character--guider.is-looping img{animation:4s ease-in-out infinite mika-guider}@keyframes mika-rest{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mika-thinking{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes mika-explaining{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes mika-problem{0%{opacity:0;transform:translateY(7px)scale(.98)}55%{opacity:1;transform:translateY(-3px)scale(1.015)}to{transform:translateY(0)scale(1)}}@keyframes mika-hello{0%,to{transform:translateY(0)}42%{transform:translateY(-10px)}72%{transform:translateY(2px)}}@keyframes mika-winning{0%,to{transform:translateY(0)scale(1)}42%{transform:translateY(-16px)scale(1.06)}72%{transform:translateY(2px)scale(.99)}}@keyframes mika-guider{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.mika-publish-success{right:var(--s-6);bottom:var(--s-6);z-index:90;align-items:center;gap:var(--s-3);max-width:min(360px,100vw - 32px);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-2);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-lg);color:var(--text);pointer-events:none;animation:mika-notice-in .22s var(--ease-out) both;display:flex;position:fixed}.mika-publish-success strong,.mika-publish-success span{display:block}.mika-publish-success span{color:var(--text-2);font-size:var(--text-sm)}@keyframes mika-notice-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mika-operation-guide{align-items:center;gap:var(--s-4);max-width:680px;margin-top:var(--s-5);padding:var(--s-3) var(--s-5) var(--s-3) var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);display:flex}.mika-operation-guide strong,.mika-operation-guide span{display:block}.mika-operation-guide span{color:var(--text-2);font-size:var(--text-sm);margin-top:3px}.auth-mika-guide{align-items:center;gap:var(--s-3);margin:calc(var(--s-3) * -1) 0 var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line);display:flex}.auth-mika-guide>span{min-width:0}.auth-mika-guide strong,.auth-mika-guide small{display:block}.auth-mika-guide small{color:var(--text-2);margin-top:3px;line-height:1.45}.mika-demo{background:var(--background);min-height:100svh;color:var(--foreground);padding:clamp(24px,5vw,72px)}.mika-demo header{max-width:720px;margin-bottom:var(--s-8)}.mika-demo h1{margin:0 0 var(--s-2);font:600 clamp(34px, 5vw, 60px)/1 var(--font-display)}.mika-demo p{color:var(--text-2)}.mika-demo__grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.mika-demo figure{min-height:280px;padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);place-items:center;margin:0;display:grid}.mika-demo figcaption{align-self:end;width:100%}.mika-demo figcaption strong,.mika-demo figcaption span{display:block}.mika-demo figcaption span{color:var(--text-2);font-size:var(--text-sm);margin-top:4px}.editor-tour__guide{align-items:flex-end;gap:var(--s-3);min-height:96px;padding-right:var(--s-6);display:flex}.editor-tour__guide>span{min-width:0;padding-bottom:var(--s-2)}.editor-tour__guide small{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.editor-tour__guide h2{margin-bottom:0}@media (prefers-reduced-motion:reduce){.mika-character,.mika-character img,.mika-publish-success{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{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}