:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--color-ink:#1e242d;--color-muted:#65707d;--color-soft:#eef3f7;--color-surface:#fff;--color-surface-strong:#f8fafc;--color-border:#d9e1e8;--color-primary:#254f7b;--color-primary-strong:#163457;--color-accent:#b98d44;--color-danger:#b42318;--color-success:#13795b;--shadow-panel:0 20px 70px #192a4124;--shadow-soft:0 10px 30px #192a411a;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}html{background:#eaf0f5;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);letter-spacing:0;background:linear-gradient(#f9fcfdf5,#e6edf2eb),#edf3f6;margin:0;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea{border-radius:var(--radius-md)}input,textarea{border:1px solid var(--color-border);width:100%;color:var(--color-ink);background:#fff;outline:none}input{min-height:46px;padding:0 14px}textarea{resize:vertical;padding:12px 14px}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #254f7b24}a{color:inherit}.button{border:0;min-height:46px;padding:0 18px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.button:active{transform:translateY(1px)}.button--primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 22px #254f7b38}.button--primary:hover{background:var(--color-primary-strong)}.button--secondary{color:var(--color-primary-strong);background:#e9eef3}.button--ghost,.text-button{border:1px solid var(--color-border);color:var(--color-primary-strong);background:#ffffffad}.text-button{min-height:38px;padding:0 12px;font-weight:700}.button--store{color:#fff;background:#16181d;width:100%}.brand-button{color:var(--color-primary-strong);font-family:var(--font-serif);background:0 0;border:0;font-size:20px;font-weight:700}.muted{color:var(--color-muted)}.eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.app-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:16px 16px 104px}.app-shell__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.app-shell__header p{max-width:230px;color:var(--color-muted);text-align:right;margin:0;font-size:13px}.app-shell__preview{min-height:43vh;margin-bottom:12px}.app-shell__panel{gap:12px;display:grid}.app-shell__footer{z-index:20;max-width:1180px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcf5;border-top:1px solid #d9e1e8d1;gap:10px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.app-shell__footer .button--primary{flex:1}.preview{border-radius:var(--radius-lg);height:100%;min-height:42vh;box-shadow:inset 0 0 0 1px #ffffff0f, var(--shadow-panel);background:#0c1a2c;border:1px solid #ffffffeb;place-items:center;transition:opacity .18s;display:grid;overflow:hidden}.preview--compact{min-height:360px}.preview__canvas{object-fit:contain;width:100%;height:auto;max-height:52vh;display:block}.preview--compact .preview__canvas{max-height:520px}.step-indicator{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.step-indicator__item{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;color:var(--color-muted);background:#ffffffc7;gap:2px;padding:8px;display:grid}.step-indicator__item span{background:#e9eef4;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.step-indicator__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.step-indicator__item--active{color:var(--color-primary-strong);box-shadow:var(--shadow-soft);background:#fff;border-color:#254f7b47}.step-indicator__item--active span{background:var(--color-primary);color:#fff}.step-card{border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffffdb, var(--shadow-soft);background:#fffffff0;border:1px solid #d9e1e8eb}.step-stack{gap:16px;padding:18px;display:grid}.step-heading{gap:4px;display:grid}.step-heading h1{color:var(--color-primary-strong);margin:0;font-size:22px;line-height:1.18}.step-heading p{color:var(--color-muted);margin:0;font-size:14px}.step-heading>span{color:var(--color-accent);text-transform:uppercase;font-size:12px;font-weight:800}.field,.field span{gap:8px;display:grid}.field>span{color:#303945;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;display:flex}.field small{font-size:12px}.field-error,.counter--error{color:var(--color-danger)}.counter{font-weight:700}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.suggestion-list button{border:1px solid var(--color-border);min-height:56px;color:var(--color-ink);text-align:left;background:#fffffff5;gap:2px;padding:8px 10px;display:grid}.suggestion-list button:hover{border-color:#254f7b6b}.suggestion-list span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.option-grid{gap:10px;display:grid}.option-card{border:1px solid var(--color-border);text-align:left;gap:5px;min-height:78px;padding:14px;display:grid}.option-card span{color:inherit;opacity:.78;font-size:13px}.option-card--active{border-color:var(--color-accent);box-shadow:0 0 0 3px #b98d442e}.option-card--midnight-blue{color:#edf5ff;background:linear-gradient(135deg,#0b1930,#163457)}.option-card--black-gold{color:#fff1c7;background:linear-gradient(135deg,#090806,#2a1d06)}.option-card--cream-white{color:#3b2d18;background:linear-gradient(135deg,#fff8ea,#e4d1af)}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#eef3f7;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.segmented-control button{min-height:40px;color:var(--color-muted);background:0 0;border:0;font-weight:800}.segmented-control button.active{color:var(--color-primary-strong);box-shadow:var(--shadow-soft);background:#fff}.toggle-list{gap:10px;display:grid}.toggle-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 12px;display:flex}.toggle-row span{gap:2px;display:grid}.toggle-row small{color:var(--color-muted)}.toggle-row input{width:24px;height:24px;min-height:24px;accent-color:var(--color-primary)}.order-note-panel,.confirm-actions,.store-buttons{gap:12px;display:grid}.confirm-actions{grid-template-columns:1fr 1fr}.validation-box,.manual-copy,.store-disabled,.store-buttons__header,.store-hint{border-radius:var(--radius-md);background:#f6f8fa;padding:12px}.validation-box{color:var(--color-danger);background:#fff2f0}.validation-box ul{margin:8px 0 0;padding-left:18px}.manual-copy{color:var(--color-primary-strong);background:#edf5ff}.manual-copy p,.store-buttons__header span,.store-hint{color:var(--color-muted);margin:0}.store-buttons--ready{border-radius:var(--radius-lg);background:#e7f7efc7;border:1px solid #13795b47;padding:12px}.store-buttons__header{background:#fff;gap:4px;display:grid}.store-disabled{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.toast{z-index:40;border-radius:var(--radius-md);color:#fff;max-width:420px;box-shadow:var(--shadow-panel);text-align:center;background:#102a4a;margin:0 auto;padding:13px 15px;position:fixed;bottom:88px;left:16px;right:16px}.home-page{width:min(100%,1120px);margin:0 auto;padding:18px 16px 64px}.home-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.home-nav strong{color:var(--color-primary-strong);font-family:var(--font-serif);font-size:21px}.home-nav div{gap:8px;display:flex}.home-nav button{color:var(--color-muted);background:0 0;border:0;font-weight:700}.home-hero{gap:16px;display:grid}.home-hero__content{align-content:start;gap:14px;padding:4px 2px 0;display:grid}.home-hero h1{color:var(--color-primary-strong);font-family:var(--font-serif);margin:0;font-size:42px;line-height:1.05}.home-hero p{color:var(--color-muted);margin:0;font-size:16px}.home-section{margin-top:36px}.home-section h2{color:var(--color-primary-strong);font-size:22px}.info-grid{gap:12px;display:grid}.info-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffe6;gap:6px;padding:16px;display:grid}.info-grid span{color:var(--color-muted)}.legal-page{width:min(100%,760px);margin:0 auto;padding:28px 18px 70px}.legal-page section{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffe6;gap:16px;margin-top:22px;padding:22px;display:grid}.legal-page h1{color:var(--color-primary-strong);margin:0}.legal-page p,.legal-page ul{color:var(--color-muted);margin:0}.legal-page li+li{margin-top:8px}@media (width>=860px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(420px,1fr) minmax(380px,460px);gap:20px;padding-bottom:104px;display:grid}.app-shell__header{grid-column:1/-1}.app-shell__preview{min-height:680px;position:sticky;top:18px}.app-shell__panel{align-self:start}.preview{min-height:680px}.home-hero{grid-template-columns:minmax(420px,.95fr) minmax(360px,.7fr);align-items:center;min-height:690px}.home-hero__preview{order:1}.home-hero__content{order:0}.info-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=420px){.app-shell{padding-left:12px;padding-right:12px}.app-shell__preview{min-height:43vh}.app-shell__header p{max-width:180px;font-size:12px}.preview{min-height:43vh}.step-indicator{gap:7px}.step-indicator__item{padding:8px 7px}.field-grid,.confirm-actions,.suggestion-list{grid-template-columns:1fr}.step-card{border-radius:var(--radius-md)}.step-stack{padding:15px}.preview__canvas{max-height:45vh}.home-page{padding-top:16px}.home-hero__preview{margin-top:4px}.home-hero h1{font-size:38px}}