:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1220;color:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0%,#162b39 0,transparent 34%),#0b1220}.shell{max-width:1430px;margin:auto;padding:0 38px 48px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263446}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.17em;font-weight:850}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-9deg)}.brand-mark span{border-radius:2px;background:#bbf55d}.brand-mark span:nth-child(2){opacity:.7}.brand-mark span:nth-child(3){opacity:.4}.top-note,.eyebrow{color:#9fb4ca;font-size:12px;letter-spacing:.18em;font-weight:750}.title-row{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:47px 0 34px}.eyebrow{margin:0 0 13px;color:#bbf55d}h1{font-size:clamp(36px,4.1vw,58px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:780}.accent{color:#bbf55d}.intro{font-size:17px;color:#aebed0;margin:14px 0 0}.privacy-note{display:flex;align-items:center;gap:12px;color:#c8d6e5;font-size:13px;line-height:1.5;background:#142337;border:1px solid #2b4751;border-radius:12px;padding:13px 17px;white-space:nowrap}.privacy-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:#234236;color:#bbf55d;border-radius:9px;font-size:24px}.workspace{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(470px,1.14fr);gap:18px}.panel{background:#121e2e;border:1px solid #2a3b4f;border-radius:18px;padding:24px;box-shadow:0 18px 48px #03081433}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.panel-heading h2{font-size:17px;letter-spacing:-.02em;margin:0}.step{color:#bbf55d;border:1px solid #456047;font-size:12px;font-weight:800;line-height:1;padding:7px 8px;border-radius:6px}.dropzone{position:relative;min-height:232px;border:1.5px dashed #536778;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;cursor:pointer;background:linear-gradient(140deg,#17283a,#162132);transition:border-color .2s,background .2s}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{border-color:#bbf55d;background:#1a3038;outline:none}.dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-icon{color:#bbf55d;width:52px;height:52px;margin-bottom:3px}.upload-icon svg{width:100%;height:100%}.dropzone strong{font-size:19px}.dropzone>span{color:#aebed0;font-size:14px}.dropzone .format-note{font-size:12px;letter-spacing:.08em;color:#8ea6bc;margin-top:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.field{display:flex;flex-direction:column;gap:9px;color:#d9e3ef;font-size:14px;font-weight:650}.field input,.field select{height:49px;width:100%;border-radius:9px;border:1px solid #42566b;background:#0c1727;color:#f8fbff;padding:0 14px;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#bbf55d;box-shadow:0 0 0 3px #bbf55d22}.number-wrap{position:relative}.number-wrap input{padding-right:47px}.number-wrap span{position:absolute;right:15px;top:15px;color:#96a9bc}.slider-field{margin-top:23px}.slider-head,.slider-ends{display:flex;justify-content:space-between}.slider-head{font-size:14px;color:#d9e3ef;font-weight:650}.slider-head output{color:#bbf55d}.slider-field input{width:100%;margin:18px 0 7px;accent-color:#bbf55d;cursor:pointer}.slider-ends{color:#8499ac;font-size:12px}.field-help{color:#a2b3c4;font-size:13px;line-height:1.45;margin:13px 0 0}.primary-btn,.download-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:9px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s}.primary-btn{border:0;background:#bbf55d;color:#132011;margin-top:22px;cursor:pointer}.primary-btn:hover:not(:disabled),.download-btn:hover:not(.disabled){transform:translateY(-1px);background:#d0ff81}.primary-btn:disabled{opacity:.48;cursor:not-allowed}.microcopy{margin:12px 0 0;text-align:center;color:#8da2b6;font-size:12px}.results-panel{display:flex;flex-direction:column}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-card{min-width:0;border:1px solid #33475a;background:#0e1929;border-radius:12px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;gap:6px;padding:13px 14px;color:#d6e4f3;font-size:12px;letter-spacing:.08em;font-weight:800;border-bottom:1px solid #33475a}.preview-top span:last-child{color:#bbf55d;letter-spacing:0}.preview-stage{height:298px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(45deg,#1a2735 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(-45deg,#1a2735 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(45deg,transparent 75%,#1a2735 75%) -10px 0/20px 20px,linear-gradient(-45deg,transparent 75%,#1a2735 75%) -10px 0/20px 20px,#172331}.preview-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.preview-stage img[hidden]{display:none}.empty-hint{text-align:center;color:#7890a7;line-height:1.55;font-size:14px}.preview-stage:not(.empty) .empty-hint{display:none}.preview-meta{padding:12px 14px;color:#9eb1c4;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #33475a}.result-message{min-height:61px;margin-top:17px;padding:13px 15px;border:1px solid #31495a;border-radius:10px;background:#172839;color:#c7d9e9;font-size:13px;line-height:1.45;display:flex;align-items:center}.result-message.success{color:#dff7bd;background:#20352d;border-color:#416342}.result-message.error{color:#ffd9cf;background:#402624;border-color:#784640}.download-btn{margin-top:auto;background:#bbf55d;color:#132011;cursor:pointer}.download-btn.disabled{pointer-events:none;background:#233342;color:#718397}.status-foot{display:flex;align-items:center;gap:8px;color:#8da2b6;font-size:12px;padding-top:16px}.status-dot{height:7px;width:7px;background:#bbf55d;border-radius:50%}@media(max-width:900px){.workspace{grid-template-columns:1fr}.title-row{align-items:start;flex-direction:column}.privacy-note{white-space:normal}.preview-stage{height:260px}}@media(max-width:560px){.shell{padding:0 15px 30px}.topbar{height:65px}.top-note{display:none}.title-row{padding:30px 0 24px;gap:20px}h1{font-size:37px}.intro{font-size:16px}.panel{padding:17px}.dropzone{min-height:195px}.field-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.preview-stage{height:235px}.download-btn{margin-top:16px}}