:root{--navy:#0b1424;--panel:#142136;--paper:#f6f3ec;--ink:#132036;--muted:#617082;--gold:#c9a46a;--line:#deded5;--white:#fff;--radius:16px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #287ab3;outline-offset:4px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--navy);color:#f6f2e8;padding:27px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.identity{display:flex;align-items:center;gap:12px;padding-bottom:30px}.identity img{width:63px;height:63px;object-fit:contain;border-radius:6px}.identity strong{display:block;font-size:19px;letter-spacing:.03em}.identity span{display:block;color:#acb6c6;font-size:11px;margin-top:5px}.nav-label{font-size:10px;letter-spacing:.15em;color:#8191a7;margin:15px 12px}.nav-button{display:flex;text-align:left;align-items:center;gap:11px;width:100%;background:none;border:0;color:#b9c4d3;padding:15px 13px;border-radius:9px;margin:4px 0;font-size:13px}.nav-button.active{background:#263148;color:#fff}.nav-button .nav-symbol{width:20px;height:20px;display:block}.side-bottom{margin-top:auto;border-top:1px solid #2d394c;padding:22px 10px 0;font-size:11px;color:#97a4b9;line-height:1.7}.side-bottom a{color:#d7bd92;text-decoration:none}.side-bottom strong{color:#e9e4d9}.main{min-width:0}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px;border-bottom:1px solid var(--line);background:#fbf9f4}.crumb{font-size:12px;color:var(--muted)}.pill{font-size:10px;letter-spacing:.1em;background:#eee7d9;color:#775d31;border-radius:20px;padding:10px 14px}.page{padding:36px;max-width:1560px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:#867041}.hero{padding:22px 0 32px;position:relative}.hero h1{font-size:clamp(35px,4vw,56px);line-height:1.07;letter-spacing:-.045em;margin:18px 0;color:var(--ink);max-width:750px}.hero p{max-width:650px;color:var(--muted);line-height:1.7;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white;display:flex;flex-direction:column}.product-art{height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navy)}.product-art svg{width:100%;height:100%;object-fit:cover}.card-body{padding:25px;display:flex;flex:1;flex-direction:column}.tag{font-size:10px;letter-spacing:.13em;color:#647366;font-weight:700}.card-body h2{font-size:25px;letter-spacing:-.03em;margin:12px 0}.card-body p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 17px}.features{list-style:none;padding:0;margin:0 0 25px;font-size:12px;line-height:2;color:#435369}.features li:before{content:'✓';margin-right:9px;color:#21766d}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;border-top:1px solid #eee}.price{font-size:21px;font-weight:bold}.price small{font-size:10px;color:var(--muted);font-weight:normal}.card-body .button{margin-top:18px;width:100%}.button{border:1px solid transparent;border-radius:8px;background:var(--navy);color:white;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;text-decoration:none;font-weight:bold;min-height:42px}.button.gold{background:var(--gold);color:var(--navy)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.quiet{border-color:transparent;background:transparent;color:var(--muted);padding:10px}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:36px 8px}.info-row h3{font-size:14px;margin:0 0 10px}.info-row p{font-size:12px;color:var(--muted);line-height:1.7}.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.workspace-title h1{font-size:32px;letter-spacing:-.04em;margin:9px 0}.workspace-title p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:600px}.save-status{font-size:11px;color:#537769;display:flex;align-items:center;gap:8px;margin-top:17px}.dot{height:6px;width:6px;display:inline-block;background:#478b71;border-radius:50%}.workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:13px}.workbench{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.editor{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;max-height:calc(100vh - 150px);overflow:auto;position:sticky;top:22px}.editor h2{font-size:14px;margin:0 0 21px}.group-title{font-size:10px;color:#718090;letter-spacing:.12em;margin:26px 0 14px;text-transform:uppercase}.field{display:block;margin-bottom:17px}.field span{display:block;font-size:11px;font-weight:bold;margin-bottom:8px;color:#405067}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #d9dedf;background:#fdfdfc;color:var(--ink);border-radius:7px;padding:11px;font-size:12px;outline:none;line-height:1.4;min-height:40px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b28d52;box-shadow:0 0 0 3px #c9a46a22}.field textarea{resize:vertical;min-height:88px}.field input[type=color]{padding:4px;height:42px}.field input[type=file]{font-size:10px;padding:9px}.field-help{font-size:10px;color:var(--muted);line-height:1.6;margin:-8px 0 16px}.upload-box{border:1px dashed #cad2d6;border-radius:8px;background:#f9faf7;padding:12px;margin-bottom:16px}.upload-box span{font-size:11px;font-weight:bold;display:block;margin-bottom:9px}.upload-box input{font-size:10px;width:100%}.upload-box button{font-size:10px;margin-top:9px;background:none;border:0;color:#69717a;cursor:pointer;padding:4px}.preview-column{min-width:0}.preview-toolbar{background:#fff;border:1px solid var(--line);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px}.preview-toolbar strong{font-size:11px}.preview-tools{display:flex;gap:4px}.preview-tools button{font-size:10px;border:0;padding:7px 12px;border-radius:5px;background:none;color:#65778a}.preview-tools button.active{background:#eae9e1;color:#203148}.preview-frame{background:#e1e4e1;padding:24px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;display:flex;justify-content:center;min-height:420px}.preview-frame iframe{background:white;width:100%;height:780px;border:0;box-shadow:0 10px 30px #11252b15;border-radius:8px}.preview-frame.mobile iframe{width:390px;max-width:100%;height:780px}.svg-preview{width:100%;max-width:720px;display:block;filter:drop-shadow(0 9px 18px #243d3b15)}.svg-preview svg{width:100%;height:auto;display:block;border-radius:7px}.export-bar{background:var(--navy);color:#f4f1e8;border-radius:12px;margin-top:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.export-bar h3{font-size:14px;margin:0 0 7px}.export-bar p{font-size:11px;color:#9faec0;margin:0;line-height:1.6}.export-buttons{display:flex;flex-wrap:wrap;gap:8px}.export-buttons .button.secondary{background:#233049;border-color:#46536a;color:#f5f1e8}.readout{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:18px}.readout h3{font-size:13px;margin:0 0 14px}.contrast-row{display:grid;grid-template-columns:1fr 60px 110px;gap:12px;font-size:11px;align-items:center;padding:11px 0;border-top:1px solid #eee}.contrast-row:first-of-type{border-top:0}.status-pass{color:#21675b}.status-fail{color:#9b4b33}.readout .note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}.link-output{background:#f7f8f5;border:1px solid #dde1db;font-size:11px;padding:14px;border-radius:7px;overflow-wrap:anywhere;line-height:1.7;margin:12px 0}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 17px}.preset-row button{border:1px solid #d9dedf;border-radius:6px;background:#fafaf8;color:#4c6270;font-size:10px;padding:8px 9px}.error-box{border:1px solid #dbc2a4;background:#fff5e6;border-radius:8px;padding:16px;color:#865c31;font-size:12px;line-height:1.6}.footer{margin-top:34px;border-top:1px solid var(--line);padding-top:20px;color:#748090;font-size:10px;line-height:1.8;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.footer a{text-decoration:none;color:#536778}.toast{position:fixed;right:24px;bottom:24px;max-width:400px;background:var(--navy);color:white;padding:17px 22px;border-radius:10px;box-shadow:0 10px 35px #0003;font-size:12px;line-height:1.6;z-index:100;display:none}.toast.show{display:block}.toast.error{background:#6e4431}.hidden{display:none}dialog{border:0;border-radius:15px;padding:30px;max-width:470px;color:var(--ink)}dialog::backdrop{background:#0b142480}dialog h2{font-size:22px;margin-top:0}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@media(min-width:1650px){.product-art{height:280px}}@media(max-width:1200px){.shell{grid-template-columns:210px 1fr}.page{padding:28px}.workbench{grid-template-columns:290px minmax(0,1fr)}.cards{gap:14px}.card-body{padding:21px}.card-body h2{font-size:22px}.workspace-title{flex-direction:column;gap:6px}.workspace-actions{justify-content:flex-start}.product-art{height:190px}.topbar{padding:0 28px}}@media(max-width:980px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px 24px;display:block}.identity{padding-bottom:10px}.identity img{height:46px;width:46px}.identity strong{font-size:17px}.identity span{display:none}.nav-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.nav-button{white-space:nowrap;width:auto;font-size:11px;padding:11px 12px}.nav-symbol{display:none!important}.topbar{height:62px}.workbench{grid-template-columns:280px minmax(0,1fr)}.cards{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:40% 1fr}.product-art{height:100%;min-height:270px}.card-body{padding:25px}.price-row{margin-top:10px}.info-row{padding:25px 0;gap:20px}.editor{max-height:none;position:static}.preview-frame{padding:15px}}@media(max-width:720px){.page{padding:22px 17px}.topbar{padding:0 18px}.pill{font-size:8px;padding:8px 10px}.hero{padding:4px 0 22px}.hero h1{font-size:38px}.hero p{font-size:13px}.sidebar{padding:16px 17px}.identity{padding-bottom:7px}.nav-button{font-size:10px;padding:10px 9px}.product-card{display:flex}.product-art{height:210px;min-height:210px}.card-body{padding:23px}.info-row{grid-template-columns:1fr;gap:10px;padding:27px 0 0}.info-row p{margin-bottom:8px}.workspace-title h1{font-size:30px}.workspace-actions{width:100%;gap:6px}.workspace-actions .button{font-size:10px;padding:9px 11px}.workbench{grid-template-columns:1fr}.editor{padding:22px;max-height:none}.preview-frame{padding:10px}.preview-frame iframe{height:700px}.export-bar{padding:21px}.export-buttons{width:100%}.export-buttons .button{flex:1;font-size:10px;min-width:100px}.contrast-row{grid-template-columns:1fr 48px 91px;gap:5px;font-size:10px}.toast{left:17px;right:17px;bottom:17px}.footer{font-size:9px}.group-title{margin-top:20px}.card-body .features{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}