.step-label{color:var(--navy);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.step-label .dot{background:var(--navy);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.step-label .status{color:#b8bccb;letter-spacing:.04em;margin-left:auto;font-size:11px;font-weight:800}.step-label .status.ok{color:#0aa15b}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:20px;padding:20px;box-shadow:0 1px 2px #0229830a,0 12px 30px -18px #0229832e}.drop{text-align:center;cursor:pointer;background:#fafbff;border:1.5px dashed #c7cde3;border-radius:14px;padding:22px 16px;transition:border-color .15s,background .15s;position:relative}.drop:hover,.drop.dragging{border-color:var(--sky);background:#f2f9ff}.drop:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.drop.has-image{padding:14px}.drop input[type=file]{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.drop .icon{background:var(--navy);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;display:flex}.drop .icon svg{width:19px;height:19px}.drop .title{color:var(--ink);font-size:14.5px;font-weight:700}.drop .sub{color:var(--ink-soft);margin-top:3px;font-size:12.5px}.thumb-row{text-align:left;align-items:center;gap:12px;display:flex}.thumb-row img{object-fit:cover;border:2px solid var(--white);width:56px;height:56px;box-shadow:0 0 0 2px var(--navy);border-radius:50%;flex:none}.thumb-row .meta{flex:1;min-width:0}.thumb-row .meta .name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.thumb-row .meta .change{color:var(--sky);margin-top:2px;font-size:12px;font-weight:700}.error-msg{color:#b3261e;margin-top:8px;font-size:12.5px;font-weight:600;display:none}.error-msg.show{display:block}.field label{color:var(--ink-soft);margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.field input[type=text]{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fafbff;border-radius:12px;outline:none;padding:13px 14px;font-family:inherit;font-size:15.5px;transition:border-color .15s,background .15s}.field input[type=text]:focus{border-color:var(--sky);background:#fff}.field .count{text-align:right;color:#b8bccb;margin-top:5px;font-size:11px}.actions{gap:10px;margin-top:14px;display:flex}.actions button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 10px;font-size:14px;font-weight:800;transition:transform .1s,opacity .15s;display:flex}.actions button:active{transform:scale(.97)}.actions .btn-download{background:var(--orange);color:#fff;box-shadow:0 10px 22px -10px #f44a038c}.actions .btn-share{background:var(--white);color:var(--navy);border:1.5px solid var(--navy)}.actions button svg{width:16px;height:16px}.hero{padding:0 0 18px}.hero h1{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:900;line-height:1.05}.hero h1 span.thrive{background:linear-gradient(90deg, var(--navy) 10%, var(--sky) 95%);color:#0000;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:48px;display:block}.hero p{color:var(--ink-soft);margin:10px 0 0;font-size:15px;line-height:1.5}.main-layout{flex-direction:column;gap:24px;min-height:100vh;padding:50px 30px 0;display:flex}.form-side{width:100%;max-width:400px}.preview-side{width:100%;max-width:560px}.preview-sticky{position:sticky;top:20px}.preview-frame{border:1px solid var(--line);background:#eef0f7;border-radius:16px;position:relative;overflow:hidden}.preview-frame canvas{width:100%;height:auto;display:block}.zoom-control{margin-top:12px;padding:14px 16px}.zoom-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.zoom-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:700}.zoom-value{color:var(--navy);font-size:12px;font-weight:700}.zoom-slider{appearance:none;background:var(--line);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--navy);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0229834d}.zoom-slider::-moz-range-thumb{background:var(--navy);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0229834d}.zoom-hint{color:#b8bccb;text-align:center;margin-top:8px;font-size:11px}.reset-row{text-align:center;margin-top:12px}.reset-row button{color:var(--ink-soft);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}@media (width>=820px){.hero h1{font-size:34px}.hero h1 span.thrive{font-size:52px}.main-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:48px}.form-side{flex:0 380px}.preview-side{flex:0 560px;min-width:0}}@media (width<=819px){.preview-sticky{position:static}}@media (width<=360px){.hero h1{font-size:26px}.hero h1 span.thrive{font-size:36px}}:root{--navy:#022983;--navy-deep:#011a56;--sky:#00a4fa;--orange:#f44a03;--paper:#f6f7fb;--ink:#0d1430;--ink-soft:#5a6178;--line:#e2e5ef;--white:#fff;--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 15% -10%, #00a4fa24, transparent 60%), radial-gradient(900px 500px at 100% 0%, #f44a031a, transparent 55%), var(--paper);color:var(--ink);min-height:100vh;padding-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.toast{background:var(--navy-deep);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:12px;padding:12px 20px;font-size:13.5px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 30px -10px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}