*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.015em;color:var(--text)}::-moz-selection{background:#2563eb2e}::selection{background:#2563eb2e}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted-2);background-clip:content-box}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-3{left:.75rem}.right-0{right:0}.right-2\.5{right:.625rem}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[140\]{z-index:140}.z-\[160\]{z-index:160}.z-\[170\]{z-index:170}.z-\[200\]{z-index:200}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.-mb-px{margin-bottom:-1px}.-mr-1\.5{margin-right:-.375rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[38px\]{height:38px}.h-px{height:1px}.max-h-\[260px\]{max-height:260px}.max-h-\[320px\]{max-height:320px}.min-h-\[38px\]{min-height:38px}.w-11{width:2.75rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[150px\]{width:150px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-auto{width:auto}.min-w-0{min-width:0px}.min-w-9{min-width:2.25rem}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[94vw\]{max-width:94vw}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-scale-in{animation:scale-in .16s cubic-bezier(.16,1,.3,1)}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--radius)}.rounded-\[6px\]{border-radius:6px}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent{border-color:var(--accent)}.border-danger{border-color:var(--danger)}.border-line{border-color:var(--border)}.border-line-strong{border-color:var(--border-strong)}.border-transparent{border-color:transparent}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-line{background-color:var(--border)}.bg-navy-900{background-color:var(--navy-900)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:transparent}.fill-navy-900{fill:var(--navy-900)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3\.5{padding:.875rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-ink{color:var(--text)}.text-ink-2{color:var(--text-2)}.text-ink-faint{color:var(--muted-2)}.text-ink-muted{color:var(--muted)}.text-muted{color:var(--bg-muted)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-accent-soft{--tw-ring-color: var(--accent-soft)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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-sm{--tw-backdrop-blur: blur(4px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font: var(--font-sans);--bg: #f5f7fb;--bg-subtle: #f8fafc;--bg-muted: #eef2f7;--surface: #ffffff;--surface-2: #f8fafc;--border: #e7ecf3;--border-strong: #d3dbe6;--text: #0b1729;--text-2: #33415a;--muted: #64748b;--muted-2: #94a3b8;--navy-950: #08182c;--navy-900: #0b1f38;--navy-800: #0f2c4c;--navy-700: #173a61;--steel-700: #3a4a5f;--steel-500: #647890;--steel-300: #9fb0c2;--accent: #2563eb;--accent-700: #1d4ed8;--accent-400: #60a5fa;--accent-soft: #eef4ff;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-50: #eef4ff;--success: #16a34a;--success-soft: #ecfdf3;--success-bg: #ecfdf3;--warning: #d97706;--warning-soft: #fffaeb;--warning-bg: #fffaeb;--danger: #dc2626;--danger-soft: #fef3f2;--danger-bg: #fef3f2;--radius-sm: 8px;--radius: 11px;--radius-lg: 16px;--radius-xl: 22px;--shadow-xs: 0 1px 2px rgba(8, 23, 44, .05);--shadow-sm: 0 1px 2px rgba(8, 23, 44, .06), 0 1px 3px rgba(8, 23, 44, .05);--shadow-md: 0 8px 24px rgba(8, 23, 44, .09);--shadow-lg: 0 24px 60px rgba(8, 23, 44, .18);--ring: 0 0 0 3px rgba(37, 99, 235, .3);--sidebar-w: 268px;--topbar-h: 64px;--page-pad: 30px;--content-max: none}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(185deg,var(--navy-900) 0%,var(--navy-950) 100%);color:#c7d3e3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.05)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 20px;height:var(--topbar-h);border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(160deg,var(--accent),var(--accent-700));display:grid;place-items:center;color:#fff;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px #2563eb66}.sidebar-brand .name{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.01em}.sidebar-brand .sub{color:var(--accent-400);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.workspace-switcher{margin:12px;position:relative}.workspace-switcher button.ws-trigger{width:100%;display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#fff;padding:9px 11px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.workspace-switcher button.ws-trigger:hover{background:#ffffff17;border-color:#ffffff29}.workspace-switcher .ws-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(160deg,var(--accent),var(--accent-700));display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0;color:#fff}.workspace-switcher .ws-meta{text-align:left;flex:1;min-width:0}.workspace-switcher .ws-meta .t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.workspace-switcher .ws-meta .s{font-size:11px;color:var(--steel-300)}.ws-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:40;padding:6px;max-height:60vh;overflow:auto;animation:scale-in .16s cubic-bezier(.16,1,.3,1)}.ws-menu .ws-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--text)}.ws-menu .ws-item:hover{background:var(--accent-soft)}.ws-menu .ws-item.active{background:var(--accent-soft);color:var(--accent)}.ws-menu .ws-item .badge-dot{margin-left:auto}.nav{flex:1;overflow-y:auto;padding:4px 12px 20px}.nav-group-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500);padding:16px 12px 7px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:#aebbcd;cursor:pointer;font-weight:500;font-size:13.5px;margin-bottom:2px;transition:all .13s ease}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:linear-gradient(160deg,var(--accent),var(--accent-700));color:#fff;box-shadow:0 6px 16px #2563eb66}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item .count{margin-left:auto;font-size:11px;background:#ffffff1f;padding:1px 7px;border-radius:20px}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.06)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}.user-chip .avatar{width:32px;height:32px;border-radius:50%;background:var(--navy-700);color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}.user-chip .u-meta{min-width:0}.user-chip .u-meta .n{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .u-meta .r{font-size:11px;color:var(--steel-300);text-transform:capitalize}.icon-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;transition:background .14s ease,color .14s ease}.icon-btn:hover{background:#ffffff14}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 var(--page-pad);position:sticky;top:0;z-index:20}.topbar .crumbs{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.topbar .crumbs b{color:var(--text);font-weight:600}.spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px}.page{padding:var(--page-pad);width:100%;max-width:var(--content-max);margin:0 auto}.page.page-narrow{--content-max: 720px}@media (min-width: 1800px){:root{--page-pad: 40px}}@media (min-width: 2400px){:root{--page-pad: 56px}}.page-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}.page-header .ph-text h1{font-size:23px;font-weight:700}.page-header .ph-text p{margin:5px 0 0;color:var(--muted);font-size:13.5px;max-width:640px}.page-header .ph-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 15px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .14s ease;white-space:nowrap;background:var(--surface);color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #2563eb66,0 4px 14px #2563eb38}.btn-primary:hover:not(:disabled){background:var(--accent-700);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb66,0 8px 20px #2563eb47}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-2)}.btn-secondary:hover:not(:disabled){border-color:var(--muted-2);background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-danger-soft:hover:not(:disabled){background:#fbdcdc}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--border)}.card-head h3{font-size:15px}.card-head .sub{color:var(--muted);font-size:12.5px}.field{margin-bottom:16px}.field>label,.label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.label .req{color:var(--danger);margin-left:1px}.hint{color:var(--muted);font-size:12px;margin-top:5px}.input,.textarea,.select{width:100%;border:1px solid var(--border-strong);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--text);transition:border .14s ease,box-shadow .14s ease;outline:none;font-size:13.5px}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--muted-2)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:var(--ring)}.textarea{resize:vertical;min-height:92px;line-height:1.55}.input.invalid,.textarea.invalid{border-color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 880px){.grid-2,.grid-3{grid-template-columns:1fr}}.lang-tabs{display:inline-flex;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.lang-tabs button{border:none;background:transparent;padding:6px 14px;border-radius:7px;font-weight:600;font-size:12.5px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .14s ease}.lang-tabs button:hover{color:var(--text-2)}.lang-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.lang-tabs .miss{width:7px;height:7px;border-radius:50%;background:var(--warning)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table.table{width:100%;border-collapse:collapse;font-size:13.5px}table.table th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}table.table td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}table.table tr:last-child td{border-bottom:none}table.table tbody tr{transition:background .1s ease}table.table tbody tr:hover{background:var(--surface-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.cell-thumb{width:42px;height:42px;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.cell-title{font-weight:600;color:var(--text)}.cell-sub{color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%}.badge-published,.badge-active{background:var(--success-soft);color:var(--success)}.badge-published .dot,.badge-active .dot{background:var(--success)}.badge-draft,.badge-passive{background:var(--bg-muted);color:var(--muted)}.badge-draft .dot,.badge-passive .dot{background:var(--muted-2)}.badge-archived,.badge-warn{background:var(--warning-soft);color:var(--warning)}.badge-archived .dot{background:var(--warning)}.badge-soft{background:var(--accent-soft);color:var(--accent)}.badge-dot{width:8px;height:8px;border-radius:50%}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-2)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.stat-grid{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);display:flex;gap:14px;align-items:flex-start;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat .s-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.stat .s-val{font-size:27px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.stat .s-label{color:var(--muted);font-size:12.5px;margin-top:3px}.stat.warn .s-icon{background:var(--warning-soft);color:var(--warning)}.stat.warn .s-val{color:var(--warning)}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{min-width:280px;max-width:380px;background:var(--navy-900);color:#fff;border-radius:11px;padding:13px 15px;box-shadow:var(--shadow-lg);display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(255,255,255,.08);animation:toast-in .24s cubic-bezier(.21,1.02,.73,1)}.toast .t-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.toast.success .t-icon{color:#4ade80}.toast.error .t-icon{color:#f87171}.toast.info .t-icon{color:var(--accent-400)}.toast .t-body{flex:1;font-size:13px}.toast .t-title{font-weight:600;margin-bottom:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08182c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:56px 20px;overflow-y:auto;animation:fade-in .16s ease}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:scale-in .18s cubic-bezier(.16,1,.3,1)}.modal.lg{max-width:820px}.modal.xl{max-width:1040px}.modal-head{display:flex;align-items:center;padding:17px 22px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16px}.modal-body{padding:22px;max-height:66vh;overflow-y:auto}.modal-foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:15px 22px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08182c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;animation:fade-in .16s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:var(--surface);box-shadow:var(--shadow-lg);z-index:101;display:flex;flex-direction:column;animation:slide-in-right .24s cubic-bezier(.16,1,.3,1)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,#e2e7ef 37%,var(--bg-muted) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}.center-spin{display:grid;place-items:center;padding:60px}.spinner{width:26px;height:26px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner.sm{width:16px;height:16px;border-width:2px}.empty-state{text-align:center;padding:56px 24px;color:var(--muted)}.empty-state .e-icon{width:58px;height:58px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 16px}.empty-state h3{margin-bottom:6px;font-size:16px}.banner{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:10px;font-size:13.5px;margin-bottom:18px}.banner svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.banner-error{background:var(--danger-soft);color:#991b1b;border:1px solid #f6c9c9}.banner-warn{background:var(--warning-soft);color:#92660a;border:1px solid #f2dca8}.banner-info{background:var(--accent-soft);color:#1d4ed8;border:1px solid #cfe0ff}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:11px;width:16px;height:16px;color:var(--muted-2);pointer-events:none}.search-input input{padding-left:34px;min-width:240px}.switch{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:20px;transition:background .16s ease;cursor:pointer}.switch .track:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .16s ease;box-shadow:var(--shadow-sm)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(18px)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}@media (max-width: 860px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none!important}}.login-aside{background:linear-gradient(150deg,var(--navy-800),var(--navy-950));color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside .grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at 30% 20%,black,transparent 75%);mask-image:radial-gradient(circle at 30% 20%,black,transparent 75%)}.login-aside h2{color:#fff;font-size:30px;line-height:1.2;position:relative;letter-spacing:-.02em}.login-aside p{color:var(--steel-300);position:relative;max-width:420px;margin-top:12px}.login-feature{display:flex;gap:12px;align-items:center;margin-top:16px;position:relative;color:#dce6f2}.login-feature .lf-ic{width:38px;height:38px;border-radius:11px;background:#60a5fa29;color:var(--accent-400);display:grid;place-items:center;flex-shrink:0}.login-main{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:384px}.login-card .brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-card .brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(160deg,var(--accent),var(--accent-700));color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 6px 16px #2563eb66}.kv-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.drag-handle{cursor:grab;color:var(--muted-2);display:grid;place-items:center;width:28px;height:28px}.section-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;transition:border-color .14s ease,box-shadow .14s ease}.section-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.section-row.disabled{opacity:.6}.section-row .s-type{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.order-btns{display:flex;flex-direction:column;gap:2px}.order-btns button{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:26px;height:20px;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:all .13s ease}.order-btns button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.order-btns button:disabled{opacity:.4;cursor:not-allowed}.code-block{background:var(--navy-950);color:#cfe0ff;border-radius:var(--radius-sm);padding:16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-all;position:relative}.copy-btn{position:absolute;top:10px;right:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}.media-tile{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);cursor:pointer;transition:all .14s ease}.media-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.media-tile.selected{border-color:var(--accent);box-shadow:var(--ring)}.media-tile .thumb{height:124px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;color:var(--muted-2)}.media-tile .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-tile .m-meta{padding:9px 11px;border-top:1px solid var(--border)}.media-tile .m-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile .m-sub{font-size:11px;color:var(--muted)}.divider{height:1px;background:var(--border);margin:18px 0}.tag-input-row{display:flex;gap:8px;align-items:center}.color-swatch{width:38px;height:38px;border-radius:9px;border:1px solid var(--border-strong);padding:0;cursor:pointer}.thumb-picker{display:flex;gap:12px;align-items:center}.thumb-preview{width:84px;height:84px;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);display:grid;place-items:center;overflow:hidden;background:var(--surface-2);color:var(--muted-2);flex-shrink:0}.thumb-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted);background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.w-full{width:100%}.text-muted{color:var(--muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.text-right{text-align:right}.mono{font-family:var(--font-mono);font-size:12.5px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.topbar-burger{display:none;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;flex-shrink:0;transition:background .14s ease,border-color .14s ease}.topbar-burger:hover{background:var(--surface-2);border-color:var(--border-strong)}.sidebar-close{display:none}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:120;transform:translate(-100%);transition:transform .26s cubic-bezier(.16,1,.3,1)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08182c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:110;animation:fade-in .16s ease}.topbar-burger{display:inline-grid}.sidebar-close{display:inline-grid;margin-left:auto}:root{--page-pad: 18px}.topbar{padding:0 18px}}@media (max-width: 560px){.page-header{flex-direction:column}.page-header .ph-actions{margin-left:0;width:100%}.toolbar{flex-direction:column;align-items:stretch}.toolbar>*{width:100%}.row-actions{flex-wrap:wrap}}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.breadcrumb a{color:var(--muted);transition:color .13s ease}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{color:var(--muted-2);display:inline-grid;place-items:center}.breadcrumb .current{color:var(--text-2);font-weight:600}.page-header .ph-text .ph-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:7px;display:flex;align-items:center;gap:7px}.page-header.lg .ph-text h1{font-size:26px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-bar .fb-spacer{flex:1}.filter-bar .fb-field{min-width:168px}.segmented{display:inline-flex;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;padding:6px 13px;border-radius:7px;font-weight:600;font-size:12.5px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .14s ease;white-space:nowrap}.segmented button:hover{color:var(--text-2)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented button .seg-count{font-size:11px;padding:0 6px;border-radius:10px;background:var(--bg-muted);color:var(--muted);min-width:18px;text-align:center}.segmented button.active .seg-count{background:var(--accent-soft);color:var(--accent)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-card .table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.table-card .table-foot .t-count{font-size:12.5px;color:var(--muted)}table.table tbody tr.clickable{cursor:pointer}table.table .num{font-variant-numeric:tabular-nums}.cell-flex{display:flex;align-items:center;gap:12px;min-width:0}.iconbtn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .13s ease;flex-shrink:0}.iconbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.iconbtn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.iconbtn:disabled{opacity:.5;cursor:not-allowed}.iconbtn svg{width:15px;height:15px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,26%,440px);gap:24px;align-items:start}.form-aside{position:sticky;top:calc(var(--topbar-h) + 22px);display:flex;flex-direction:column;gap:16px}@media (max-width: 1080px){.form-layout{grid-template-columns:1fr}.form-aside{position:static}}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;overflow:hidden}.form-section>.fs-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.form-section>.fs-head .fs-ic{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.form-section>.fs-head h3{font-size:14.5px}.form-section>.fs-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.form-section>.fs-body{padding:20px}.form-section>.fs-body .field:last-child{margin-bottom:0}.save-bar{position:sticky;bottom:0;z-index:30;margin:24px calc(var(--page-pad) * -1) calc(var(--page-pad) * -1);padding:14px var(--page-pad);background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.save-bar .sb-status{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.save-bar .sb-dot{width:8px;height:8px;border-radius:50%;background:var(--warning)}.save-bar .sb-dot.clean{background:var(--success)}.save-bar .sb-actions{margin-left:auto;display:flex;gap:10px}@media (max-width: 560px){.save-bar{flex-direction:column;align-items:stretch}.save-bar .sb-actions{margin-left:0}.save-bar .sb-actions .btn{flex:1}}.detail-hero{background:linear-gradient(160deg,var(--navy-800),var(--navy-950));border-radius:var(--radius-lg);padding:26px 28px;color:#fff;position:relative;overflow:hidden;margin-bottom:22px}.detail-hero .dh-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 20% 0%,black,transparent 80%);mask-image:radial-gradient(circle at 20% 0%,black,transparent 80%);pointer-events:none}.detail-hero .dh-main{position:relative;display:flex;gap:20px;align-items:flex-start}.detail-hero .dh-thumb{width:88px;height:88px;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;flex-shrink:0}.detail-hero .dh-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-400);font-weight:700;margin-bottom:8px}.detail-hero h1{color:#fff;font-size:25px;letter-spacing:-.02em}.detail-hero .dh-sub{color:var(--steel-300);margin-top:6px;font-size:13.5px;max-width:620px}.detail-hero .dh-meta{position:relative;display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.detail-hero .dh-meta .m{min-width:0}.detail-hero .dh-meta .m .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500);font-weight:600}.detail-hero .dh-meta .m .v{font-size:13.5px;color:#e6edf6;margin-top:3px;font-weight:500}.detail-hero .dh-actions{position:relative;display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.detail-hero .dh-actions .btn-secondary{background:#ffffff14;border-color:#ffffff29;color:#fff}.detail-hero .dh-actions .btn-secondary:hover:not(:disabled){background:#ffffff24;border-color:#ffffff47}.detail-hero .dh-actions .badge{align-self:center}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,24%,420px);gap:24px;align-items:start}@media (max-width: 1024px){.detail-grid{grid-template-columns:1fr}}.meta-list{display:flex;flex-direction:column}.meta-list .row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px}.meta-list .row:last-child{border-bottom:none}.meta-list .row .k{color:var(--muted)}.meta-list .row .v{color:var(--text);font-weight:500;text-align:right}.danger-zone{border:1px solid #f6c9c9;background:var(--danger-soft);border-radius:var(--radius);overflow:hidden}.danger-zone .dz-head{padding:16px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #f6c9c9}.danger-zone .dz-head .dz-ic{width:36px;height:36px;border-radius:10px;background:#fbdcdc;color:var(--danger);display:grid;place-items:center;flex-shrink:0}.danger-zone .dz-head h3{font-size:14.5px;color:#991b1b}.danger-zone .dz-head p{margin:2px 0 0;font-size:12.5px;color:#b4524f}.danger-zone .dz-body{padding:18px 20px;background:var(--surface)}.confirm-page{max-width:560px;margin:0 auto}.confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.confirm-card .cc-top{padding:28px;text-align:center;border-bottom:1px solid var(--border);background:var(--danger-soft)}.confirm-card .cc-ic{width:56px;height:56px;border-radius:16px;background:#fbdcdc;color:var(--danger);display:grid;place-items:center;margin:0 auto 14px}.confirm-card .cc-top h2{font-size:19px}.confirm-card .cc-top p{color:var(--text-2);margin-top:6px;font-size:13.5px}.confirm-card .cc-body{padding:24px 28px}.preview-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.preview-frame .pf-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.preview-frame .pf-dots{display:flex;gap:5px}.preview-frame .pf-dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.preview-frame .pf-url{font-size:11.5px;color:var(--muted);font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:3px 10px;flex:1}.preview-frame iframe{width:100%;border:0;display:block;background:#fff}.rte{border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);overflow:hidden;transition:border .14s ease,box-shadow .14s ease}.rte.focused{border-color:var(--accent);box-shadow:var(--ring)}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:8px 10px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);position:sticky;top:0;z-index:2}.rte-toolbar .tb-sep{width:1px;align-self:stretch;background:var(--border);margin:3px 5px}.rte-tb-group{display:inline-flex;align-items:center;gap:2px}.rte-tb-tag{display:inline-flex;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rte-seg{padding:2px}.rte-seg button{padding:4px 10px;font-size:11.5px;gap:5px}.rte-tb-btn{border:1px solid transparent;background:transparent;color:var(--text-2);width:30px;height:30px;border-radius:7px;display:inline-grid;place-items:center;cursor:pointer;transition:all .12s ease;font-size:13px;font-weight:600;padding:0}.rte-tb-btn:hover{background:var(--bg-muted);color:var(--text)}.rte-tb-btn.active{background:var(--accent-soft);color:var(--accent)}.rte-tb-btn svg{width:16px;height:16px}.rte-tb-btn.wide{width:auto;padding:0 9px;gap:5px}.rte-content{padding:18px 22px;min-height:420px;max-height:68vh;overflow-y:auto}.rte-content .ProseMirror{outline:none;min-height:190px;color:var(--text);font-size:14.5px;line-height:1.7}.rte-content .ProseMirror>*+*{margin-top:.85em}.rte-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted-2);pointer-events:none;height:0}.rte-content .ProseMirror h1{font-size:1.7em;font-weight:700;letter-spacing:-.02em;line-height:1.2}.rte-content .ProseMirror h2{font-size:1.42em;font-weight:700;letter-spacing:-.015em}.rte-content .ProseMirror h3{font-size:1.2em;font-weight:650}.rte-content .ProseMirror h4{font-size:1.05em;font-weight:650}.rte-content .ProseMirror a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{padding-left:1.4em}.rte-content .ProseMirror ul{list-style:disc}.rte-content .ProseMirror ol{list-style:decimal}.rte-content .ProseMirror li{margin:.25em 0}.rte-content .ProseMirror li>p{margin:0}.rte-content .ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:1em;color:var(--text-2);font-style:italic}.rte-content .ProseMirror code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-muted);padding:.12em .4em;border-radius:5px}.rte-content .ProseMirror pre{background:var(--navy-950);color:#cfe0ff;border-radius:9px;padding:14px 16px;font-family:var(--font-mono);font-size:.85em;overflow-x:auto}.rte-content .ProseMirror pre code{background:none;padding:0;color:inherit}.rte-content .ProseMirror img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.rte-content .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent)}.rte-content .ProseMirror hr{border:none;border-top:1px solid var(--border-strong);margin:1.4em 0}.rte-content .ProseMirror table{border-collapse:collapse;width:100%;margin:.4em 0;overflow:hidden}.rte-content .ProseMirror th,.rte-content .ProseMirror td{border:1px solid var(--border-strong);padding:8px 11px;text-align:left;vertical-align:top}.rte-content .ProseMirror th{background:var(--surface-2);font-weight:600}.rte-source{width:100%;border:none;outline:none;resize:none;min-height:420px;max-height:68vh;padding:18px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text);background:var(--surface);display:block;overflow-y:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.rte-code .rte-source{background:var(--bg-subtle)}.rte-code .rte-source::-moz-placeholder{color:var(--muted-2)}.rte-code .rte-source::placeholder{color:var(--muted-2)}.rte-foot{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface-2);font-size:11.5px;color:var(--muted)}.rte-foot .rf-spacer{flex:1}.rte-count{font-variant-numeric:tabular-nums}.rte-foot-dot,.rte-hint-text{color:var(--muted-2)}.rte-state{display:inline-flex;align-items:center;gap:5px;font-weight:600}.rte-state.dirty{color:var(--warning)}.rte-state.saved{color:var(--success)}.rte-state-dot{width:7px;height:7px;border-radius:50%;background:var(--warning)}.rte-foot-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:7px;padding:4px 9px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .13s ease}.rte-foot-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.rte.rte-tall .rte-content,.rte.rte-tall .rte-source{min-height:calc(100vh - 260px);max-height:calc(100vh - 200px)}.rte-menu{background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-lg);padding:6px;min-width:188px;animation:scale-in .16s cubic-bezier(.16,1,.3,1)}.rte-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;font-size:13px;color:var(--text-2);cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.rte-menu-item:hover{background:var(--accent-soft);color:var(--accent)}.rte-menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.rte-menu-item svg{width:15px;height:15px;flex-shrink:0}.rte-menu-sep{height:1px;background:var(--border);margin:5px 4px}.rte-content .ProseMirror .selectedCell{background:var(--accent-soft)}.rte-content .ProseMirror .column-resize-handle{background:var(--accent);width:3px;position:absolute;right:-1px;top:0;bottom:0;pointer-events:none}.rte-content .ProseMirror.resize-cursor{cursor:col-resize}.dz-shell{margin:calc(var(--page-pad) * -1);height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;background:var(--bg);min-width:0}.dz-topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.dz-back{width:38px;height:38px;border-radius:9px;flex-shrink:0;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:all .13s ease}.dz-back:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dz-title{min-width:200px;flex:1}.dz-title .breadcrumb{margin-bottom:2px}.dz-title-row{display:flex;align-items:center;gap:10px;min-width:0}.dz-title-row h1{font-size:18px}.dz-title-sub{font-size:12px;color:var(--muted)}.dz-modes{flex-shrink:0}.dz-modes button{padding:7px 16px;font-size:13px}.dz-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dz-device button{width:36px;padding:6px 0;justify-content:center}.dz-body{flex:1;min-height:0;position:relative}.dz-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;height:100%;min-height:0}.dz-grid.is-preview{grid-template-columns:1fr}.dz-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface)}.dz-rail-head,.dz-inspector-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.dz-rail-head h3,.dz-inspector-head h3{font-size:13px;letter-spacing:.02em}.dz-sub{font-size:11.5px;color:var(--muted)}.dz-rail-body{padding:12px;overflow-y:auto;flex:1;min-height:0}.dz-canvas{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-muted)}.dz-canvas-toolbar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);background:#ffffffd6;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);flex-shrink:0}.dz-tool-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .13s ease}.dz-tool-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dz-rail-toggle,.dz-inspector-toggle{display:none}.dz-zoom{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;background:var(--surface)}.dz-zoom button{border:none;background:transparent;color:var(--text-2);width:30px;height:30px;display:grid;place-items:center;cursor:pointer;transition:background .12s ease}.dz-zoom button:hover:not(:disabled){background:var(--bg-muted);color:var(--accent)}.dz-zoom button:disabled{opacity:.4;cursor:not-allowed}.dz-zoom .dz-zoom-val{width:auto;padding:0 10px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;border-left:1px solid var(--border);border-right:1px solid var(--border)}.dz-canvas-scroll{flex:1;min-height:0;overflow:auto;padding:28px}.dz-device-frame{width:100%;max-width:1320px;margin:0 auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-md);overflow:hidden;height:-moz-fit-content;height:fit-content;transition:width .2s ease}.dz-device-frame[data-device=tablet],.dz-device-frame[data-device=mobile]{max-width:100%}.dz-browser-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.dz-dots{display:flex;gap:5px}.dz-dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.dz-url{flex:1;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-family:var(--font-mono);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:3px 10px}.dz-device-name{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:600}.dz-page{background:#fff;color:var(--text)}.dz-page a,.dz-page button,.dz-page .btn{pointer-events:none}.dz-band{position:relative}.dz-band.editable{cursor:pointer}.dz-band.editable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px solid transparent;transition:border-color .13s ease;z-index:3}.dz-band.editable:hover:after{border-color:var(--accent-400)}.dz-band.selected:after{border-color:var(--accent)}.dz-band.is-hidden{opacity:.5}.dz-band-tag{position:absolute;top:8px;left:8px;z-index:4;display:none;align-items:center;gap:8px}.dz-band.editable:hover .dz-band-tag,.dz-band.selected .dz-band-tag{display:inline-flex}.dz-band-type{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;padding:3px 8px;border-radius:6px;box-shadow:var(--shadow-sm)}.dz-band-hidden{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--warning);color:#fff;padding:3px 8px;border-radius:6px}.dz-empty-canvas{text-align:center;padding:90px 24px;color:var(--muted)}.dz-empty-canvas .e-icon{width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 16px}.dz-empty-canvas h3{font-size:18px;margin-bottom:6px}.dz-empty-canvas p{max-width:420px;margin:0 auto}.dz-inspector{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--surface)}.dz-inspector-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.dz-inspector-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0}.dz-inspector-close{display:none}.dz-expand-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;border:none;background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0}.dz-expand-link:hover{text-decoration:underline}.dz-preview-toggle button .lucide,.dz-preview-toggle button svg{width:13px;height:13px}.dz-editor-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--bg);display:flex;flex-direction:column;animation:fade-in .14s ease}.dz-editor-stage-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.dz-editor-stage-head h3{font-size:14px}.dz-editor-stage-body{flex:1;min-height:0;overflow:auto;padding:22px}.dz-editor-stage-body .rte{max-width:1100px;margin:0 auto}.dz-settings{height:100%;overflow-y:auto;display:flex;flex-direction:column}.dz-settings-inner{padding:var(--page-pad);flex:1}.dz-settings .save-bar{margin:0;padding:14px var(--page-pad)}.dz-settings .form-aside{top:var(--page-pad)}.dz-scrim{display:none}.section-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:8px;cursor:pointer;transition:all .13s ease}.section-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.section-item.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--ring)}.section-item.dragging{opacity:.5}.section-item.disabled{opacity:.62}.section-item .si-handle{color:var(--muted-2);cursor:grab;display:grid;place-items:center}.section-item .si-handle:active{cursor:grabbing}.section-item .si-ic{width:28px;height:28px;border-radius:7px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.section-item.disabled .si-ic{background:var(--bg-muted);color:var(--muted)}.section-item .si-body{flex:1;min-width:0}.section-item .si-type{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.section-item.disabled .si-type{color:var(--muted)}.section-item .si-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-item .si-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.section-item .si-dot.on{background:var(--success)}.section-item .si-dot.off{background:var(--muted-2)}.add-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-section-tile{border:1px solid var(--border);border-radius:10px;padding:12px;text-align:left;cursor:pointer;background:var(--surface);transition:all .13s ease}.add-section-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.add-section-tile .ast-ic{width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:8px}.add-section-tile:hover .ast-ic{background:var(--surface)}.add-section-tile .ast-name{font-weight:600;font-size:12.5px}.add-section-tile .ast-hint{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4}@media (max-width: 1280px){.dz-grid{grid-template-columns:264px minmax(0,1fr) 320px}}@media (max-width: 1080px){.dz-grid{grid-template-columns:280px minmax(0,1fr)}.dz-inspector{position:absolute;top:0;right:0;bottom:0;width:360px;max-width:90vw;transform:translate(100%);transition:transform .24s cubic-bezier(.16,1,.3,1);z-index:35;box-shadow:var(--shadow-lg)}.dz-grid.inspector-open .dz-inspector{transform:translate(0)}.dz-inspector-toggle{display:inline-flex}.dz-inspector-close{display:inline-grid}.dz-grid.inspector-open .dz-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#08182c66;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:30;animation:fade-in .15s ease}}@media (max-width: 760px){.dz-grid{grid-template-columns:1fr}.dz-rail{position:absolute;top:0;left:0;bottom:0;width:300px;max-width:88vw;transform:translate(-100%);transition:transform .24s cubic-bezier(.16,1,.3,1);z-index:35;box-shadow:var(--shadow-lg)}.dz-grid.rail-open .dz-rail{transform:translate(0)}.dz-rail-toggle{display:inline-flex}.dz-grid.rail-open .dz-scrim,.dz-grid.inspector-open .dz-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#08182c66;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:30;animation:fade-in .15s ease}.dz-topbar{gap:10px}.dz-canvas-scroll{padding:14px}}.grid-2-sticky{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.grid-2-sticky{grid-template-columns:1fr}}.tabbar{display:inline-flex;gap:2px;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:3px}.prose-readonly{color:var(--text);font-size:14.5px;line-height:1.7}.prose-readonly>*+*{margin-top:.85em}.prose-readonly h1{font-size:1.7em;font-weight:700;letter-spacing:-.02em}.prose-readonly h2{font-size:1.42em;font-weight:700;letter-spacing:-.015em}.prose-readonly h3{font-size:1.2em;font-weight:650}.prose-readonly h4{font-size:1.05em;font-weight:650}.prose-readonly a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose-readonly ul{list-style:disc;padding-left:1.4em}.prose-readonly ol{list-style:decimal;padding-left:1.4em}.prose-readonly li{margin:.25em 0}.prose-readonly blockquote{border-left:3px solid var(--accent);padding-left:1em;color:var(--text-2);font-style:italic}.prose-readonly code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-muted);padding:.12em .4em;border-radius:5px}.prose-readonly pre{background:var(--navy-950);color:#cfe0ff;border-radius:9px;padding:14px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:.85em}.prose-readonly pre code{background:none;padding:0;color:inherit}.prose-readonly img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.prose-readonly hr{border:none;border-top:1px solid var(--border-strong);margin:1.4em 0}.prose-readonly table{border-collapse:collapse;width:100%}.prose-readonly th,.prose-readonly td{border:1px solid var(--border-strong);padding:8px 11px;text-align:left}.prose-readonly th{background:var(--surface-2);font-weight:600}.prose-readonly.muted-empty{color:var(--muted-2);font-style:italic}.spec-table{width:100%;border-collapse:collapse;font-size:13.5px}.spec-table .grp td{background:var(--surface-2);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 14px}.spec-table td{padding:10px 14px;border-bottom:1px solid var(--border)}.spec-table tr:last-child td{border-bottom:none}.spec-table .k{color:var(--text-2);width:42%}.spec-table .v{font-weight:600;font-family:var(--font-mono);font-size:12.5px}.token-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.token-box code{flex:1;min-width:0;font-size:12.5px;word-break:break-all;color:var(--text)}.empty-inline{padding:14px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface-2)}.nav-item-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.nav-item-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.nav-children{margin:12px 0 0 12px;padding-left:18px;border-left:2px solid var(--border)}.nav-children:empty{display:none}.ap-layout{display:grid;grid-template-columns:224px minmax(0,1fr) clamp(360px,34%,560px);gap:22px;align-items:start;margin-top:4px}@media (max-width: 1400px){.ap-layout{grid-template-columns:200px minmax(0,1fr)}.ap-preview{grid-column:1 / -1}}@media (max-width: 900px){.ap-layout{grid-template-columns:1fr}}.ap-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}@media (max-width: 900px){.ap-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px}}.ap-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.ap-nav-item svg{flex-shrink:0;opacity:.85}.ap-nav-item:hover{background:var(--surface-2);color:var(--text)}.ap-nav-item.active{background:var(--accent-soft, color-mix(in srgb, var(--accent) 12%, white));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.ap-form{min-width:0;display:flex;flex-direction:column;gap:18px}.ap-preview{position:sticky;top:84px}@media (max-width: 1400px){.ap-preview{position:static}}.ap-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ap-device-toggle{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.ap-device-toggle button{display:grid;place-items:center;width:34px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer}.ap-device-toggle button.active{background:var(--accent);color:#fff}.ap-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.ap-seg button{padding:7px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .14s ease}.ap-seg button:hover{color:var(--text)}.ap-seg button.active{background:var(--surface);color:var(--accent);border-color:var(--border);box-shadow:var(--shadow-xs, 0 1px 2px rgba(8, 23, 44, .06))}.ap-switch-row{display:flex;flex-wrap:wrap;gap:18px 28px;padding:4px 0 2px}.ap-palette-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}.ap-palette-presets{display:flex;flex-wrap:wrap;gap:8px}.ap-palette-chip{display:inline-flex;width:46px;height:26px;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong);cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.ap-palette-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 4px 10px rgba(8, 23, 44, .12))}.ap-palette-chip span{flex:1}.ap-warnings{margin-top:14px;display:flex;flex-direction:column;gap:8px}.ap-warn{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:9px;font-size:12.5px;line-height:1.45;color:#92400e;background:#fffbeb;border:1px solid #fde68a}.ap-warn svg{flex-shrink:0;margin-top:1px;color:#d97706}.ap-preview-frame{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-md, 0 12px 30px rgba(8, 23, 44, .1));max-height:calc(100vh - 130px);overflow-y:auto}@media (max-width: 1400px){.ap-preview-frame{max-height:none}}.ap-preview-frame.mobile{display:flex;justify-content:center;padding:18px 0;background:var(--bg-muted)}.ap-preview-frame.mobile .ap-pv{width:390px;max-width:92%;border:1px solid var(--border-strong);border-radius:22px;overflow:hidden}.ap-pv{font-size:13px;line-height:1.5}.ap-pv-header{display:flex;align-items:center;gap:12px;padding:12px 16px}.ap-pv-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;letter-spacing:-.01em}.ap-pv-brand.sm{font-size:13px}.ap-pv-brand img{height:22px;width:auto;-o-object-fit:contain;object-fit:contain}.ap-pv-logo{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:13px;font-weight:800}.ap-pv-logo.sm{width:20px;height:20px;font-size:11px;border-radius:6px}.ap-pv-nav{display:flex;gap:14px;font-size:12.5px;font-weight:600}.ap-pv-header-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.ap-pv-lang{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid;border-radius:7px;font-size:10px;font-weight:800}.ap-pv-lang b{padding:2px 6px;border-radius:5px}.ap-pv-lang i{padding:2px 6px;font-style:normal}.ap-pv-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}.ap-pv-btn.ghost{background:transparent!important;border:1px solid}.ap-pv-section{padding:22px 18px}.ap-pv-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.ap-pv-h1{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:8px}.ap-pv-p{font-size:13px;margin:0 0 14px;max-width:42ch}.ap-pv-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ap-pv-link{font-size:12.5px;font-weight:700}.ap-pv-link.sm{font-size:11.5px;margin-top:8px}.ap-pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-pv-card{border:1px solid;padding:12px}.ap-pv-card-img{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;margin-bottom:10px}.ap-pv-star{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px}.ap-pv-cat{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:999px;background:#ffffffeb;color:#0b1729;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ap-pv-code{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ap-pv-card-title{font-size:14px;font-weight:700;margin:2px 0 3px}.ap-pv-card-desc{font-size:12px}.ap-pv-side{display:flex;flex-direction:column;gap:8px}.ap-pv-badges{display:flex;flex-wrap:wrap;gap:6px}.ap-pv-badge{padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ap-pv-badge.outline{background:transparent;border:1px solid}.ap-pv-spec{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid;border-radius:9px;font-size:12px;font-weight:600}.ap-pv-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px}.ap-pv-foot-copy{font-size:11px}@media (max-width: 520px){.ap-pv-grid{grid-template-columns:1fr}.ap-pv-nav .hide-sm{display:none}}.mnt-layout{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:24px;align-items:start}@media (max-width: 1180px){.mnt-layout{grid-template-columns:1fr}}.mnt-preview-card{position:sticky;top:calc(var(--topbar-h) + 22px);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1180px){.mnt-preview-card{position:static}}.mnt-preview-card.fullscreen{position:fixed;right:18px;bottom:18px;left:18px;top:18px;z-index:120;box-shadow:var(--shadow-lg)}.mnt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#080f1a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mnt-stage{flex:1;min-height:340px;background:var(--bg-muted);padding:20px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.mnt-viewport{flex:none;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-md)}.mnt-viewport iframe{display:block;border:0;background:#fff;transform-origin:top left}.mnt-preview-foot{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface-2);font-size:11.5px;color:var(--muted);font-family:var(--font-mono);overflow:hidden;white-space:nowrap}.mnt-preview-foot span{overflow:hidden;text-overflow:ellipsis}.placeholder\:text-ink-faint::-moz-placeholder{color:var(--muted-2)}.placeholder\:text-ink-faint::placeholder{color:var(--muted-2)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:border-ink-faint:hover{border-color:var(--muted-2)}.hover\:border-line-strong:hover{border-color:var(--border-strong)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-soft:hover{background-color:var(--accent-soft)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-ink:hover{color:var(--text)}.hover\:text-ink-2:hover{color:var(--text-2)}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:border-danger:focus{border-color:var(--danger)}.focus\:shadow-\[0_0_0_3px_rgba\(220\,38\,38\,0\.18\)\]:focus{--tw-shadow: 0 0 0 3px rgba(220,38,38,.18);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-ring:focus{--tw-shadow: var(--ring);--tw-shadow-colored: var(--ring);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:text-ink:focus-visible{color:var(--text)}.focus-visible\:shadow-ring:focus-visible{--tw-shadow: var(--ring);--tw-shadow-colored: var(--ring);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:hover\:bg-surface:hover:disabled{background-color:var(--surface)}.has-\[\:focus-visible\]\:shadow-ring:has(:focus-visible){--tw-shadow: var(--ring);--tw-shadow-colored: var(--ring);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .15s ease}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.data-\[state\=open\]\:animate-slide-in-right[data-state=open]{animation:slide-in-right .24s cubic-bezier(.16,1,.3,1)}.data-\[state\=active\]\:border-accent[data-state=active],.data-\[state\=checked\]\:border-accent[data-state=checked],.data-\[state\=indeterminate\]\:border-accent[data-state=indeterminate]{border-color:var(--accent)}.data-\[highlighted\]\:bg-accent-soft[data-highlighted]{background-color:var(--accent-soft)}.data-\[highlighted\]\:bg-danger-soft[data-highlighted]{background-color:var(--danger-soft)}.data-\[state\=checked\]\:bg-accent[data-state=checked],.data-\[state\=indeterminate\]\:bg-accent[data-state=indeterminate]{background-color:var(--accent)}.data-\[state\=checked\]\:font-semibold[data-state=checked]{font-weight:600}.data-\[highlighted\]\:text-accent[data-highlighted]{color:var(--accent)}.data-\[highlighted\]\:text-danger[data-highlighted]{color:var(--danger)}.data-\[placeholder\]\:text-ink-faint[data-placeholder]{color:var(--muted-2)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--accent)}.data-\[state\=checked\]\:text-ink[data-state=checked]{color:var(--text)}.data-\[disabled\]\:opacity-45[data-disabled]{opacity:.45}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}