:root{color-scheme:dark;--bg:#0d1218;--panel:#141b23;--panel2:#19232d;--line:#2c3946;--text:#eef6f8;--muted:#8fa2ad;--accent:#52dfc4;--accent2:#68a9ff;--danger:#ff7b7b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,#17313a 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}.portal-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(13,18,24,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.portal-header a{color:var(--text);text-decoration:none}.portal-logo{font-weight:750;letter-spacing:.02em}.back-btn{font-size:.88rem;color:var(--muted)!important;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.back-btn:hover{color:var(--text)!important;border-color:#527081}main{max-width:1320px;margin:auto;padding:54px 26px 72px}.hero{max-width:670px;margin-bottom:38px}.eyebrow,.export-kicker{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.04;margin:12px 0 18px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);font-size:1.08rem}.privacy{font-size:.78rem;color:#a9babf;display:flex;align-items:center;gap:8px;margin-top:18px}.privacy span{width:7px;height:7px;border-radius:50%;background:#48e2a8;box-shadow:0 0 12px #48e2a8}.drop-zone{border:1px dashed #496473;border-radius:20px;min-height:205px;display:flex;align-items:center;justify-content:center;gap:22px;background:rgba(20,27,35,.72);cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragover,.drop-zone:focus{border-color:var(--accent);background:rgba(82,223,196,.07);outline:none}.drop-icon,.file-icon{font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#07120f;background:var(--accent);border-radius:10px;padding:18px 12px}.drop-zone strong{display:block;font-size:1.15rem}.drop-zone small{display:block;color:var(--muted);margin-top:6px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;align-items:start}.settings{background:rgba(20,27,35,.93);border:1px solid var(--line);border-radius:16px;padding:20px}.file-card{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px;min-width:0}.file-card>div{min-width:0;flex:1}.file-card strong,.file-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card small{color:var(--muted);margin-top:3px;font-size:.75rem}.file-icon{padding:10px 7px;border-radius:7px;font-size:.58rem}.file-card button,.page-nav button,#cancelBtn{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:7px 10px;cursor:pointer}.section-title{display:flex;gap:12px;align-items:center}.section-title>span{font-size:.7rem;color:var(--accent);font-weight:800;border:1px solid #36675f;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.section-title h2{font-size:1rem;margin:0}.section-title p{font-size:.75rem;color:var(--muted);margin:3px 0 0}.field,.field-group{display:block;margin-top:20px}.field>span,.field-group>.label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin-bottom:8px}.field small,.field-group>small{display:block;color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:7px}select,input[type=text],input[type=number]{width:100%;border:1px solid var(--line);border-radius:8px;background:#0f151c;color:var(--text);padding:10px 11px;font:inherit;font-size:.86rem}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0f151c;border:1px solid var(--line);border-radius:9px;padding:3px}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:8px;border-radius:6px;color:var(--muted);font-size:.82rem;cursor:pointer}.segmented input:checked+span{background:var(--accent);color:#07120f;font-weight:800}details{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}summary{display:flex;justify-content:space-between;cursor:pointer;font-size:.84rem;font-weight:700}summary small{color:var(--muted);font-weight:400}.details-body{padding-top:2px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:10px;margin-top:20px;cursor:pointer}.check input{accent-color:var(--accent);width:17px;height:17px}.check b,.check small{display:block;font-size:.8rem}.check small{color:var(--muted);font-weight:400;margin-top:3px}.color-row{display:flex;align-items:center;gap:10px}.color-row input{width:48px;height:36px;background:transparent;border:1px solid var(--line);padding:2px;border-radius:7px}.color-row output{color:var(--muted);font:12px monospace}.disabled{opacity:.4;pointer-events:none}input[type=range]{width:100%;accent-color:var(--accent)}.preview-area{min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-nav{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.canvas-stage{height:min(61vh,680px);min-height:400px;border:1px solid var(--line);border-radius:16px;background-color:#222b34;background-image:linear-gradient(45deg,#27323c 25%,transparent 25%),linear-gradient(-45deg,#27323c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#27323c 75%),linear-gradient(-45deg,transparent 75%,#27323c 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.canvas-stage canvas{max-width:100%;max-height:100%;box-shadow:0 16px 45px #0008}.canvas-loading{position:absolute;inset:0;background:#101820aa;display:grid;place-items:center}.export-card{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#141b23,#17262b);padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.export-card h2{margin:5px 0 4px;font-size:1.15rem}.export-card p{margin:0;color:var(--muted);font-size:.8rem}.primary{border:0;border-radius:10px;background:var(--accent);color:#07120f;font-weight:850;padding:13px 18px;cursor:pointer}.primary span{font-size:.68rem;border:1px solid #0a5549;padding:2px 4px;border-radius:3px;margin-right:5px}.primary:disabled{opacity:.45;cursor:not-allowed}.progress-wrap{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.progress-track{height:5px;background:#0d1318;border-radius:99px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--accent);transition:width .15s}.progress-wrap span{font-size:.72rem;color:var(--muted);min-width:120px;text-align:right}#cancelBtn{color:var(--danger)}@media(max-width:850px){main{padding:32px 16px 50px}.workspace{grid-template-columns:1fr}.settings{order:0}.preview-area{order:1}.canvas-stage{height:55vh;min-height:330px}.hero h1{font-size:3rem}.portal-header{padding:0 16px}}@media(max-width:520px){.drop-zone{min-height:160px}.export-card{grid-template-columns:1fr}.primary{width:100%}.preview-head{align-items:flex-end}.section-title p{display:none}.canvas-stage{padding:12px;min-height:280px}.progress-wrap{grid-template-columns:1fr auto}.progress-track{grid-column:1/-1}.hero h1{font-size:2.55rem}}