.demo-shell[data-v-4ec2a324]{grid-template-columns:220px 1fr;height:100%;display:grid;overflow:hidden}.demo-rail[data-v-4ec2a324]{background:var(--c-paper);border-right:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex}.rail-scroll[data-v-4ec2a324]{flex:1;padding:16px 12px;overflow-y:auto}.rail-foot[data-v-4ec2a324]{border-top:1px solid var(--c-line);background:var(--c-paper);padding:12px 12px 16px}.rail-group[data-v-4ec2a324]{margin-bottom:18px}.rail-group-label[data-v-4ec2a324]{color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.rail-group ul[data-v-4ec2a324],.rail-foot ul[data-v-4ec2a324]{list-style:none}.rail-link[data-v-4ec2a324]{color:var(--c-ink-2);border-radius:5px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .1s;display:flex}.rail-link[data-v-4ec2a324]:hover{background:var(--c-bg);color:var(--c-ink)}.rail-link.active[data-v-4ec2a324]{background:var(--c-ink);color:#fff}.rail-icon[data-v-4ec2a324]{flex-shrink:0;width:16px;height:16px}.demo-content[data-v-4ec2a324]{background:var(--c-bg);overflow-y:auto}.demo-root{--c-ink:#0f1a1f;--c-ink-2:#2a3942;--c-muted:#6b7780;--c-line:#e5e0d5;--c-line-2:#f0ebdf;--c-bg:#f7f5ee;--c-paper:#fff;--c-paper-2:#f4efe3;--c-accent:#1f4e3d;--c-accent-2:#c8973f;--c-danger:#9c2a1a;height:100vh;color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;grid-template-rows:56px 1fr;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:14px;display:grid}.demo-topbar{background:var(--c-paper);border-bottom:1px solid var(--c-line);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.demo-topbar .topbar-left{align-items:center;gap:16px;display:flex}.demo-topbar .topbar-logo{letter-spacing:0;text-transform:uppercase;color:var(--c-ink);font-family:Big Shoulders Display,Impact,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.demo-topbar .topbar-logo span{color:var(--c-accent);margin:0 4px}.demo-topbar .topbar-app{color:var(--c-muted);letter-spacing:.06em;text-transform:uppercase;border-left:1px solid var(--c-line);padding-left:16px;font-family:JetBrains Mono,monospace;font-size:11px}.demo-topbar .save-status{color:var(--c-muted);letter-spacing:.04em;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.demo-topbar .save-status .dot{background:var(--c-accent);border-radius:50%;width:6px;height:6px}.demo-main{min-height:0;overflow:hidden}.demo-root .demo-page-wrap{max-width:1280px;margin:0;padding:32px 40px 64px}.demo-root .input,.demo-root .textarea,.demo-root .select{border:1px solid var(--c-line);background:var(--c-paper);width:100%;color:var(--c-ink);border-radius:5px;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.demo-root .input:focus,.demo-root .textarea:focus,.demo-root .select:focus{border-color:var(--c-accent);outline:none}.demo-root .textarea{resize:vertical;min-height:80px;line-height:1.55}.demo-root .textarea.large{min-height:140px}.demo-root .select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7780' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px;padding-right:32px}.demo-root .field{margin-bottom:18px}.demo-root .field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-root .field-label{color:var(--c-ink);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.demo-root .field-hint{color:var(--c-muted);margin-top:4px;font-size:11.5px;line-height:1.45}.demo-root .checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--c-paper);border:1px solid var(--c-line);border-radius:5px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.demo-root .btn{border:1px solid var(--c-line);background:var(--c-paper);color:var(--c-ink);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.demo-root .btn:hover{border-color:var(--c-ink)}.demo-root .btn.primary{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.demo-root .btn.primary:hover{background:var(--c-accent);border-color:var(--c-accent)}.demo-root .btn.danger{color:var(--c-danger)}.demo-root .btn.danger:hover{border-color:var(--c-danger);background:#fef5f3}.os-shell[data-v-264f620c]{grid-template-columns:220px 1fr;height:100%;display:grid;overflow:hidden}.os-rail[data-v-264f620c]{background:var(--c-paper);border-right:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex}.rail-scroll[data-v-264f620c]{flex:1;padding:16px 12px;overflow-y:auto}.rail-group[data-v-264f620c]{margin-bottom:18px}.rail-group-label[data-v-264f620c]{color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.rail-group ul[data-v-264f620c]{list-style:none}.rail-link[data-v-264f620c]{color:var(--c-ink-2);border-radius:5px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .1s;display:flex}.rail-link[data-v-264f620c]:hover{background:var(--c-bg);color:var(--c-ink)}.rail-link.active[data-v-264f620c]{background:var(--c-ink);color:#fff}.rail-icon[data-v-264f620c]{flex-shrink:0;width:16px;height:16px}.os-content[data-v-264f620c]{background:var(--c-bg);overflow-y:auto}.os-root{--c-ink:#0f1a1f;--c-ink-2:#2a3942;--c-muted:#6b7780;--c-line:#e5e0d5;--c-line-2:#f0ebdf;--c-bg:#f7f5ee;--c-paper:#fff;--c-paper-2:#f4efe3;--c-accent:#1f4e3d;--c-accent-2:#c8973f;--c-danger:#9c2a1a;height:100vh;color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;grid-template-rows:56px 1fr;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:14px;display:grid}.os-topbar{background:var(--c-paper);border-bottom:1px solid var(--c-line);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.os-topbar .topbar-left,.os-topbar .topbar-right{align-items:center;gap:16px;display:flex}.os-topbar .topbar-logo{text-transform:uppercase;color:var(--c-ink);font-family:Big Shoulders Display,Impact,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.os-topbar .topbar-logo span{color:var(--c-accent);margin:0 4px}.os-topbar .topbar-app{color:var(--c-muted);letter-spacing:.06em;text-transform:uppercase;border-left:1px solid var(--c-line);padding-left:16px;font-family:JetBrains Mono,monospace;font-size:11px}.os-topbar .save-status,.os-topbar .topbar-user{color:var(--c-muted);letter-spacing:.04em;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.os-topbar .save-status .dot{background:var(--c-accent);border-radius:50%;width:6px;height:6px}.os-topbar .topbar-signout{text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:JetBrains Mono,monospace;font-size:11px}.os-topbar .topbar-signout:hover{color:var(--c-danger)}.os-main{min-height:0;overflow:hidden}.os-root .os-page-wrap{max-width:1280px;margin:0;padding:32px 40px 64px}.os-root .input,.os-root .textarea,.os-root .select{border:1px solid var(--c-line);background:var(--c-paper);width:100%;color:var(--c-ink);border-radius:5px;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.os-root .input:focus,.os-root .textarea:focus,.os-root .select:focus{border-color:var(--c-accent);outline:none}.os-root .textarea{resize:vertical;min-height:80px;line-height:1.55}.os-root .textarea.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}.os-root .select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7780' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px;padding-right:32px}.os-root .field{margin-bottom:18px}.os-root .field-label{color:var(--c-ink);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.os-root .field-hint{color:var(--c-muted);margin-top:4px;font-size:11.5px;line-height:1.45}.os-root .checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--c-paper);border:1px solid var(--c-line);border-radius:5px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.os-root .btn{border:1px solid var(--c-line);background:var(--c-paper);color:var(--c-ink);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.os-root .btn:hover{border-color:var(--c-ink)}.os-root .btn.primary{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.os-root .btn.primary:hover{background:var(--c-accent);border-color:var(--c-accent)}.os-root .btn.danger{color:var(--c-danger)}.os-root .btn.danger:hover{border-color:var(--c-danger);background:#fef5f3}.os-root .btn:disabled{opacity:.45;cursor:not-allowed}.os-root .header-tag{color:var(--c-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px}.os-root .group-label{color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px}