@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-ext-400-normal-XQK_CSAr.woff2)format("woff2"),url(/assets/cinzel-latin-ext-400-normal-DJ0Lq8y-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-400-normal-DnUIPmzd.woff2)format("woff2"),url(/assets/cinzel-latin-400-normal-C8jUSQqm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans SC;src:url(/fonts/SourceHanSansCN-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:#e9e5da;--bg:#090b10;--panel:#13161deb;--panel-soft:#191d26d1;--line:#cdb1772e;--gold:#be944f;--gold-light:#e8d19d;--muted:#918d83;--danger:#e99586;--success:#a7cfaa;--radius:18px;background:#090b10;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 8%, #5b4c2e29, transparent 32rem), radial-gradient(circle at 10% 42%, #2d424e1f, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,summary{font:inherit}button,label,summary{-webkit-tap-highlight-color:transparent}button,input{color:inherit}.site-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);min-height:82px;margin:0 auto;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:40px;height:40px;color:var(--gold-light);border:1px solid #be944f80;place-items:center;font-family:Cinzel,serif;font-size:15px;display:grid;transform:rotate(45deg)}.brand-mark:first-line{transform:rotate(-45deg)}.brand>span:last-child{gap:1px;display:grid}.brand strong{letter-spacing:.06em;font-size:15px;font-weight:500}.brand small{color:var(--muted);letter-spacing:.22em;font-family:Cinzel,serif;font-size:9px}.privacy-pill{color:#aaa69c;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px}.privacy-pill i{background:#81a681;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #81a681}.page-shell{width:min(1440px,100% - 48px);margin:0 auto}.intro{max-width:780px;padding:74px 0 48px}.eyebrow{color:var(--gold);letter-spacing:.34em;margin:0 0 20px;font:400 11px/1 Cinzel,serif}.intro h1{letter-spacing:-.035em;color:#f2eee4;margin:0;font-size:clamp(36px,5vw,64px);font-weight:350;line-height:1.16}.intro>p:last-child{color:#9d998f;margin:22px 0 0;font-size:15px;line-height:1.9}.workspace{grid-template-columns:minmax(340px,440px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-card,.preview-card{border-radius:var(--radius);background:linear-gradient(145deg,#181b23f5,#0e1117f5);border:1px solid #ffffff13;box-shadow:0 28px 80px #00000047}.control-card{padding:26px}.section-heading{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.section-heading>span{color:var(--gold);padding-top:3px;font:400 11px/1.5 Cinzel,serif}.section-heading h2{margin:0;font-size:16px;font-weight:500}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.section-heading.small{margin:0 0 18px}.field{gap:8px;margin:0 0 16px;display:grid}.field>span,fieldset>legend{color:#bcb7ab;font-size:12px}.field input[type=text],.number-field,.color-input{background:#06080c8c;border:1px solid #ffffff17;border-radius:9px;width:100%;transition:border-color .2s,box-shadow .2s}.field input[type=text]{outline:none;height:44px;padding:0 13px}.field input[type=text]:focus,.number-field:focus-within{border-color:#be944fbf;box-shadow:0 0 0 3px #be944f14}.two-column{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field.compact{min-width:0}.number-field{align-items:center;display:flex;overflow:hidden}.number-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px;padding:0 10px}.number-field em{color:#706d66;padding:0 10px;font-size:11px;font-style:normal}fieldset{border:0;min-width:0;margin:0;padding:0}.mode-fieldset{margin:3px 0 18px}.mode-fieldset legend,.export-grid legend{margin-bottom:8px}.segmented{background:#04060994;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented label{cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{color:#817e76;border-radius:6px;place-items:center;min-height:34px;font-size:12px;transition:all .2s;display:grid}.segmented input:checked+span{color:#e3cd9d;background:#be944f29;box-shadow:inset 0 0 0 1px #be944f40}.segmented input:disabled+span{color:#4e4c47;cursor:not-allowed}.segmented input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.field-hint{color:#6f6c65;margin:7px 2px 0;font-size:11px}.two-options{grid-template-columns:repeat(2,1fr)}.preview-mode-fieldset{border-top:1px solid #fff1;margin-top:16px;padding-top:14px}.preview-mode-fieldset legend{margin-bottom:8px}.composite-controls{padding-top:16px}.composite-controls .range-field:last-child{margin-bottom:0}[hidden]{display:none!important}.font-panel,.background-panel{background:#be944f0e;border:1px solid #be944f29;border-radius:11px;margin:6px 0 18px;padding:15px}.background-panel{background:#4c626c12;border-color:#84a0a929}.font-panel-title{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.font-panel-title strong{color:#d8bf89;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-weight:500;overflow:hidden}.font-panel>p,.background-panel>p{color:#8f8a7e;margin:10px 0 12px;font-size:11px;line-height:1.75}.background-panel>p.background-optional{color:#c3ad7d;margin-top:-5px}.font-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.button{appearance:none;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:12px;text-decoration:none;display:inline-flex}.button.secondary{color:#cfc8b8;background:#ffffff0d;border:1px solid #ffffff1a}.button.secondary:hover{color:#e5d4ad;border-color:#be944f7a}.text-button{appearance:none;color:#a99469;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px}.text-button:hover{color:var(--gold-light)}.text-button[hidden]{display:none}.advanced{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin:0 -2px}.advanced summary{cursor:pointer;color:#c2bdb1;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced summary:after{content:"+";color:var(--gold);margin-left:auto;padding-left:12px}.advanced[open] summary:after{content:"−"}.advanced summary small{color:#706d66;margin-left:8px}.advanced-content{padding:6px 0 18px}.color-input{cursor:pointer;height:42px;padding:5px}.range-field{gap:8px;margin:0 0 15px;display:grid}.range-field span{color:#bcb7ab;justify-content:space-between;font-size:12px;display:flex}.range-field output{color:var(--gold-light)}.range-field input{accent-color:var(--gold);width:100%}.export-section{padding-top:24px}.export-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.export-grid.single{grid-template-columns:1fr}.check-row{gap:8px;display:flex}.check{cursor:pointer;flex:1}.check input{opacity:0;position:absolute}.check span{color:#aaa69d;background:#00000029;border:1px solid #ffffff14;border-radius:8px;place-items:center;min-height:40px;font-size:11px;display:grid}.check span small{color:#69665f;margin-top:-8px;font-size:8px}.check input:checked+span{color:#e0c994;background:#be944f17;border-color:#be944f66}.scale-control{grid-template-columns:repeat(3,1fr)}.button.primary{color:#15130e;background:linear-gradient(110deg,#a98041,#d0ac63);justify-content:space-between;width:100%;min-height:48px;margin-top:20px;padding:0 18px;font-weight:600;box-shadow:0 10px 28px #be944f29}.button.primary:hover{filter:brightness(1.07)}.button.primary:disabled{opacity:.5;cursor:wait}.button.primary b{font-size:18px;font-weight:400}.inline-message{color:#8d897f;min-height:15px;margin:8px 0 0;font-size:11px;line-height:1.5}.inline-message.success{color:var(--success)}.inline-message.error{color:var(--danger)}.download-fallback{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.download-fallback[hidden]{display:none}.preview-card{position:sticky;top:18px;overflow:hidden}.preview-header,.preview-footer{justify-content:space-between;align-items:center;min-height:72px;padding:0 22px;display:flex}.preview-header{border-bottom:1px solid #ffffff12}.preview-header p{color:var(--gold);letter-spacing:.26em;margin:0 0 5px;font:400 9px/1 Cinzel,serif}.preview-header h2{margin:0;font-size:15px;font-weight:500}.preview-header>span{color:#77736b;font:400 10px/1 Cinzel,serif}.preview-stage{background-color:#10151c;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25%),linear-gradient(-45deg,#ffffff06 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff06 75%),linear-gradient(-45deg,#0000 75%,#ffffff06 75%),radial-gradient(circle,#253a4340,#0000 60%);background-position:0 0,0 10px,10px -10px,-10px 0,0 0;background-size:20px 20px,20px 20px,20px 20px,20px 20px,auto;place-items:center;min-height:520px;padding:54px 36px;display:grid;position:relative;overflow:auto}.preview-stage:before,.preview-stage:after{content:"";pointer-events:none;background:#be944f17;position:absolute}.preview-stage:before{width:1px;height:60%;top:20%;left:50%}.preview-stage:after{width:60%;height:1px;top:50%;left:20%}#previewCanvas{z-index:1;filter:drop-shadow(0 10px 25px #0003);width:auto;max-width:min(100%,920px);height:auto;max-height:390px;display:block;position:relative}.preview-loader{color:#79756c;z-index:2;background:#0c1016a3;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.preview-loader[hidden]{display:none}.preview-footer{color:#77736b;border-top:1px solid #ffffff12;min-height:54px;font-size:10px}.transparent-dot,.image-dot{width:8px;height:8px;margin-right:5px;display:inline-block}.transparent-dot{background:conic-gradient(#777 25%, #333 0 50%, #777 0 75%, #333 0)}.image-dot{background:#8fa8a7;border-radius:50%;box-shadow:0 0 8px #8fa8a78c}.how-it-works{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;margin:32px 0 88px;display:grid;overflow:hidden}.how-it-works article{background:#0e1117;gap:14px;padding:24px;display:flex}.how-it-works article>span{color:var(--gold);font:400 11px/1.5 Cinzel,serif}.how-it-works h3{margin:0 0 7px;font-size:13px;font-weight:500}.how-it-works p{color:#77736b;margin:0;font-size:11px;line-height:1.7}footer{color:#5d5a54;border-top:1px solid #ffffff0f;justify-content:space-between;gap:20px;padding:24px;font-size:10px;display:flex}footer p{margin:0}@media (max-width:960px){.workspace{grid-template-columns:1fr}.preview-card{grid-row:1;position:static}.preview-stage{min-height:420px}.control-card{grid-row:2}}@media (max-width:620px){.site-header,.page-shell{width:min(100% - 28px,1440px)}.site-header{min-height:70px}.privacy-pill{display:none}.intro{padding:50px 0 32px}.intro h1{font-size:36px}.control-card{padding:20px}.preview-header{padding:0 16px}.preview-stage{min-height:300px;padding:42px 18px}#previewCanvas{max-height:240px}.two-column,.export-grid,.how-it-works{grid-template-columns:1fr}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}