:root{--ui-bg:#f4f2ef;--ui-panel:#fff;--ui-line:#e3ded7;--ui-line-soft:#eeeae4;--ui-ink:#23211e;--ui-muted:#77716a;--ui-accent:#2f2c28;--ui-flag:#a8442f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ui-bg);color:var(--ui-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:13px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--ui-panel);border-bottom:1px solid var(--ui-line);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.app-brand{align-items:baseline;gap:12px;min-width:0;display:flex}.app-actions{flex:none;align-items:center;gap:4px;display:flex}.app-actions-divider{background:var(--ui-line);width:1px;height:20px;margin:0 8px}.app-notice{color:#3c4a38;background:#f0f3ee;border-bottom:1px solid #dde3d8;justify-content:space-between;align-items:center;gap:16px;padding:9px 22px;font-size:12px;display:flex}.app-notice-error{color:#8a3a25;background:#fbf0ed;border-bottom-color:#eed6cf}.app-notice .btn-quiet{color:inherit;opacity:.7;flex:none;padding:4px 8px}.app-notice .btn-quiet:hover{opacity:1;color:inherit}.app-title{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.app-subtitle{color:var(--ui-muted);font-size:12px}.workspace{flex:1;min-height:0;display:flex}.editor-pane{background:var(--ui-panel);border-right:1px solid var(--ui-line);flex:0 0 430px;padding:4px 22px 40px;overflow-y:auto}.preview-pane{flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:32px;display:flex;overflow:auto}.preview-frame{flex:none;position:relative}.sheet-scaler{position:absolute;top:0;left:0}.preview-pane .brand-sheet{box-shadow:0 1px 2px #1e1a1614,0 12px 34px #1e1a161a}.editor-section{border-bottom:1px solid var(--ui-line-soft);padding:22px 0}.editor-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.editor-section-head h2{letter-spacing:.13em;text-transform:uppercase;color:var(--ui-muted);margin:0;font-size:11px;font-weight:700}.field{flex-direction:column;gap:5px;min-width:0;margin-bottom:12px;display:flex}.field-label{letter-spacing:.04em;color:var(--ui-muted);align-items:baseline;gap:6px;font-size:11px;display:flex}.field-hint{color:#a49d94;font-size:10px;font-style:italic}input[type=text],select{width:100%;min-width:0;font:inherit;color:var(--ui-ink);border:1px solid var(--ui-line);background:#fdfcfb;border-radius:3px;padding:7px 9px;font-size:13px}input[type=text]:focus,select:focus{background:#fff;border-color:#b6ada2;outline:none}.hex-input{text-transform:uppercase;flex:0 0 108px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.row-fields{align-items:flex-start;gap:10px;display:flex}.row-fields>.field{flex:1 1 0}.row-fields>.field:last-child{flex:0 0 132px}.row-fields.three>.field,.row-fields.three>.field:last-child{flex:1 1 0}.font-control{border-bottom:1px dashed var(--ui-line-soft);margin-bottom:18px;padding-bottom:16px}.font-control:last-of-type{border-bottom:none;padding-bottom:0}.font-control-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.checkbox-field{color:var(--ui-ink);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.checkbox-field input[type=checkbox]{width:14px;height:14px;accent-color:var(--ui-accent);cursor:pointer}input[type=range]{width:100%;height:20px;accent-color:var(--ui-accent);cursor:pointer}.font-status{color:var(--ui-muted);text-align:right;font-size:11px}.font-status-fallback{color:var(--ui-flag)}.font-status-local{color:#4a6b48}.color-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.color-row{align-items:center;gap:10px;display:flex}.color-fields{flex:1;gap:8px;min-width:0;display:flex}input[type=color]{border:1px solid var(--ui-line);cursor:pointer;background:#fff;border-radius:3px;flex:none;width:42px;height:34px;padding:2px}.color-select{align-items:center;gap:7px;min-width:0;display:flex}.color-dot{border-radius:2px;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #00000024}.stack-row{border-top:1px dashed var(--ui-line-soft);flex-direction:column;gap:8px;padding:12px 0;display:flex}.stack-row:first-of-type{border-top:none;padding-top:2px}.stack-title{letter-spacing:.06em;color:var(--ui-muted);font-size:11px}.contrast-note{color:#8b857d;font-size:11px}.contrast-note-flag{color:var(--ui-flag)}.contrast-pair{flex-wrap:wrap;gap:14px;display:flex}.editor-footnote{color:#a49d94;margin:18px 0 0;font-size:11px;line-height:1.5}.btn-primary,.btn-secondary,.btn-quiet{font:inherit;letter-spacing:.05em;cursor:pointer;white-space:nowrap;border-radius:3px;padding:8px 14px;font-size:12px}.btn-primary{background:var(--ui-accent);color:#fff;border:1px solid var(--ui-accent)}.btn-primary:hover{background:#1a1815}.btn-secondary{color:var(--ui-ink);border:1px solid var(--ui-line);background:#fff}.btn-secondary:hover{border-color:#b6ada2}.btn-quiet{color:var(--ui-muted);background:0 0;border:1px solid #0000}.btn-quiet:hover{color:var(--ui-ink)}.modal-backdrop{z-index:50;background:#1c18146b;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:var(--ui-panel);border-radius:4px;width:min(920px,100%);max-height:100%;padding:22px 26px 24px;overflow-y:auto;box-shadow:0 24px 60px #14100c4d}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-head h2{letter-spacing:.13em;text-transform:uppercase;color:var(--ui-muted);margin:0;font-size:12px;font-weight:700}.modal-sub{color:var(--ui-ink);margin:6px 0 0;font-size:13px}.modal-controls{border-top:1px solid var(--ui-line-soft);flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0 10px;padding-top:16px;display:flex}.inline-field{letter-spacing:.04em;color:var(--ui-muted);align-items:center;gap:8px;font-size:11px;display:flex}.inline-field select{width:auto;min-width:128px}.segmented{border:1px solid var(--ui-line);border-radius:3px;display:flex;overflow:hidden}.segmented button{font:inherit;letter-spacing:.09em;text-transform:uppercase;color:var(--ui-muted);cursor:pointer;background:#fff;border:none;padding:8px 14px;font-size:11px}.segmented button.is-active{background:var(--ui-accent);color:#fff}.modal-note{color:var(--ui-muted);max-width:74ch;margin:0 0 18px;font-size:12px;line-height:1.5}.generator-grid{align-items:flex-start;gap:14px;display:flex}.generator-swatch{flex:1 1 0;min-width:0}.generator-chip{border-radius:3px;justify-content:center;align-items:flex-end;height:132px;padding-bottom:10px;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.generator-swatch.is-locked .generator-chip{box-shadow:inset 0 0 0 2px var(--ui-accent)}.lock-toggle{font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#2b2723;background:#ffffffe0;border:none;border-radius:2px;padding:5px 11px;font-size:10px}.generator-swatch.is-locked .lock-toggle{background:var(--ui-accent);color:#fff}.generator-meta{margin-top:9px}.generator-name{margin-bottom:6px;font-size:12px;display:block}.generator-inputs{gap:6px;display:flex}.generator-inputs input[type=text]{text-transform:uppercase;padding:6px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.modal-foot{border-top:1px solid var(--ui-line-soft);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}@media (width<=1100px){.workspace{flex-direction:column;overflow-y:auto}.editor-pane{border-right:none;border-bottom:1px solid var(--ui-line);flex:none;width:100%}.preview-pane{flex:none;padding:24px 16px 40px}.generator-grid{flex-wrap:wrap}.generator-swatch{flex:140px}}.brand-sheet{--sheet-ink:#1a1a1a;--sheet-meta:#6f6b66;--sheet-rule:#e2ded7;--doc-font:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;box-sizing:border-box;width:11in;height:8.5in;color:var(--sheet-ink);font-family:var(--doc-font);-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;gap:32px;padding:44px 62px 38px;display:flex;position:relative;overflow:hidden}.brand-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sheet-header{flex:none}.sheet-title{letter-spacing:.005em;color:var(--sheet-ink);margin:0 0 10px;font-size:22px;font-weight:400;line-height:1.15}.accent-rule{align-items:center;width:3.5in;height:11px;display:flex}.accent-line{background:currentColor;flex:1;height:1.3px}.accent-arrow{flex:none;margin-left:-1px;display:block}.sheet-band{flex:none;display:flex}.band-top{gap:56px}.band-top .section-type{flex:58%;min-width:0}.band-top .section-preview{flex:42%;min-width:0}.band-bottom{gap:56px}.band-bottom .section-buttons{flex:0 0 39%;min-width:0}.band-bottom .section-combos{flex:auto;min-width:0}.sheet-section{flex-direction:column;display:flex}.section-label{letter-spacing:.045em;text-transform:uppercase;color:var(--sheet-ink);margin:0 0 12px;font-size:16px;font-weight:400}.specimen-stack{flex-direction:column;gap:20px;display:flex}.specimen-head{align-items:baseline;gap:13px;margin-bottom:8px;display:flex}.specimen-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:66%;line-height:1.1;overflow:hidden}.specimen-meta{letter-spacing:.09em;text-transform:uppercase;color:var(--sheet-meta);white-space:nowrap;flex:none;font-size:11px}.specimen-lines{flex-direction:column;gap:4px;display:flex}.specimen-line{white-space:nowrap;color:#2c2a27;line-height:1.28;overflow:hidden}.preview-block{flex-direction:column;flex:1;justify-content:center;padding-bottom:18px;display:flex}.preview-name{white-space:nowrap;text-overflow:ellipsis;color:var(--sheet-ink);line-height:1.12;overflow:hidden}.preview-name-second{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;line-height:1.2;overflow:hidden}.preview-tagline{white-space:nowrap;margin-top:14px;line-height:1.4;overflow:hidden}.swatch-row{gap:22px;display:flex}.swatch{flex:1 1 0;min-width:0}.swatch-chip{width:100%;height:60px;margin-bottom:12px}.swatch-chip-empty{box-shadow:inset 0 0 0 1px var(--sheet-rule);background:#fff}.swatch-name{color:var(--sheet-ink);margin-bottom:6px;font-size:17px;font-weight:400;line-height:1.25}.swatch-hex{letter-spacing:.02em;color:var(--sheet-ink);font-size:12.5px;font-weight:700;line-height:1.4}.swatch-rgb{color:#4a4742;font-size:12.5px;font-weight:400;line-height:1.4}.button-grid{grid-template-columns:1fr 1fr;align-content:start;gap:14px 18px;display:grid}.sheet-button{box-sizing:border-box;letter-spacing:.015em;text-align:center;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 10px;font-size:14px;display:flex;overflow:hidden}.combo-row{align-items:stretch;gap:20px;display:flex}.combo-panel{flex-direction:column;flex:1 1 0;justify-content:space-between;min-width:0;height:92px;padding:12px 16px;display:flex;overflow:hidden}.combo-aa{font-size:34px;line-height:1}.combo-message{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:10px;overflow:hidden}@page{size:letter landscape;margin:0}@media print{html,body{width:11in;height:8.5in;background:#fff!important;margin:0!important;padding:0!important;overflow:hidden!important}.no-print{display:none!important}.print-passthrough{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;flex:none!important;gap:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.brand-sheet{width:11in!important;height:8.5in!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:avoid-page!important;page-break-after:avoid!important;border:0!important;outline:none!important;margin:0!important;overflow:hidden!important;transform:none!important}.brand-sheet,.brand-sheet *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}