@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";*,:before,:after,::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:#3b82f680;--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: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-0\.5{margin-left:.125rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-12{height:3rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-full{height:100%}.w-14{width:3.5rem}.w-16{width:4rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[3rem\]{min-width:3rem}.max-w-3xl{max-width:48rem}.max-w-\[12rem\]{max-width:12rem}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-\[\#1F3A5F\]{--tw-border-opacity:1;border-color:rgb(31 58 95/var(--tw-border-opacity,1))}.border-amber{--tw-border-opacity:1;border-color:rgb(201 146 62/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.border-amber-400\/70{border-color:#fbbf24b3}.border-amber-500\/80{border-color:#f59e0bcc}.border-amber\/40{border-color:#c9923e66}.border-navy{--tw-border-opacity:1;border-color:rgb(27 42 74/var(--tw-border-opacity,1))}.border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.border-neutral-300\/80{border-color:#d4d4d4cc}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-l-amber-500{--tw-border-opacity:1;border-left-color:rgb(245 158 11/var(--tw-border-opacity,1))}.bg-\[\#1F3A5F\]{--tw-bg-opacity:1;background-color:rgb(31 58 95/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-100\/80{background-color:#fef3c7cc}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/40{background-color:#f59e0b66}.bg-amber\/10{background-color:#c9923e1a}.bg-amber\/15{background-color:#c9923e26}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-navy{--tw-bg-opacity:1;background-color:rgb(27 42 74/var(--tw-bg-opacity,1))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.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}.pl-2\.5{padding-left:.625rem}.pl-7{padding-left:1.75rem}.pr-3\.5{padding-right:.875rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.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)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-\[\#1F2933\]{--tw-text-opacity:1;color:rgb(31 41 51/var(--tw-text-opacity,1))}.text-\[\#1F3A5F\]{--tw-text-opacity:1;color:rgb(31 58 95/var(--tw-text-opacity,1))}.text-\[\#6B7280\]{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-\[\#9CA3AF\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-amber{--tw-text-opacity:1;color:rgb(201 146 62/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-navy{--tw-text-opacity:1;color:rgb(27 42 74/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.accent-\[\#1F3A5F\]{accent-color:#1f3a5f}.accent-amber{accent-color:#c9923e}.accent-navy{accent-color:#1b2a4a}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 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-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--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(1px + 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-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-neutral-200{--tw-ring-opacity:1;--tw-ring-color:rgb(229 229 229/var(--tw-ring-opacity,1))}.ring-neutral-300\/80{--tw-ring-color:#d4d4d4cc}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.drop-shadow{--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)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\:border-navy:hover{--tw-border-opacity:1;border-color:rgb(27 42 74/var(--tw-border-opacity,1))}.hover\:bg-\[\#24375f\]:hover{--tw-bg-opacity:1;background-color:rgb(36 55 95/var(--tw-bg-opacity,1))}.hover\:bg-neutral-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-white\/80:hover{background-color:#fffc}.hover\:text-navy:hover{--tw-text-opacity:1;color:rgb(27 42 74/var(--tw-text-opacity,1))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.focus\:border-navy:focus{--tw-border-opacity:1;border-color:rgb(27 42 74/var(--tw-border-opacity,1))}.focus\:ring-navy:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(27 42 74/var(--tw-ring-opacity,1))}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-amber\/70:focus-visible{--tw-ring-color:#c9923eb3}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}}@media (width>=1280px){.xl\:sticky{position:sticky}.xl\:top-4{top:1rem}.xl\:grid-cols-\[minmax\(0\,1fr\)_460px\]{grid-template-columns:minmax(0,1fr) 460px}}:root{color:#162a37;font-synthesis:none;text-rendering:optimizelegibility;--ink:#162a37;--muted:#6c777a;--line:#dfe0da;--paper:#fbfaf6;--navy:#132a3a;--sage:#59766a;--amber:#c9923e;--coral:#be655b;--shadow:0 18px 40px #162a3714;background:#f4f1eb;font-family:Noto Sans TC,DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f1eb;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fbfaf6eb;border-bottom:1px solid #162a371a;align-items:center;height:74px;padding:0 42px;display:flex;position:sticky;top:0}.brand{min-width:205px;color:var(--ink);align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid var(--ink);place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:20px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--amber);position:absolute}.brand-mark:before{border-radius:50%;width:4px;height:4px;top:-3px;right:-3px}.brand-mark:after{width:20px;height:1px;bottom:7px;right:-6px;transform:rotate(-45deg)}.brand-mark i{background:var(--amber);width:8px;height:1px;position:absolute;top:7px;left:5px}.brand strong{letter-spacing:.17em;font-size:15px;line-height:1;display:block}.brand small{letter-spacing:.14em;color:var(--muted);margin-top:5px;font:500 8px/1 DM Mono,monospace;display:block}.topbar-center{letter-spacing:.09em;color:var(--muted);flex:1;justify-content:center;align-items:center;gap:20px;font:11px DM Mono,monospace;display:flex}.guide-breadcrumb b{color:var(--ink);font-weight:500}.version-dot{border-left:1px solid var(--line);padding-left:20px}.topbar-actions{justify-content:flex-end;align-items:center;gap:13px;min-width:420px;display:flex}.search-box{width:270px;height:39px;color:var(--muted);border:1px solid var(--line);background:#fff;align-items:center;gap:9px;padding:0 10px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box input::placeholder{color:#9ca3a1}.search-box kbd{color:#8c9592;white-space:nowrap;background:#f7f6f1;border:1px solid #d6d9d4;padding:2px 5px;font:10px DM Mono,monospace}.mode-toggle{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.mode-icon{border:1px solid var(--amber);width:28px;height:28px;color:var(--amber);place-items:center;display:grid}.mode-icon svg{width:14px;height:14px}.app-layout{grid-template-columns:258px 1fr;max-width:1600px;margin:0 auto;display:grid}.sidebar{border-right:1px solid #162a3717;flex-direction:column;height:calc(100vh - 74px);min-height:calc(100vh - 74px);padding:44px 25px 25px 35px;display:flex;position:sticky;top:74px}.workflow-rail{flex:1}.rail-label,.eyebrow,.section-kicker,.card-meta,.detail-kicker,.visual-head span,.section-count span,.sidebar-foot,.footer-meta{letter-spacing:.12em;color:var(--muted);font:500 10px DM Mono,monospace}.rail-label{color:var(--amber);margin-bottom:28px}.rail-node{text-align:left;width:100%;min-height:92px;color:var(--muted);background:0 0;border:0;grid-template-columns:35px 1fr;padding:0;display:grid;position:relative}.rail-node>span:nth-child(2){padding-top:2px}.rail-node b{color:var(--ink);font-size:12px;font-weight:700;line-height:1.45;display:block}.rail-node em{max-width:155px;margin-top:7px;font-size:11px;font-style:normal;line-height:1.55;display:block}.rail-number{border:1px solid var(--line);background:var(--paper);width:25px;height:25px;color:var(--muted);z-index:2;border-radius:50%;place-items:center;font:10px DM Mono,monospace;display:grid;position:relative}.rail-number.navy{border-color:#9eb4c0}.rail-number.sage{border-color:#a8b8ab}.rail-number.amber{border-color:#dfbd86}.rail-node.active .rail-number{background:var(--amber);color:#fff;border-color:var(--amber)}.rail-node.active b{color:var(--amber)}.rail-line{background:var(--line);width:1px;height:66px;position:absolute;top:27px;left:12px}.sidebar-foot{border-top:1px solid var(--line);padding-top:21px}.asset-status{align-items:flex-start;gap:10px;display:flex}.pulse,.status-dot{background:#70a47c;border-radius:50%;width:7px;height:7px;margin-top:4px;display:block;box-shadow:0 0 0 4px #70a47c1f}.asset-status b{color:var(--ink);letter-spacing:.08em;font-size:10px;display:block}.asset-status small{letter-spacing:0;margin-top:7px;font-size:10px;line-height:1.55;display:block}.sidebar-foot>a{color:var(--amber);align-items:center;gap:7px;margin-top:18px;font-size:10px;text-decoration:none;display:flex}.sidebar-foot>a svg{width:12px;height:12px}.main-content{min-width:0;padding:0 55px}.home-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 340px;align-items:center;gap:45px;min-height:460px;display:grid}.eyebrow{color:var(--amber);align-items:center;gap:9px;display:flex}.eyebrow>span,.eyebrow.small>span{background:var(--amber);width:23px;height:1px;display:inline-block}.home-hero h1{letter-spacing:-.07em;margin:24px 0 22px;font-size:clamp(39px,4.5vw,67px);font-weight:800;line-height:1.12}.home-hero h1 em{color:var(--amber);font-style:normal}.hero-copy>p{max-width:550px;color:var(--muted);margin:0;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.button-primary{color:#fff;background:var(--navy);border:0;align-items:center;gap:18px;padding:14px 17px 14px 19px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:8px 8px #c9923e33}.button-primary svg{width:16px}.button-primary:hover{background:#244557;transform:translateY(-1px)}.button-quiet{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.play-small{border:1px solid var(--line);width:24px;height:24px;color:var(--amber);place-items:center;display:grid}.play-small svg{width:12px;height:12px}.hero-art{background:var(--navy);color:#fff;justify-self:end;width:300px;height:320px;position:relative;overflow:hidden}.hero-art:before{content:"";border:1px solid #fff3;position:absolute;inset:17px}.art-label{letter-spacing:.12em;color:#9eb4c0;font:10px/1.5 DM Mono,monospace;position:absolute;top:33px;left:33px}.art-disc{border:1px solid #c9923ea6;border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:absolute;top:63px;left:49px}.art-disc:before{content:"";border:1px solid #c9923e59;border-radius:50%;position:absolute;inset:13px}.disc-inner{background:var(--amber);text-align:center;width:120px;height:120px;color:var(--navy);border-radius:50%;align-content:center;place-items:center;display:grid}.disc-inner span{letter-spacing:.1em;font:700 23px Georgia,serif}.disc-inner small{letter-spacing:.12em;margin-top:9px;font:8px/1.5 DM Mono,monospace}.art-caption{color:#b8c8ce;justify-content:space-between;align-items:flex-end;font:10px/1.5 DM Mono,monospace;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.art-caption b{color:#fff;font:42px/.8 Georgia,serif}.art-caption span{text-align:right}.content-toolbar{justify-content:space-between;align-items:flex-end;padding:60px 0 26px;display:flex}.eyebrow.small{font-size:9px}.content-toolbar h2{letter-spacing:-.04em;margin:13px 0 0;font-size:27px}.toolbar-result{color:var(--muted);font:11px DM Mono,monospace}.toolbar-result b{color:var(--amber);margin-right:6px;font-size:18px}.search-result-note{border-left:3px solid var(--amber);color:var(--muted);background:#eeeadf;margin-bottom:22px;padding:12px 15px;font-size:12px}.search-result-note button{color:var(--amber);background:0 0;border:0;margin-left:12px;font-size:12px;text-decoration:underline}.guide-section{margin:15px 0 65px;scroll-margin-top:100px}.section-intro{border-left:3px solid var(--navy);background:#ffffff80;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.section-intro.sage{border-color:var(--sage)}.section-intro.amber{border-color:var(--amber)}.section-kicker{color:var(--amber)}.section-intro.sage .section-kicker{color:var(--sage)}.section-intro h2{letter-spacing:-.045em;margin:8px 0 3px;font-size:24px}.section-intro p{color:var(--muted);margin:0;font-size:12px}.section-count{flex-direction:column;align-items:flex-end;display:flex}.section-count strong{color:var(--ink);font:32px Georgia,serif}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.guide-card{background:var(--paper);border:1px solid var(--line);grid-template-columns:46px minmax(0,1fr);gap:11px;min-height:320px;padding:21px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.guide-card:hover{box-shadow:var(--shadow);border-color:#c5c5bc;transform:translateY(-3px)}.card-index{color:var(--amber);padding-top:2px;font:11px DM Mono,monospace}.card-meta{align-items:center;gap:9px;font-size:9px;display:flex}.card-meta span:last-child{color:var(--muted)}.meta-rule{background:var(--line);width:26px;height:1px}.card-content{min-width:0}.card-content h3{letter-spacing:-.05em;margin:12px 0 8px;font-size:22px}.card-content>p{color:var(--muted);min-height:42px;margin:0;font-size:12px;line-height:1.75}.path-chip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;margin-top:17px;padding:9px 0;display:flex}.path-chip span{color:var(--amber);font:9px DM Mono,monospace}.path-chip code{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);font:10px DM Mono,monospace;overflow:hidden}.card-bottom{justify-content:space-between;align-items:flex-end;gap:15px;margin-top:17px;display:flex}.thumb-stack{cursor:zoom-in;background:#deded8;width:126px;height:68px;position:relative;overflow:hidden}.thumb-stack img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;filter:saturate(.65);width:100%;height:100%;transition:transform .3s}.thumb-stack:hover img{transform:scale(1.07)}.thumb-stack span{color:#fff;background:#132a3ad6;align-items:center;gap:5px;padding:5px 6px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.thumb-stack svg{width:11px;height:11px}.card-link{color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-size:11px;font-weight:700;display:flex}.card-link svg{width:14px;color:var(--amber)}.card-link:hover{color:var(--amber)}.empty-state{text-align:center;border:1px dashed #c7cac2;padding:90px 0}.empty-state>span{color:var(--amber);font-size:32px}.empty-state h3{margin:15px 0 5px}.empty-state p{color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;margin-top:90px;padding:28px 0 45px;display:flex}.site-footer .brand{transform-origin:0 100%;transform:scale(.88)}.site-footer p{color:var(--muted);margin:10px 0 0;font-size:11px}.footer-meta{gap:24px;font-size:9px;display:flex}.detail-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#132a3a70;padding:35px;animation:.18s ease-out fadeIn;position:fixed;inset:0;overflow-y:auto}.detail-panel{background:var(--paper);max-width:1120px;margin:0 auto;box-shadow:0 28px 80px #00000038}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;padding:35px 42px 25px;display:flex}.detail-kicker{color:var(--amber)}.detail-head h2{letter-spacing:-.06em;margin:10px 0 6px;font-size:38px}.detail-head p{color:var(--muted);max-width:680px;margin:0;font-size:13px;line-height:1.75}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:0 0;flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--amber);border-color:var(--amber)}.detail-path{border-bottom:1px solid var(--line);align-items:center;gap:17px;margin:0 42px;padding:14px 0;display:flex}.detail-path span{color:var(--amber);letter-spacing:.1em;font:9px DM Mono,monospace}.detail-path code{color:var(--muted);font:11px DM Mono,monospace}.detail-grid{grid-template-columns:1fr .95fr;gap:38px;padding:35px 42px 30px;display:grid}.detail-section-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.title-number{background:var(--navy);color:#fff;place-items:center;width:27px;height:27px;font:10px DM Mono,monospace;display:grid}.title-number.check{background:var(--sage)}.title-number.alert{background:var(--coral)}.title-number.faq{background:var(--amber)}.detail-section-title small{color:var(--muted);font:9px DM Mono,monospace}.detail-section-title h3{margin:2px 0 0;font-size:17px}.steps-list{border-left:1px solid var(--line);margin:0 0 30px;padding:0;list-style:none}.steps-list li{grid-template-columns:37px 1fr;margin:0 0 15px -14px;display:grid}.steps-list li>span{border:1px solid var(--amber);background:var(--paper);width:27px;height:27px;color:var(--amber);place-items:center;font:9px DM Mono,monospace;display:grid}.steps-list p{color:var(--ink);margin:4px 0 0;font-size:12px;line-height:1.75}.check-section,.note-section,.faq-section{border-top:1px solid var(--line);padding-top:25px}.check-list{margin:0;padding:0;list-style:none}.check-list li{color:var(--muted);align-items:flex-start;gap:9px;margin:11px 0;font-size:12px;line-height:1.6;display:flex}.check-list svg{color:var(--sage);flex:none;width:15px;height:15px;margin-top:2px}.note-text{border-left:2px solid var(--coral);color:#754740;background:#fbefed;gap:8px;margin:0 0 8px;padding:12px;font-size:12px;line-height:1.7;display:flex}.note-text svg{flex:none;width:15px;height:15px;margin-top:2px}.visual-column{min-width:0}.visual-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.visual-head span{color:var(--amber);font-size:9px;display:block}.visual-head b{margin-top:4px;font-size:15px;display:block}.status-pill{color:#52765b;white-space:nowrap;border:1px solid #bad1bd;align-items:center;gap:6px;padding:6px 8px;font:9px DM Mono,monospace;display:flex}.status-pill .status-dot{width:5px;height:5px;box-shadow:none;margin:0}.detail-images{gap:10px;padding-top:15px;display:grid}.detail-images.image-count-1{grid-template-columns:1fr}.detail-images.image-count-2{grid-template-columns:repeat(2,1fr);align-items:start}.detail-images.image-count-3{grid-template-columns:repeat(2,1fr)}.detail-images.image-count-3 .detail-image:first-child{grid-column:span 2}.detail-image{border:1px solid var(--line);cursor:zoom-in;background:#e8e7e0;min-width:0;min-height:100px;padding:0;position:relative;overflow:hidden}.detail-image img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;background:#e5e4dd;width:100%;max-height:375px;display:block}.detail-image span{background:var(--navy);color:#fff;opacity:0;padding:5px 7px;font:9px DM Mono,monospace;transition:opacity .2s;position:absolute;bottom:7px;right:7px}.detail-image:hover span{opacity:1}.media-note{color:var(--muted);margin:13px 0 0;font-size:10px;line-height:1.6}.faq-section{padding:0 42px 38px}.faq-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.faq-item{background:#f1f1eb;padding:15px}.faq-item b{font-size:12px}.faq-item p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.lightbox{z-index:80;background:#0a141beb;flex-direction:column;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-head{color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 28px;font:11px DM Mono,monospace;display:flex}.lightbox-close{color:#fff;border-color:#ffffff4d}.lightbox-body{flex:1;place-items:center;min-height:0;padding:0 50px 50px;display:grid;overflow:hidden}.lightbox-body img{-o-object-fit:contain;object-fit:contain;background:#e9e8e0;max-width:100%;max-height:100%}.fullscreen-button{color:#9fb3bc;background:0 0;border:0;font-size:22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.topbar{padding:0 24px}.topbar-center{display:none}.topbar-actions{flex:1;min-width:0}.search-box{margin-left:auto}.app-layout{grid-template-columns:205px 1fr}.sidebar{padding-left:23px;padding-right:15px}.main-content{padding:0 32px}.home-hero{grid-template-columns:1fr 270px}.hero-art{transform-origin:100%;margin-right:-20px;transform:scale(.86)}.detail-grid{grid-template-columns:1fr}.visual-column{max-width:650px}}@media (width<=760px){.topbar{height:64px;padding:0 16px}.brand{min-width:0}.brand strong{font-size:13px}.brand small{display:none}.topbar-actions{gap:8px}.search-box{background:0 0;border:0;width:38px;padding:0 10px}.search-box input,.search-box kbd{display:none}.search-box.mobile-open{border:1px solid var(--line);background:#fff;width:210px;padding:0 10px}.search-box.mobile-open input{display:block}.mode-toggle{font-size:0}.mode-icon{width:32px;height:32px}.app-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;min-height:0;padding:16px;position:static}.workflow-rail{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.rail-label{display:none}.rail-node{min-height:47px;display:block}.rail-node>span:nth-child(2){padding-left:34px;display:block}.rail-node b{font-size:11px}.rail-node em{display:none}.rail-number{width:25px;height:25px;position:absolute;top:3px;left:0}.rail-line,.sidebar-foot{display:none}.main-content{padding:0 16px}.home-hero{min-height:auto;padding:55px 0 45px;display:block}.home-hero h1{font-size:45px}.hero-copy>p{font-size:13px}.hero-art{display:none}.content-toolbar{padding-top:45px;display:block}.content-toolbar h2{font-size:23px}.toolbar-result{margin-top:18px}.cards-grid{grid-template-columns:1fr}.guide-section{margin-bottom:48px}.section-intro{padding:18px}.section-intro h2{font-size:20px}.section-count{display:none}.guide-card{min-height:0}.site-footer{margin-top:55px;display:block}.footer-meta{margin-top:26px;display:block}.footer-meta span{margin-top:8px;display:block}.detail-overlay{padding:0}.detail-panel{min-height:100vh}.detail-head{padding:26px 19px 20px}.detail-head h2{font-size:29px}.detail-path{margin:0 19px;display:block}.detail-path code{margin-top:7px;font-size:10px;line-height:1.5;display:block}.detail-grid{gap:30px;padding:26px 19px 30px}.faq-section{padding:0 19px 28px}.faq-grid,.detail-images.image-count-2,.detail-images.image-count-3{grid-template-columns:1fr}.detail-images.image-count-3 .detail-image:first-child{grid-column:auto}.fullscreen-button{display:none}}.visual-head-actions{flex:none;align-items:center;gap:12px;display:flex}.play-demo-btn{border:1px solid var(--amber);color:var(--amber);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.play-demo-btn:hover{background:var(--amber);color:#fff}.play-demo-btn svg{width:15px;height:15px}.edit-demo-btn{border:1px solid var(--navy);color:var(--navy);background:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.edit-demo-btn:hover{background:var(--navy);color:#fff}.edit-demo-btn svg{width:15px;height:15px}.detail-demo{margin-top:14px}.detail-demo .bg-neutral-100{background:var(--paper)}.maker-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#132a3a80}.maker-modal{background:var(--paper);border-radius:16px;width:min(1240px,96vw);max-height:92vh;margin:auto;overflow:hidden auto;box-shadow:0 30px 80px #132a3a66}.walkthrough-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(940px,94vw);max-height:92vh;margin:auto;display:flex;overflow:hidden;box-shadow:0 30px 80px #132a3a59}.walkthrough-modal-head{border-bottom:1px solid var(--line);color:var(--navy);justify-content:space-between;align-items:center;padding:14px 18px;font-weight:700;display:flex}.walkthrough-modal-body{padding:22px;overflow-y:auto}.maker-shell{max-width:1200px;margin:0 auto;padding:22px 40px 40px}.maker-top{z-index:15;background:#f4f1eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex;position:sticky;top:0;box-shadow:0 12px 16px -14px #132a3a73}.maker-panel{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 6px 20px #132a3a0d}.maker-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.maker-btn:hover{border-color:var(--amber);color:var(--amber)}.maker-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.maker-btn.primary:hover{color:#fff;background:#1d3a4f}.maker-btn.danger{color:#c0392b;border-color:#eccac4}.maker-btn.danger:hover{background:#fdf3f2;border-color:#c0392b}.maker-mini{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.maker-mini:hover{border-color:var(--amber);color:var(--amber)}.maker-mini.danger{color:#c0392b;border-color:#eccac4}.maker-mini.danger:hover{color:#c0392b;background:#fbeae8}.maker-mini.saved{color:#1e7a4d;cursor:default;background:#f3fbf6;border-color:#bfe3ce}.maker-mini.saved:hover{color:#1e7a4d;border-color:#bfe3ce}.maker-mini.pending{color:#9a6205;cursor:default;background:#fdf8ee;border-color:#f0d9a8}.maker-mini.pending:hover{color:#9a6205;border-color:#f0d9a8}.maker-mini.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.maker-mini.primary:hover{color:#fff;background:#1d3a4f;border-color:#1d3a4f}.maker-mini.primary:disabled{opacity:.55;cursor:default}.maker-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:9px 11px;font-size:13px}.card-select{position:relative}.card-select-trigger{text-align:left;cursor:pointer;align-items:baseline;gap:8px;font-family:inherit;display:flex}.card-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.card-select-caret{color:var(--muted);margin-left:auto;font-size:11px}.card-select-menu{z-index:30;border:1px solid var(--line);background:#fff;border-radius:9px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #132a3a2e}.card-select-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:8px;padding:8px 9px;font-family:inherit;font-size:13px;display:flex}.card-select-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.card-select-item:hover{background:#f3f6f8}.card-select-item.active{background:#eef3f6}.state-green{color:#047857;white-space:nowrap;font-weight:400}.state-amber{color:#b45309;white-space:nowrap;font-weight:400}.state-dim{color:var(--muted);white-space:nowrap;font-weight:400}.maker-textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px}.maker-number{border:1px solid var(--line);width:120px;color:var(--ink);border-radius:9px;padding:9px 11px;font-size:13px}.maker-hint{color:var(--muted);margin-top:16px;font-size:12.5px;line-height:1.7}.maker-hint code{background:#f1ece2;border-radius:5px;padding:1px 6px;font-size:11.5px}.demo-quality{letter-spacing:.04em;border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;margin:0 8px;padding:1px 9px;font-size:10px;display:inline-flex}.demo-quality.manual{color:#34506e;background:#1b2a4a12;border-color:#1b2a4a38}.demo-quality.measured{color:#26674c;background:#2e7d5b17;border-color:#2e7d5b47}.demo-quality.inferred{color:#8a6321;background:#c9923e1f;border-color:#c9923e59}.demo-quality.heuristic{color:#a4502f;background:#e2603b17;border-color:#e2603b4d}.maker-step-note{color:var(--muted);border-left:2px solid var(--amber);background:#f7f3ec;padding:7px 10px;font-size:11.5px;line-height:1.65}.maker-step-note b{color:var(--ink);margin-right:4px;font-weight:600}@media (width<=760px){.maker-shell{padding:16px}.maker-top{display:block}.maker-top>div:last-child{margin-top:12px}}.chat-fab{z-index:70;background:var(--navy);color:#fff;border:0;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .18s,background .18s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #132a3a52}.chat-fab:hover{background:#24455c;transform:translateY(-2px)scale(1.04)}.chat-fab-badge{background:var(--amber);color:var(--navy);letter-spacing:.06em;border-radius:999px;padding:3px 5px;font:700 9px/1 DM Mono,monospace;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:71;background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(390px,100vw - 32px);height:min(580px,100vh - 48px);animation:.16s ease-out fadeIn;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 30px 80px #132a3a57}.chat-head{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-head-title{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.chat-head-title small{color:#9fb3bc;letter-spacing:.05em;align-self:center;font:500 9px/1 DM Mono,monospace}.chat-head-actions{gap:4px;display:flex}.chat-icon-btn{color:#cdd9de;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.chat-icon-btn:hover{color:#fff;background:#ffffff1f}.chat-settings{border-bottom:1px solid var(--line);background:#f3f0e9;padding:14px 16px}.chat-settings-head{color:var(--ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.chat-settings-note{color:var(--muted);margin:8px 0 12px;font-size:11px;line-height:1.6}.chat-settings label{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.chat-settings label input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:4px;padding:7px 9px;font-size:12px;display:block}.chat-settings-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.chat-settings-clear{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:7px 12px;font-size:12px}.chat-settings-save{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700}.chat-body{background:#faf8f3;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.chat-msg{align-items:flex-start;gap:8px;display:flex}.chat-msg.user{flex-direction:row-reverse}.chat-avatar{background:var(--amber);width:28px;height:28px;color:var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.chat-bubble{max-width:80%}.chat-msg.user .chat-bubble{background:var(--navy);color:#fff;border-radius:14px 14px 4px;padding:10px 13px}.chat-msg.assistant .chat-bubble{border:1px solid var(--line);background:#fff;border-radius:14px 14px 14px 4px;padding:10px 13px}.chat-text{white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.7}.chat-sources{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chat-source{border:1px solid var(--amber);color:var(--amber);background:#c9923e14;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:600}.chat-source:hover{background:var(--amber);color:#fff}.chat-typing{gap:4px;padding:4px 2px;display:flex}.chat-typing span{background:var(--muted);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.2s infinite both chatBlink}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatBlink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-hints{flex-direction:column;gap:7px;margin-top:4px;display:flex}.chat-hint{text-align:left;border:1px dashed var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:9px 11px;font-size:11.5px}.chat-hint:hover{border-color:var(--amber);color:var(--amber)}.chat-input-row{border-top:1px solid var(--line);background:var(--paper);gap:8px;padding:12px 14px;display:flex}.chat-input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13px}.chat-input:focus{border-color:var(--amber)}.chat-send{background:var(--amber);color:#fff;border:0;border-radius:10px;flex:none;place-items:center;width:40px;display:grid}.chat-send:disabled{opacity:.45;cursor:not-allowed}.chat-card-flash{outline:3px solid var(--amber);outline-offset:4px;transition:outline-color .3s}@media (width>=761px){.detail-overlay{padding:24px}.detail-panel{max-width:1320px}.detail-head{padding:38px 48px 28px}.detail-path{margin:0 48px}.detail-grid{grid-template-columns:minmax(350px,.82fr) minmax(520px,1.25fr);gap:48px;padding:38px 48px 34px}.detail-images{gap:14px}.detail-image img{max-height:520px}.detail-images.image-count-1 .detail-image img{min-height:500px}.detail-images.image-count-2 .detail-image img{min-height:250px;max-height:430px}.detail-images.image-count-3 .detail-image:first-child img{min-height:300px;max-height:500px}.faq-section .faq-grid{grid-template-columns:1fr}.thumb-stack{width:150px;height:82px}}@media (width<=760px){.detail-image img{max-height:480px}.detail-images.image-count-1 .detail-image img{min-height:280px}}.detail-head-actions{flex:none;align-items:center;gap:10px;display:flex}.detail-nav{border:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.detail-nav svg{width:14px;height:14px;color:var(--amber)}.detail-nav.prev svg{transform:rotate(180deg)}.detail-nav:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:#c9923e14}.detail-nav:disabled{opacity:.35;cursor:not-allowed}@media (width>=761px){.detail-overlay{justify-content:center;align-items:center;padding:18px;display:flex;overflow:hidden}.detail-panel{flex-direction:column;width:100%;max-width:1400px;height:calc(100vh - 36px);margin:0 auto;display:flex;overflow:hidden}.detail-head{align-items:flex-start;padding:22px 40px 16px}.detail-head h2{margin:7px 0 5px;font-size:36px}.detail-head p{font-size:14.5px;line-height:1.7}.detail-kicker{font-size:11px}.detail-path{margin:0 40px;padding:10px 0}.detail-path span{font-size:10px}.detail-path code{font-size:13px}.detail-body{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.detail-grid{grid-template-columns:minmax(330px,.82fr) minmax(520px,1.32fr);gap:42px;min-height:0;padding:20px 40px 16px;overflow:hidden}.steps-column{padding-right:8px;overflow-y:auto}.detail-section-title{margin-bottom:14px}.detail-section-title h3{font-size:19px}.detail-section-title small{font-size:10px}.steps-list li{margin-bottom:13px}.steps-list p{font-size:14.5px;line-height:1.72}.check-list li{margin:12px 0;font-size:13.5px}.note-text{font-size:13.5px}.visual-column{flex-direction:column;min-height:0;display:flex;overflow:hidden}.visual-head{flex:none}.detail-demo{flex:auto;justify-content:center;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.detail-demo .player-root{flex-direction:column;min-height:0;display:flex}.detail-demo .player-stage{flex:auto;justify-content:center;align-items:flex-start;min-height:140px;display:flex;container-type:size}.detail-demo .player-stage.is-zoomed{flex:none;min-height:0;container-type:normal}.detail-demo .player-caption{flex:none}.detail-demo .player-controls{z-index:3;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fbfaf6f5;flex:none;margin-top:12px;padding:9px 0 6px;position:sticky;bottom:0}.visual-head span{font-size:10px}.visual-head b{font-size:17px}.status-pill{font-size:10px}.status-pill.current{border-color:var(--amber);color:#8a6321}.detail-images{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;padding-top:12px;overflow:hidden}.detail-image{min-height:0;display:flex}.detail-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:100%}.detail-images.image-count-1 .detail-image img,.detail-images.image-count-2 .detail-image img,.detail-images.image-count-3 .detail-image:first-child img{min-height:0;max-height:100%}.media-note{flex:none;margin:10px 0 0;font-size:11px}.faq-section{max-height:none;overflow:visible}.faq-item{padding:12px 14px}.faq-item b{font-size:13px}.faq-item p{font-size:12px}}@media (width<=760px){.detail-head-actions{gap:6px}.detail-nav{gap:0;padding:8px}.detail-nav span{display:none}}@keyframes gf-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gf-kenburns{0%{transform:scale(1.08)}to{transform:scale(1.2)translate(-2%,-2%)}}html.js-reveal .guide-section{opacity:0;transform:translateY(20px)}html.js-reveal .guide-section.is-in{animation:.8s cubic-bezier(.22,.61,.36,1) forwards gf-fade-up}html.js-reveal .steps-list li{opacity:0;animation:.5s cubic-bezier(.22,.61,.36,1) both gf-fade-up}.steps-list li:first-child{animation-delay:40ms}.steps-list li:nth-child(2){animation-delay:.1s}.steps-list li:nth-child(3){animation-delay:.16s}.steps-list li:nth-child(4){animation-delay:.22s}.steps-list li:nth-child(5){animation-delay:.28s}.steps-list li:nth-child(6){animation-delay:.34s}.steps-list li:nth-child(7){animation-delay:.4s}.steps-list li:nth-child(8){animation-delay:.46s}.steps-list li:nth-child(9){animation-delay:.52s}.steps-list li:nth-child(10){animation-delay:.58s}.lightbox-body img{transform-origin:50%;animation:16s ease-out forwards gf-kenburns}@media (prefers-reduced-motion:reduce){html.js-reveal .guide-section,html.js-reveal .steps-list li{opacity:1!important;animation:none!important;transform:none!important}.lightbox-body img{animation:none!important}}html.maker-page{scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow:hidden}html.maker-page::-webkit-scrollbar{display:none}html.maker-page body{height:100%;overflow:hidden}html.maker-page .app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}html.maker-page .main-content{flex:auto;min-height:0;overflow-y:auto}.primer-section{border-bottom:1px solid var(--line);padding:52px 0 4px}.primer-head{justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:24px;display:flex}.primer-head h2{letter-spacing:-.04em;margin:13px 0 0;font-size:27px}.primer-head>p{max-width:400px;color:var(--muted);flex:none;margin:0;font-size:12.5px;line-height:1.85}.primer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px;display:grid}.primer-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;padding:20px 21px 17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.primer-card:hover{box-shadow:var(--shadow);border-color:#c5c5bc;transform:translateY(-3px)}.primer-card-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.primer-card-number{color:var(--amber);letter-spacing:.1em;font:11px DM Mono,monospace}.primer-card-time{color:var(--muted);border:1px solid var(--line);white-space:nowrap;padding:3px 7px;font:9px DM Mono,monospace}.primer-card-kicker{letter-spacing:.12em;color:var(--muted);margin-top:15px;font:500 9px DM Mono,monospace}.primer-card h3{letter-spacing:-.045em;margin:8px 0 4px;font-size:20px;line-height:1.35}.primer-card-sub{color:var(--amber);margin:0 0 11px;font-size:11.5px}.primer-card-summary{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.8}.primer-card .card-link{margin-top:auto;padding:0}.primer-cta{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;padding:24px 0 34px;display:flex}.primer-cta-copy p{color:var(--muted);max-width:560px;margin:9px 0 0;font-size:12px;line-height:1.75}.primer-overlay.detail-overlay{padding:28px;display:block;overflow-y:auto}.primer-panel{background:var(--paper);width:min(920px,100%);margin:0 auto;box-shadow:0 28px 80px #00000038}.primer-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:26px;padding:34px 44px 22px;display:flex}.primer-panel-head h2{letter-spacing:-.055em;margin:10px 0 7px;font-size:34px;line-height:1.2}.primer-panel-head p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.7}.primer-prose{padding:28px 44px 6px}.primer-prose p{color:#2c3f4b;margin:0 0 15px;font-size:14px;line-height:1.95}.primer-prose h3{letter-spacing:-.03em;border-left:3px solid var(--amber);margin:30px 0 13px;padding-left:12px;font-size:17.5px;line-height:1.4}.primer-list{margin:0 0 18px;padding-left:21px}.primer-list li{color:#2c3f4b;margin-bottom:8px;font-size:13.5px;line-height:1.9}.primer-list li::marker{color:var(--amber);font-family:DM Mono,monospace;font-size:12px}.primer-note{border-left:2px solid var(--coral);background:#f7f3ec;gap:6px;margin:0 0 19px;padding:13px 15px;display:grid}.primer-note b{letter-spacing:.05em;color:var(--coral);font-size:11px}.primer-note span{color:#754740;font-size:13px;line-height:1.85}.primer-table-wrap{border:1px solid var(--line);margin:0 0 20px;overflow-x:auto}.primer-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.primer-table th{text-align:left;letter-spacing:.09em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#f1efe8;padding:11px 13px;font:600 10.5px DM Mono,monospace}.primer-table td{color:#2c3f4b;border-bottom:1px solid #edeae3;padding:11px 13px;line-height:1.6}.primer-table tr:last-child td{border-bottom:0}.primer-table td:nth-child(2),.primer-table td:nth-child(3){color:var(--navy);white-space:nowrap;font:600 12px DM Mono,monospace}.primer-panel-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;margin-top:14px;padding:18px 44px 28px;display:flex}.primer-panel-foot>span{color:var(--muted);font-size:11px;line-height:1.7}@media (width<=1100px){.primer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primer-head{display:block}.primer-head>p{max-width:none;margin-top:14px}}@media (width<=760px){.primer-section{padding-top:40px}.primer-grid{grid-template-columns:1fr;margin-bottom:26px}.primer-cta{padding-bottom:28px;display:block}.primer-cta .button-primary{justify-content:space-between;width:100%;margin-top:18px}.primer-overlay.detail-overlay{padding:0}.primer-panel{width:100%;box-shadow:none}.primer-panel-head{padding:24px 19px 18px}.primer-panel-head h2{font-size:27px}.primer-prose{padding:22px 19px 4px}.primer-prose p{font-size:13.5px}.primer-panel-foot{padding:16px 19px 26px;display:block}.primer-panel-foot>span{margin-bottom:14px;display:block}}.player-fs-bar{display:none}@media (width<=760px){html.player-zoomed .detail-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}html.player-zoomed .chat-fab,html.player-zoomed .chat-panel{display:none}.player-root.is-zoomed{z-index:96;max-width:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-radius:0;flex-direction:column;gap:8px;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.player-root.is-zoomed .player-fs-bar{border-bottom:1px solid var(--line);color:var(--ink);flex:none;align-items:center;gap:10px;padding:0 2px 8px;font-size:12px;display:flex}.player-fs-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.player-root.is-zoomed .player-fs-bar button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.player-root.is-zoomed .player-fs-bar button:hover{border-color:var(--amber);color:var(--amber)}.player-root.is-zoomed>h3{display:none}.player-root.is-zoomed .player-stage{flex:0 auto;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden auto;container-type:normal}.player-root.is-zoomed .player-stage>div{border-radius:10px;flex:none;width:100%!important;max-width:100%!important;height:auto!important}.player-root.is-zoomed .player-caption{flex:none;max-height:5.4em;margin-top:0;overflow-y:auto}.player-root.is-zoomed .player-controls{flex:none;gap:6px;margin-top:0}}