@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{color-scheme:light;--mint-ivory: #f8fbff;--mint-carbon: #111827;--mint-graphite: #263243;--mint-green: #16785c;--mint-green-mid: #1d9875;--mint-green-light: #e1f5ee;--mint-blue: #2563eb;--mint-blue-light: #e7efff;--mint-warm: #eef2f7;--mint-warm-2: #cfd8e3;--mint-muted: #6b7280;--mint-coral: #d15d45;--mint-amber: #b7791f;--white: #ffffff;--line: rgba(17, 24, 39, .12);--line-strong: rgba(17, 24, 39, .22);--shadow: 7px 7px 0 rgba(17, 24, 39, .88);--radius: 6px;font-family:DM Sans,Segoe UI,sans-serif;background:var(--mint-ivory);color:var(--mint-carbon)}html[data-mint-theme-style=badge]{--radius: 6px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:linear-gradient(90deg,rgba(23,23,20,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(23,23,20,.025) 1px,transparent 1px),var(--mint-ivory);background-size:36px 36px;color:var(--mint-carbon)}html[data-mint-theme-style=badge] body,html[data-mint-theme-style=badge] #root{background:linear-gradient(90deg,rgba(29,27,22,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(29,27,22,.06) 1px,transparent 1px),var(--mint-ivory);background-size:28px 28px}html[data-mint-theme-style=dark] body,html[data-mint-theme-style=dark] #root{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--mint-ivory)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{border:0;font:inherit}button{cursor:pointer}code{font-family:Consolas,Liberation Mono,monospace}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.08);background:var(--mint-carbon);color:var(--mint-ivory);padding:22px 16px;display:flex;flex-direction:column;gap:22px}html[data-mint-theme-style=badge] .sidebar{border-right:3px solid var(--mint-carbon);background:var(--mint-green);color:var(--mint-ivory)}html[data-mint-theme-style=dark] .sidebar{background:color-mix(in srgb,var(--mint-ivory) 82%,black);border-right-color:var(--line-strong)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 4px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--mint-ivory);color:var(--mint-carbon);font-family:"DM Serif Display",serif;font-size:18px;font-style:italic}.sidebar-brand strong{display:block;font-size:15px}.sidebar-nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;border-radius:7px;color:#f7f5f094;font-size:13px;transition:.14s ease}.nav-link:hover,.nav-link.active{background:#ffffff14;color:var(--mint-ivory)}html[data-mint-theme-style=badge] .nav-link.active{background:#fff4d8;color:#1d1b16;box-shadow:3px 3px #1d1b16}.sidebar-foot{margin-top:auto}.main-panel{min-width:0;padding:24px;display:grid;align-content:start;gap:22px}.topbar,.panel-heading,.client-card-head,.spine-card-head,.integration-head,.toolbar,.client-hero,.client-mini-card,.document-row,.inline-actions,.hero-actions,.design-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{min-height:62px}.topbar h1,.hero-panel h2,.section-intro h2,.client-hero h2{margin:0;color:var(--mint-carbon);font-family:"DM Serif Display",serif;font-weight:400;line-height:1.08}.topbar h1{font-size:32px}.topbar-meta,.inline-actions{flex-wrap:wrap}.eyebrow{margin:0 0 6px;color:var(--mint-green);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.view-stack{display:grid;gap:18px}.landing-page{display:grid;gap:28px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd6;padding:12px 14px;box-shadow:var(--shadow)}.landing-brand,.landing-nav nav{display:flex;align-items:center;gap:12px}.landing-brand .brand-mark{background:var(--mint-carbon);color:var(--mint-ivory)}.landing-nav nav{flex-wrap:wrap;color:var(--mint-muted);font-size:13px;font-weight:700}.landing-nav nav a:hover{color:var(--mint-green)}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:end;min-height:460px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 88% 18%,rgba(200,92,58,.12),transparent 28%),linear-gradient(135deg,#fffffff5,#eaf4eecc);padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}.landing-hero h2{max-width:860px;margin:16px 0;font-family:"DM Serif Display",serif;font-size:clamp(40px,7vw,82px);font-weight:400;line-height:.98}.landing-hero p{max-width:650px;color:var(--mint-muted);font-size:16px;line-height:1.65}.playful-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;border:2px solid var(--mint-carbon);border-radius:999px;background:#fff8dc;color:var(--mint-carbon);padding:7px 11px;box-shadow:3px 3px 0 var(--mint-carbon);font-size:12px;font-weight:800}.landing-composer{display:flex;gap:8px;max-width:680px;margin-top:24px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:8px}.landing-composer input{flex:1;min-width:0;padding:0 10px;outline:none}.landing-ticket{display:grid;gap:10px;border:2px solid var(--mint-carbon);border-radius:12px;background:#fff8dc;padding:18px;box-shadow:6px 6px 0 var(--mint-carbon)}.landing-ticket strong{font-family:"DM Serif Display",serif;font-size:31px;font-weight:400}.landing-ticket span,.landing-service p,.landing-section p,.theme-playground p{color:var(--mint-muted);line-height:1.55}.landing-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-service{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;box-shadow:var(--shadow)}.landing-service svg{color:var(--mint-green)}.landing-section,.landing-process,.theme-playground{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;padding:22px;box-shadow:var(--shadow)}.hero-panel,.panel,.metric-card,.client-card,.client-mini-card,.spine-card,.spine-meta-card,.document-row,.integration-card,.status-card,.swatch-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow)}html[data-mint-theme-style=badge] .hero-panel,html[data-mint-theme-style=badge] .panel,html[data-mint-theme-style=badge] .metric-card,html[data-mint-theme-style=badge] .client-card,html[data-mint-theme-style=badge] .client-mini-card,html[data-mint-theme-style=badge] .spine-card,html[data-mint-theme-style=badge] .spine-meta-card,html[data-mint-theme-style=badge] .document-row,html[data-mint-theme-style=badge] .integration-card,html[data-mint-theme-style=badge] .status-card,html[data-mint-theme-style=badge] .swatch-card,html[data-mint-theme-style=badge] .landing-nav,html[data-mint-theme-style=badge] .landing-hero,html[data-mint-theme-style=badge] .landing-service,html[data-mint-theme-style=badge] .landing-section,html[data-mint-theme-style=badge] .landing-process,html[data-mint-theme-style=badge] .theme-playground{border:2px solid var(--mint-carbon);background:#fffdf4}html[data-mint-theme-style=badge] .hero-panel,html[data-mint-theme-style=badge] .landing-hero{background:linear-gradient(135deg,#0f7b5924,#e64f2e1a),#fffdf4}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:28px;overflow:hidden}.hero-panel h2{max-width:780px;font-size:clamp(31px,4vw,54px)}.hero-panel p,.section-intro p,.client-hero p,.metric-card p,.client-card p,.client-mini-card p,.spine-card p,.spine-meta-card p,.document-row p,.integration-card p,.status-card p,.auth-message,.empty-copy,.empty-cell{margin:0;color:var(--mint-muted);line-height:1.55}.hero-panel>div>p:last-child{max-width:680px;margin-top:14px;font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;min-height:138px;padding:18px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:7px;background:var(--mint-green-light)}.metric-card.tone-blue:after{background:var(--mint-blue-light)}.metric-card.tone-coral:after{background:#c85c3a1f}.metric-card.tone-amber:after{background:#b8860b1f}.metric-card strong{display:block;margin:8px 0 10px;font-family:"DM Serif Display",serif;font-size:36px;font-weight:400;line-height:1}.content-grid,.client-grid,.spine-grid,.integration-grid,.client-strip,.swatch-grid{display:grid;gap:14px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spine-grid,.integration-grid,.client-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.panel{padding:20px}.panel-heading{align-items:flex-start;margin-bottom:16px}.panel-heading h2,.section-intro h2{margin:0;font-size:26px}.section-intro{max-width:840px}.badge-token,.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;border-radius:999px;padding:6px 10px;background:var(--mint-warm);color:var(--mint-muted);font-size:12px;font-weight:800;white-space:nowrap}.badge-token.tone-green,.pill.success{background:var(--mint-green-light);color:var(--mint-green)}.badge-token.tone-amber,.pill.warning{background:#b8860b1c;color:var(--mint-amber)}.badge-token.tone-coral,.pill.danger{background:#c85c3a1c;color:var(--mint-coral)}.badge-token.tone-blue{background:var(--mint-blue-light);color:var(--mint-blue)}.badge-token.tone-muted,.pill.muted{background:var(--mint-warm);color:var(--mint-muted)}html[data-mint-theme-style=badge] .badge-token,html[data-mint-theme-style=badge] .pill{border:2px solid var(--mint-carbon);background:var(--mint-warm);color:var(--mint-carbon);box-shadow:3px 3px 0 var(--mint-carbon)}.primary-button,.ghost-button,.small-link,.icon-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:13px;font-weight:700;transition:.14s ease}.primary-button{min-height:38px;padding:9px 14px;background:var(--mint-green);color:#fff}.primary-button:hover{background:var(--mint-green-mid)}.ghost-button{min-height:38px;border:1px solid var(--line-strong);padding:9px 13px;background:#fff;color:var(--mint-graphite)}.ghost-button:hover,.small-link:hover,.icon-link:hover{border-color:var(--mint-green);color:var(--mint-green)}.small-link{width:fit-content;color:var(--mint-green);font-size:12px}.icon-link{width:34px;height:34px;border:1px solid var(--line);background:var(--mint-ivory);color:var(--mint-muted);flex:0 0 auto}.icon-link:disabled{cursor:not-allowed;opacity:.35}.status-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#ffffff12;border-color:#ffffff17;box-shadow:none}.status-card p{color:#f7f5f08f;font-size:12px}.auth-panel,.auth-form,.glossary-list,.detail-list,.document-list,.command-panel{display:grid;gap:12px}.status-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:7px;background:var(--mint-ivory)}.status-row strong,.glossary-row strong,.client-mini-card strong,.document-row strong,.integration-card strong{display:block;color:var(--mint-carbon)}.auth-form label{color:var(--mint-muted);font-size:12px;font-weight:700}.auth-form input,.search-box input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--mint-ivory);color:var(--mint-carbon);padding:10px 12px;outline:none}.auth-form input:focus,.search-box input:focus{border-color:var(--mint-green);box-shadow:0 0 0 3px #1b5e401a}.auth-form button{min-height:40px;border-radius:7px;background:var(--mint-carbon);color:#fff;font-weight:700}.auth-form button:disabled{cursor:not-allowed;opacity:.55}.glossary-row,.detail-list div{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.glossary-row:last-child,.detail-list div:last-child{border-bottom:0}.toolbar{align-items:stretch}.search-box{position:relative;display:flex;align-items:center;flex:1;max-width:520px}.search-box svg{position:absolute;left:12px;color:var(--mint-muted)}.search-box input{padding-left:38px;background:#fff}.client-card,.client-mini-card,.spine-card,.integration-card,.swatch-card{padding:16px}.client-card{display:grid;align-content:space-between;min-height:190px;transition:.14s ease}.client-card:hover,.client-mini-card:hover{transform:translateY(-1px);border-color:var(--mint-green)}.client-card h3{margin:0;font-size:18px}.client-card-metrics,.doc-meta{display:flex;flex-wrap:wrap;gap:6px}.client-card-metrics span,.doc-meta span{border-radius:999px;padding:5px 8px;background:var(--mint-warm);color:var(--mint-muted);font-size:11px;font-weight:700}.doc-meta span:nth-child(1){background:var(--mint-blue-light);color:var(--mint-blue)}.doc-meta span:nth-child(2){background:var(--mint-green-light);color:var(--mint-green)}.doc-meta span:nth-child(3){background:#c85c3a1c;color:var(--mint-coral)}.client-hero{align-items:flex-start}.client-hero h2{font-size:34px}.client-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.client-mini-card{min-height:118px}.spine-card{display:grid;gap:14px}.spine-card h3{margin:0 0 4px;font-size:20px}.spine-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spine-meta-card{padding:12px;box-shadow:none;background:var(--mint-ivory)}.spine-meta-card code,.document-row code,.command-panel code,.swatch-card code{display:block;max-width:100%;overflow-wrap:anywhere;border-radius:7px;padding:7px 9px;background:var(--mint-warm);color:var(--mint-graphite);font-size:12px}.document-list.compact{gap:8px}.document-row{align-items:flex-start;padding:12px;box-shadow:none;transition:.14s ease}.document-row.selected{border-color:var(--mint-green);background:var(--mint-green-light)}.document-row>div{min-width:0;display:grid;gap:6px}.document-row code{max-width:300px}.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:7px;background:var(--mint-carbon);color:#fff;padding:7px 10px;font-size:12px;font-weight:800}.document-workbench{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1fr);gap:16px;align-items:start}.document-browser{display:grid;gap:12px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preview-head h3{margin:0;font-size:18px}.preview-head code,.document-tile code{display:block;max-width:100%;overflow-wrap:anywhere;margin-top:8px;color:var(--mint-muted);font-size:12px}.html-preview{width:100%;height:min(72vh,760px);border:1px solid var(--line);border-radius:7px;background:#fff}.text-preview,.json-preview{height:min(72vh,760px);overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--mint-ivory);color:var(--mint-graphite);padding:16px;white-space:pre-wrap;font-family:DM Sans,Segoe UI,sans-serif;font-size:13px;line-height:1.58}.json-preview{background:color-mix(in srgb,var(--mint-carbon) 5%,var(--white));font-family:Consolas,Liberation Mono,monospace}.markdown-render{height:min(72vh,760px);overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:24px;color:var(--mint-graphite);font-family:DM Sans,Segoe UI,sans-serif;font-size:14px;line-height:1.62}.markdown-render h1,.markdown-render h2,.markdown-render h3{margin:0 0 10px;color:var(--mint-carbon);font-family:DM Sans,Segoe UI,sans-serif;font-weight:900;line-height:1.18}.markdown-render h1{max-width:980px;font-size:24px}.markdown-render h2{margin-top:18px;font-size:19px}.markdown-render h3{margin-top:14px;font-size:16px}.markdown-render p,.markdown-render ul{margin:0 0 14px}.markdown-render code{border-radius:5px;background:var(--mint-warm);color:var(--mint-carbon);padding:2px 5px;font-size:.9em}.markdown-render blockquote{margin:0 0 14px;border-left:4px solid var(--mint-green);background:var(--mint-green-light);padding:10px 14px}.markdown-render a{color:var(--mint-blue);font-weight:800;text-decoration:underline}.markdown-table{width:100%;margin:0 0 16px;border-collapse:collapse;font-size:13px}.markdown-table th,.markdown-table td{border:1px solid var(--line);padding:9px}.document-dropzone{display:grid;place-items:center;align-content:center;min-height:360px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff9e;color:var(--mint-muted);padding:24px;text-align:center}.document-dropzone h3{margin:10px 0 4px;color:var(--mint-carbon)}.document-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#17171475;padding:24px}.document-modal{display:grid;gap:14px;width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;border:2px solid var(--mint-carbon);border-radius:10px;background:var(--white);padding:16px;box-shadow:8px 8px 0 var(--mint-carbon)}.document-modal .document-preview{overflow:hidden}.modal-actions,.segmented-control,.carousel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.carousel-actions{border:1px solid var(--line);border-radius:999px;background:var(--mint-ivory);padding:3px}.carousel-actions span{min-width:44px;color:var(--mint-muted);font-size:12px;font-weight:800;text-align:center}.segmented-control{border:1px solid var(--line-strong);border-radius:999px;background:var(--mint-ivory);padding:3px}.segmented-control button{min-height:28px;border-radius:999px;background:transparent;color:var(--mint-muted);padding:5px 10px;font-size:12px;font-weight:800}.segmented-control button.active{background:var(--mint-carbon);color:#fff}.ghost-button:disabled{cursor:not-allowed;opacity:.5}.document-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.document-tile{display:grid;gap:12px;min-height:260px;border:1px solid var(--line);border-radius:var(--radius);background:var(--mint-ivory);padding:16px}.document-tile h3{margin:0;color:var(--mint-carbon);font-size:18px}.document-tile p{margin:0;color:var(--mint-muted);line-height:1.5}.document-tile .primary-button,.document-tile .ghost-button{align-self:end}.preview-placeholder{display:grid;place-items:center;align-content:center;gap:12px;min-height:360px;color:var(--mint-muted);text-align:center}.flow-panel{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;gap:10px;align-items:center}.flow-node{display:grid;gap:7px;min-height:132px;border:2px solid var(--mint-carbon);border-radius:12px;background:#fff;padding:16px;box-shadow:4px 4px 0 var(--mint-carbon)}.flow-node svg{color:var(--mint-green)}.flow-node span{color:var(--mint-muted);font-size:12px}.flow-node.spine{background:var(--mint-green-light)}.flow-node.admin{background:var(--mint-blue-light)}.flow-node.client{background:#fff8dc}.flow-line{height:2px;background:var(--mint-carbon);position:relative}.flow-line:after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid var(--mint-carbon);border-top:5px solid transparent;border-bottom:5px solid transparent}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{display:grid;gap:10px}.integration-head{justify-content:flex-start}.integration-head .pill{margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--mint-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}td{color:var(--mint-graphite);font-size:13px}tbody tr:hover{background:#1b5e4006}.detail-list{margin:0}.detail-list dt{color:var(--mint-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.detail-list dd{margin:0;color:var(--mint-graphite)}.command-panel{align-items:start}.empty-state{display:grid;place-items:start;gap:12px;min-height:220px}.empty-state h2{margin:0;font-family:"DM Serif Display",serif;font-size:30px;font-weight:400}.swatch-card{display:grid;gap:8px;box-shadow:none}.swatch-card span{display:block;height:56px;border:1px solid var(--line);border-radius:7px}.design-row{justify-content:flex-start;flex-wrap:wrap}.theme-playground{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;background:linear-gradient(135deg,#fff8dc,#fff 48%,#eaf4ee)}.brand-system-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:18px;border:2px solid var(--mint-carbon);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--mint-green-light) 70%,var(--white)) 0%,var(--white) 52%,color-mix(in srgb,var(--mint-blue-light) 76%,var(--white)) 100%);padding:22px;box-shadow:var(--shadow)}.brand-system-hero h2{margin:0 0 10px;font-family:"DM Serif Display",serif;font-size:34px;font-weight:400;line-height:1.05}.brand-system-hero p{margin:0;color:var(--mint-graphite);line-height:1.6}.brand-principles{display:grid;gap:8px}.brand-principles span{border:1px solid var(--line-strong);border-radius:999px;background:var(--white);padding:8px 11px;color:var(--mint-graphite);font-size:12px;font-weight:800}.theme-control-panel{display:grid;gap:14px}.theme-control-grid{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);gap:14px;align-items:stretch}.theme-select-label{display:grid;align-content:start;gap:8px;color:var(--mint-muted);font-size:11px;font-weight:900;text-transform:uppercase}.theme-select-label select{width:100%;min-height:48px;border:2px solid var(--mint-carbon);border-radius:var(--radius);background:var(--white);color:var(--mint-carbon);padding:10px 12px;box-shadow:3px 3px 0 var(--mint-carbon);font-weight:900}.theme-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-switcher button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--mint-ivory);color:var(--mint-graphite);font-weight:800}.theme-switcher button.active{border-color:var(--mint-carbon);background:var(--mint-carbon);color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-card{display:grid;gap:10px;min-height:128px;border:1px solid var(--line);border-radius:var(--radius);background:var(--mint-ivory);color:var(--mint-carbon);padding:14px;text-align:left}.theme-card.active{border:2px solid var(--mint-carbon);background:var(--mint-green-light);box-shadow:4px 4px 0 var(--mint-carbon)}.theme-card span{color:var(--mint-muted);font-size:12px;line-height:1.45}.mini-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:auto}.mini-palette i{display:block;height:20px;border:1px solid var(--line-strong);border-radius:999px}.custom-theme-panel{display:grid;gap:16px}.custom-theme-form{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) auto;gap:10px;align-items:end}.custom-theme-form label{display:grid;gap:6px;color:var(--mint-muted);font-size:11px;font-weight:800;text-transform:uppercase}.custom-theme-form input,.custom-theme-form select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--mint-carbon);padding:8px 10px}.custom-theme-form input[type=color]{padding:4px}.custom-theme-list{display:grid;gap:8px}.custom-theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px}.brand-export-panel{display:grid;gap:12px}.brand-export-panel textarea{width:100%;min-height:210px;border:2px solid var(--mint-carbon);border-radius:var(--radius);background:color-mix(in srgb,var(--mint-carbon) 4%,var(--white));color:var(--mint-carbon);padding:14px;font-family:Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;resize:vertical}.pricing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:24px;align-items:center}.pricing-hero h2{margin:0 0 10px;font-family:"DM Serif Display",serif;font-size:clamp(34px,5vw,62px);font-weight:400}.pricing-hero p{max-width:720px;color:var(--mint-muted);line-height:1.6}.pricing-total{display:grid;gap:7px;border:2px solid var(--mint-carbon);border-radius:10px;background:#fff8dc;padding:18px;box-shadow:5px 5px 0 var(--mint-carbon)}.pricing-total span{color:var(--mint-muted);font-size:12px;font-weight:800;text-transform:uppercase}.pricing-total strong{color:var(--mint-carbon);font-family:"DM Serif Display",serif;font-size:28px;font-weight:400}.pack-grid,.module-grid{display:grid;gap:12px}.pack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pack-card{display:grid;gap:8px;min-height:190px;border:1px solid var(--line);border-radius:var(--radius);background:var(--mint-ivory);color:var(--mint-carbon);padding:16px;text-align:left}.pack-card.active{border:2px solid var(--mint-carbon);background:var(--mint-green-light);box-shadow:4px 4px 0 var(--mint-carbon)}.pack-card strong{font-size:16px}.pack-card span{color:var(--mint-green);font-size:12px;font-weight:800}.pack-card p,.module-card p{margin:0;color:var(--mint-muted);line-height:1.5}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8;padding:16px}.module-card.enabled{border-color:var(--mint-green);background:var(--mint-green-light)}.module-head{display:flex;justify-content:space-between;gap:12px}.module-head h3{margin:0;color:var(--mint-carbon);font-size:17px}.module-prices{display:flex;flex-wrap:wrap;gap:8px}.module-prices span,.variable-cost{width:fit-content;border-radius:999px;background:#fff;color:var(--mint-green);padding:6px 9px;font-size:11px;font-weight:800}.switch{position:relative;width:48px;height:28px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--mint-warm);transition:.15s ease}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #17171429;transition:.15s ease}.switch input:checked+span{background:var(--mint-green)}.switch input:checked+span:after{transform:translate(20px)}.adjustment-panel{display:grid;grid-template-columns:minmax(0,.8fr) repeat(2,minmax(220px,1fr));gap:18px;align-items:center}.adjustment-panel h2{margin:0}.adjustment-panel label{display:grid;gap:8px;color:var(--mint-muted);font-size:12px;font-weight:800;text-transform:uppercase}.adjustment-panel input{accent-color:var(--mint-green)}.adjustment-panel label span{color:var(--mint-carbon);font-size:14px}.theme-playground h2{margin:0 0 8px;font-family:"DM Serif Display",serif;font-size:34px;font-weight:400}.badge-board{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:420px}.mint-inspector-toggle{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:8px;min-height:42px;border:2px solid var(--mint-carbon);border-radius:999px;background:var(--mint-green);color:var(--white);padding:9px 14px;box-shadow:4px 4px 0 var(--mint-carbon);font-weight:900}.mint-inspector-toggle.active{background:var(--mint-coral)}.mint-inspector-panel{position:fixed;right:18px;bottom:72px;z-index:70;width:310px;border:2px solid var(--mint-carbon);border-radius:var(--radius);background:var(--white);color:var(--mint-carbon);padding:14px;box-shadow:var(--shadow);pointer-events:none}.mint-inspector-target{position:fixed;z-index:69;border:2px solid var(--mint-coral);border-radius:6px;box-shadow:0 0 0 9999px #11182714;pointer-events:none}.mint-inspector-panel strong{display:block;margin-bottom:8px}.mint-inspector-panel code{display:block;overflow:hidden;margin-bottom:6px;color:var(--mint-blue);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inspector-size{display:inline-block;margin-bottom:10px;border:1px solid var(--line);border-radius:999px;background:var(--mint-ivory);padding:3px 8px;color:var(--mint-muted);font-size:11px;font-weight:900}.mint-inspector-panel ol{display:grid;gap:4px;max-height:150px;margin:0 0 12px;overflow:hidden;padding-left:18px}.mint-inspector-panel ul{display:grid;gap:7px;margin:0 0 10px;padding:0;list-style:none}.mint-inspector-panel li{display:flex;align-items:center;gap:8px;color:var(--mint-muted);font-size:12px;font-weight:800}.mint-inspector-panel ol li{display:list-item;color:var(--mint-carbon);font-size:11px;line-height:1.35}.mint-inspector-panel p:last-child{margin:0;color:var(--mint-muted);font-size:12px;line-height:1.45}.legend-dot{width:10px;height:10px;border-radius:999px}.panel-dot{background:var(--mint-green)}.button-dot{background:var(--mint-blue)}.badge-dot{background:var(--mint-amber)}.document-dot{background:var(--mint-coral)}html[data-mint-inspector=on] .panel,html[data-mint-inspector=on] .hero-panel,html[data-mint-inspector=on] .metric-card,html[data-mint-inspector=on] .client-card,html[data-mint-inspector=on] .spine-card,html[data-mint-inspector=on] .document-tile{outline:2px dashed var(--mint-green);outline-offset:3px}html[data-mint-inspector=on] .primary-button,html[data-mint-inspector=on] .ghost-button,html[data-mint-inspector=on] .small-link,html[data-mint-inspector=on] .icon-link,html[data-mint-inspector=on] .preview-button{outline:2px dashed var(--mint-blue);outline-offset:2px}html[data-mint-inspector=on] .badge-token,html[data-mint-inspector=on] .pill,html[data-mint-inspector=on] .doc-meta span,html[data-mint-inspector=on] .client-card-metrics span{outline:2px dashed var(--mint-amber);outline-offset:2px}html[data-mint-inspector=on] .document-row,html[data-mint-inspector=on] .document-preview,html[data-mint-inspector=on] .html-preview,html[data-mint-inspector=on] .markdown-render{outline:2px dashed var(--mint-coral);outline-offset:2px}@media(max-width:1180px){.metric-grid,.client-grid,.client-strip,.swatch-grid,.theme-grid,.document-gallery,.pack-grid,.module-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-theme-form{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.brand-system-hero,.two-cols,.spine-grid,.landing-hero,.document-workbench,.pricing-hero,.adjustment-panel,.theme-switcher,.theme-control-grid,.theme-playground,.spine-meta-grid,.landing-band,.document-gallery,.theme-grid,.pack-grid,.module-grid,.flow-panel{grid-template-columns:1fr}.flow-line{width:2px;height:32px;justify-self:center}.flow-line:after{right:-4px;top:auto;bottom:-1px;border-top:8px solid var(--mint-carbon);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}.hero-actions{flex-direction:row;flex-wrap:wrap}}@media(max-width:680px){.main-panel{padding:16px}.topbar,.toolbar,.client-hero,.document-row{align-items:flex-start;flex-direction:column}.metric-grid,.client-grid,.client-strip,.integration-grid,.swatch-grid,.theme-grid,.document-gallery,.pack-grid,.module-grid,.sidebar-nav{grid-template-columns:1fr}.document-row code{max-width:100%}.custom-theme-form{grid-template-columns:1fr}}