:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Public Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14.5px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 42px;--tracking-tight: -.02em;--bg: #F6F8FC;--surface: #FFFFFF;--surface-2: #EFF3FA;--border: #E1E8F2;--border-strong: #CBD6E6;--ink: #141E2E;--ink-2: #3C4A5F;--ink-muted: #697A93;--ink-faint: #9AA8BD;--primary: #2A6FD6;--primary-hover: #2159B0;--primary-soft: #E7F0FD;--success: #12946A;--success-soft: #E1F4EC;--accent: #C77F16;--accent-soft: #FBF0DC;--violet: #7E4FBE;--violet-soft: #F1EAFA;--danger: #CF3E3E;--danger-soft: #FBE7E7;--rail: #0D1522;--rail-2: #111C2E;--rail-line: #22314A;--rail-ink: #C4D0E2;--rail-ink-muted:#647696;--editor-bg: #0E1726;--editor-panel: #0A121F;--editor-line: #1B2740;--editor-text: #CFDAEA;--editor-gutter: #4A5C79;--syn-keyword: #5AA0F5;--syn-string: #3CC58C;--syn-func: #E0A445;--syn-num: #B98BE6;--syn-comment: #5E7093;--syn-punc: #8FA0BC;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 2px rgba(20,30,46,.06);--shadow: 0 1px 2px rgba(20,30,46,.04), 0 10px 30px -12px rgba(20,30,46,.16);--shadow-lg: 0 24px 60px -30px rgba(20,30,46,.35);--ease: cubic-bezier(.2,.7,.3,1);--dur: .15s}:root{--brand: var(--primary);--font-sans: var(--font-body);--font-code: var(--font-mono)}.caret{display:inline-block;width:.5ch;height:.95em;transform:translateY(.1em);background:var(--syn-keyword);border-radius:1px;animation:caret-blink 1.05s steps(1) infinite;margin-left:2px}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.caret{animation:none}}.caret-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:var(--tracking-tight);color:#fff}.caret-logo .mk{width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--syn-keyword),var(--primary));display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:17px}.btn{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border:none;border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);line-height:1}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-run{background:var(--success);color:#fff}.btn-run:hover{filter:brightness(1.05)}.btn-ghost{background:var(--surface-2);color:var(--ink-2)}.btn-ghost:hover{background:var(--border)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--border-strong)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.05)}.btn-lg{padding:13px 20px;font-size:15px;border-radius:var(--radius)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-pill);font-weight:500;display:inline-flex;align-items:center;gap:6px}.tag-blue{background:var(--primary-soft);color:var(--primary)}.tag-green{background:var(--success-soft);color:var(--success)}.tag-amber{background:var(--accent-soft);color:var(--accent)}.tag-violet{background:var(--violet-soft);color:var(--violet)}.tag-red{background:var(--danger-soft);color:var(--danger)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:7px}.field .inwrap{position:relative}.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:12px 13px;border:1.5px solid var(--border-strong);border-radius:11px;background:var(--surface);color:var(--ink);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field input::placeholder{color:var(--ink-faint)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field .hint{font-size:12px;color:var(--ink-muted);margin-top:6px}.field .error{font-size:12px;color:var(--danger);margin-top:6px}.field.has-error input{border-color:var(--danger)}.field.has-error input:focus{box-shadow:0 0 0 3px var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-hd{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-hd b{font-size:15px}.card-body{padding:20px}.prog{height:8px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.prog>i{display:block;height:100%;background:var(--primary);border-radius:var(--radius-pill)}.prog.success>i{background:var(--success)}.seg{display:flex;background:var(--surface-2);border-radius:11px;padding:4px}.seg button{flex:1;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border:none;background:transparent;color:var(--ink-muted);padding:9px 12px;border-radius:8px;cursor:pointer;transition:var(--dur) var(--ease)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);background:var(--surface);color:var(--ink);border:1.5px solid var(--border-strong);border-radius:11px;padding:12px;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gbtn:hover{background:var(--surface-2);border-color:var(--ink-faint)}.gbtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.divider{display:flex;align-items:center;gap:14px;color:var(--ink-faint);font-size:12.5px;margin:22px 0;font-family:var(--font-mono)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.rail{background:var(--rail);color:var(--rail-ink);padding:18px 14px;display:flex;flex-direction:column;gap:4px;min-height:100%}.rail .caret-logo{font-size:17px;margin-bottom:20px;padding:0 8px}.rail .caret-logo .mk{width:26px;height:26px;font-size:15px;border-radius:7px}.rail .navlbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rail-ink-muted);padding:14px 10px 6px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--rail-ink);font-size:var(--text-base);font-weight:500;cursor:pointer;text-decoration:none}.navitem svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.8}.navitem:hover{background:var(--rail-2)}.navitem.active{background:linear-gradient(90deg,#5aa0f533,#5aa0f50d);color:#fff;box-shadow:inset 2px 0 0 var(--syn-keyword)}.navitem.active svg{opacity:1;stroke:var(--syn-keyword)}.rail .rail-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--rail-line)}.rail .rail-user .av{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--accent),#C77F16);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#231a08;font-size:14px}.rail .rail-user b{font-size:13px;font-weight:600;color:#fff;display:block}.rail .rail-user small{color:var(--rail-ink-muted);font-size:11.5px}.app-frame{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.app-content{background:var(--bg);padding:26px 28px;overflow:auto}@media (max-width: 900px){.app-frame{grid-template-columns:1fr}.rail{flex-direction:row;overflow-x:auto;padding:10px;align-items:center}.rail .caret-logo{margin-bottom:0}.rail .navlbl,.rail .rail-user,.navitem span{display:none}}