:root{--bg: #0b1020;--bg-grad-1: #0b1020;--bg-grad-2: #0f1a33;--card: rgba(255,255,255,.9);--card-veil: rgba(255,255,255,.6);--text: #0f172a;--muted: #64748b;--border: #e5e7eb;--ring: #3b82f6;--accent: #6366f1;--accent-2: #22d3ee;--shadow: 0 1px 2px rgba(2,6,23,.06), 0 10px 20px rgba(2,6,23,.04);--radius: 16px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial;color:var(--text);background:radial-gradient(1200px 600px at 80% -20%,#1b2b6a33,transparent),linear-gradient(to bottom,var(--bg-grad-1),var(--bg-grad-2))}.container{max-width:1100px;margin-inline:auto;padding-inline:16px}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:linear-gradient(to bottom,#0d1221b3,#0d122159);border-bottom:1px solid rgba(255,255,255,.06)}.app-header .container{display:flex;align-items:center;gap:16px;padding-block:10px}.brand{display:flex;align-items:center;gap:10px;color:#fff}.logo{font-size:20px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}.title{font-weight:700;letter-spacing:.2px}.nav{margin-left:auto;display:flex;gap:8px}.nav-link{color:#dbeafe;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom right,#ffffff0f,#ffffff05)}.nav-link:hover{background:linear-gradient(to bottom right,#ffffff1f,#ffffff0a)}.nav-link.active{border-color:#6366f199;box-shadow:inset 0 0 0 1px #6366f180,0 0 0 3px #6366f133}.page{flex:1;padding-block:24px}.footer{color:#cbd5e1;font-size:12px;padding-block:12px;opacity:.8}.footer .route{-webkit-user-select:all;-moz-user-select:all;user-select:all}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-title{font-weight:700;font-size:16px;margin:0 0 8px}.btn{--btn-bg: white;--btn-fg: #0f172a;--btn-bd:#e5e7eb;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-bd);border-radius:12px;background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;font-weight:600;cursor:pointer;box-shadow:0 1px #0206170a}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(.5px)}.btn-primary{--btn-bg: linear-gradient(180deg, #3b82f6, #2563eb);--btn-fg: white;--btn-bd:#1d4ed8;box-shadow:0 8px 20px #2563eb40}.btn-ghost{--btn-bg: transparent;--btn-fg: #e2e8f0;--btn-bd: rgba(255,255,255,.18);color:#e2e8f0}.btn-danger{--btn-bg: linear-gradient(180deg, #ef4444, #dc2626);--btn-fg: white;--btn-bd:#b91c1c}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);outline:none;box-shadow:inset 0 1px #02061705}.input:focus,.select:focus,.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #3b82f633}.textarea{min-height:120px;resize:vertical}.image-frame{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.image-frame img{max-width:100%;height:auto;display:block}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;border-radius:999px;background:linear-gradient(180deg,#111827,#0b1324);color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.page-actions{display:flex;gap:8px}.section{display:block;margin-top:14px}.small{font-size:12px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.container{width:100%}.contents{display:contents}.grid{display:grid}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}