:root{color:#18201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:linear-gradient(#f6f5efeb,#e7ede6eb),url(/quiet-grid.svg);min-height:100vh}.auth-shell{background:linear-gradient(#f6f5eff5,#e7ede6f5),url(/quiet-grid.svg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{width:min(100%,520px)}.helper-copy,.field-note{color:#667269;margin:0;font-size:13px;line-height:1.5}.helper-copy code{overflow-wrap:anywhere;color:#214f3a;max-width:100%;display:inline-block}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#faf9f4db;border-bottom:1px solid #18201c1a;justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;display:flex;position:sticky;top:0}.brand-mark{flex-direction:column;gap:3px;display:flex}.brand-mark strong{letter-spacing:0;font-size:18px}.brand-mark span,.status-pill{color:#667269;font-size:13px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.step-nav{background:#f6f5efb8;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 18px 0;display:grid}.step-button{color:#3f4b44;text-align:left;background:#fffdf7;border:1px solid #18201c1f;border-radius:8px;gap:4px;min-height:62px;padding:10px 12px;display:grid}.step-button strong{color:#18201c;font-size:14px}.step-button span{color:#667269;font-size:12px}.step-button[aria-current=step]{background:#eaf3ec;border-color:#214f3a;box-shadow:0 0 0 3px #214f3a1f}.status-pill{background:#fffdf7;border:1px solid #18201c1f;border-radius:999px;padding:8px 12px}.primary-button,.secondary-button,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:700;display:inline-flex}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.68}.primary-button{color:#fffdf7;background:#214f3a;padding:0 16px;box-shadow:0 10px 24px #214f3a33}.secondary-button{color:#214f3a;background:#fffdf7;border:1px solid #214f3a2e;padding:0 14px}.icon-button{color:#214f3a;background:#fffdf7;border:1px solid #214f3a2e;width:40px}.workspace{grid-template-columns:minmax(300px,380px) minmax(360px,1fr) minmax(310px,420px);align-items:start;gap:18px;padding:18px;display:grid}.step-setup .content-panel,.step-setup .publish-panel,.step-content .setup-panel,.step-content .publish-panel,.step-publish .setup-panel,.step-publish .content-panel{display:none}.step-setup .workspace,.step-publish .workspace{grid-template-columns:1fr}.step-setup .setup-panel,.step-publish .publish-panel{justify-self:center;width:100%;max-width:1180px}.step-content .workspace{grid-template-columns:minmax(360px,1fr) minmax(320px,460px)}.panel{background:#fffdf7e6;border:1px solid #18201c1a;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #18201c14}.panel-header{border-bottom:1px solid #18201c14;padding:16px 18px 12px}.panel-header h2{margin:0;font-size:16px}.panel-header p{color:#667269;margin:6px 0 0;font-size:13px;line-height:1.45}.form-stack,.editor-stack,.export-stack{gap:14px;padding:16px 18px 18px;display:grid}.field{gap:7px;display:grid}.field label{color:#3f4b44;text-transform:uppercase;font-size:12px;font-weight:800}.field input,.field textarea,.field select{color:#18201c;background:#fff;border:1px solid #18201c24;border-radius:8px;outline:none;width:100%;padding:10px 11px}.field input[readonly]{color:#667269;background:#18201c0a}.field textarea{resize:vertical;min-height:90px;line-height:1.45}.field textarea.entry-context-field{min-height:190px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3c7d5d;box-shadow:0 0 0 3px #3c7d5d24}.two-column{grid-template-columns:1fr 1fr;gap:10px;display:grid}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{gap:6px;display:grid}.swatch input{height:40px;padding:4px}.draft-list{gap:10px;padding:16px 18px 18px;display:grid}.draft-card{text-align:left;color:#18201c;background:#fff;border:1px solid #18201c1f;border-radius:8px;gap:8px;padding:13px;display:grid}.queue-status{color:#3f4b44;text-transform:uppercase;background:#eef3ef;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:800}.status-approved{color:#214f3a;background:#e4f3ea}.status-needs-edit{color:#7b4b12;background:#fff1d8}.status-rejected{color:#8f2f20;background:#fbe4df}.draft-card[aria-pressed=true]{border-color:#3c7d5d;box-shadow:0 0 0 3px #3c7d5d24}.draft-card strong{font-size:14px}.draft-card span{color:#667269;font-size:13px;line-height:1.4}.preview-wrap{gap:16px;display:grid}.creation-mode-card{background:#fffdf7;border:1px solid #18201c1a;border-radius:8px;gap:12px;margin:16px 18px 0;padding:12px;display:grid}.mode-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-button{color:#3f4b44;background:#fff;border:1px solid #18201c1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;display:inline-flex}.mode-button[aria-pressed=true]{color:#214f3a;background:#eaf3ec;border-color:#214f3a}.manual-builder,.manual-hints{gap:12px;display:grid}.manual-builder .field textarea{min-height:120px}.manual-advanced{margin:0}.manual-advanced .manual-hints{padding:12px}.mode-note{color:#667269;margin:0;font-size:13px;line-height:1.45}.phone-frame{aspect-ratio:9/16;background:#18201c;border-radius:28px;width:min(100%,360px);margin:16px auto 0;padding:12px;box-shadow:0 24px 60px #18201c38}.player-shell{background:#111;border-radius:20px;width:100%;height:100%;overflow:hidden}.timeline{padding:0 18px 18px}.timeline-track{background:#18201c1a;border-radius:999px;height:8px;overflow:hidden}.timeline-track span{background:linear-gradient(90deg,#214f3a,#d99a3a);width:64%;height:100%;display:block}.factory-strip{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 18px;display:grid}.factory-strip div{color:#3f4b44;background:#fff;border:1px solid #18201c1a;border-radius:8px;align-items:center;gap:8px;min-height:50px;padding:10px;font-size:13px;font-weight:700;display:flex}.editor-grid{gap:10px;display:grid}.status-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.status-button,.feedback-chip{color:#3f4b44;background:#fff;border:1px solid #18201c1f;border-radius:8px;min-height:40px;font-weight:800}.status-button{justify-content:center;align-items:center;gap:7px;padding:0 8px;display:inline-flex}.status-button[aria-pressed=true]{color:#214f3a;background:#eaf3ec;border-color:#214f3a}.feedback-grid{flex-wrap:wrap;gap:8px;display:flex}.feedback-chip{padding:0 10px;font-size:12px}.feedback-chip[aria-pressed=true]{color:#6b4513;background:#fff3db;border-color:#d99a3a}.validation-box{background:#fff;border:1px solid #18201c1f;border-radius:8px;gap:5px;padding:11px;display:grid}.validation-box strong{font-size:13px}.validation-box span{color:#667269;font-size:12px;line-height:1.35}.validation-ok{background:#f5fbf6;border-color:#214f3a38}.validation-error{background:#fff7f4;border-color:#8f2f2042}.bullet-row{grid-template-columns:24px 1fr;align-items:start;gap:8px;display:grid}.bullet-row span{color:#667269;justify-content:center;align-items:center;width:24px;height:36px;font-weight:800;display:inline-flex}.caption-box{white-space:pre-wrap;background:#fff;border:1px solid #18201c1f;border-radius:8px;min-height:190px;padding:12px;font-size:13px;line-height:1.5}.trust-card{background:#fff;border:1px solid #18201c1f;border-radius:8px;gap:12px;padding:12px;display:grid}.trust-card>div:first-child{color:#214f3a;align-items:center;gap:8px;display:flex}.trust-card dl{gap:10px;margin:0;display:grid}.trust-card dl div{gap:3px;display:grid}.trust-card dt{color:#667269;text-transform:uppercase;font-size:11px;font-weight:800}.trust-card dd{color:#18201c;margin:0;font-size:13px;line-height:1.4}.export-row{flex-wrap:wrap;gap:10px;display:flex}.note{color:#667269;margin:0;font-size:13px;line-height:1.45}.control-panel{grid-column:1/-1}.control-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 18px 0;display:grid}.metric{background:#fff;border:1px solid #18201c1a;border-radius:8px;gap:8px;padding:14px;display:grid}.metric span{color:#667269;text-transform:uppercase;font-size:12px;font-weight:800}.metric strong{color:#18201c;font-size:28px;line-height:1}.ops-list{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 18px 0;display:grid}.ops-list div{color:#3f4b44;background:#fffdf7;border:1px solid #18201c1a;border-radius:8px;align-items:flex-start;gap:10px;padding:13px;font-size:13px;line-height:1.4;display:flex}.ops-list svg,.factory-strip svg{color:#214f3a;flex:none}.render-result{background:#fff;border:1px solid #18201c1a;border-radius:8px;gap:12px;margin:16px 18px 18px;padding:14px;display:grid}.render-result>div:first-child{gap:4px;display:grid}.render-result strong{color:#18201c;align-items:center;gap:7px;display:inline-flex}.render-result span{color:#667269;font-size:13px;line-height:1.4}.render-complete{background:#f6fbf7;border-color:#214f3a47}.render-error{background:#fff7f4;border-color:#8f2f203d}.batch-paths{gap:6px;display:grid}.batch-paths code{overflow-wrap:anywhere;color:#18201c;background:#18201c0f;border-radius:8px;padding:8px;font-size:12px;display:block}.spin{animation:1s linear infinite spin}.ghl-panel{border-top:1px solid #18201c14}.inline-panel-header{border-bottom:0;padding-bottom:0}.ghl-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;padding:16px 18px 0;display:grid}.ghl-basic-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.publish-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 0;display:grid}.guide-step{background:#f7fbf7;border:1px solid #214f3a29;border-radius:8px;gap:6px;min-height:86px;padding:13px;display:grid}.guide-step strong{color:#214f3a;font-size:13px}.guide-step span{color:#3f4b44;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.advanced-section{background:#fffdf7b8;border:1px solid #18201c1a;border-radius:8px;margin:14px 18px 0}.advanced-section summary{color:#214f3a;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.advanced-section .ghl-grid{padding:12px}.advanced-section .toggle-row{margin:0 12px 12px}.toggle-row{color:#3f4b44;align-items:center;gap:9px;margin:14px 18px 0;font-size:13px;font-weight:800;display:inline-flex}.toggle-row input{accent-color:#214f3a;width:17px;height:17px}.inline-checkbox{color:#3f4b44;text-transform:none;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.inline-checkbox input{accent-color:#214f3a;width:16px;height:16px}.ghl-actions{padding:14px 18px 0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.workspace{grid-template-columns:minmax(310px,420px) minmax(360px,1fr)}.export-panel{grid-column:1/-1}.factory-strip,.ops-list,.publish-guide,.ghl-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start;padding:18px;position:static}.top-actions{justify-content:stretch;width:100%}.top-actions button,.top-actions .status-pill{flex:auto}.step-nav,.workspace,.two-column,.factory-strip,.status-grid,.control-grid,.ops-list,.publish-guide,.ghl-grid{grid-template-columns:1fr}}