:root{font:14px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#222734;background:#f7f8fb;--accent:#345aee;--line:#e2e5ed;--muted:#79808f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{border:1px solid #dce0e9;background:white;color:#3e4657;cursor:pointer;padding:10px 12px;border-radius:7px}button:hover{background:#f0f3fa}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);border:1px solid var(--accent);color:white;font-weight:600;padding:12px 20px;border-radius:7px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:20px;cursor:pointer}.primary:hover{background:#2349d8}.quiet{border:0;background:transparent}.icon{padding:5px;border:0;background:transparent;min-width:30px;font-size:20px}.full{width:100%}header{height:78px;display:flex;align-items:center;padding:0 28px;gap:20px;background:white;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:750;letter-spacing:-1.1px;display:flex;align-items:center;gap:10px;color:#1d2535;text-decoration:none}.brand-icon{background:#345aee;color:white;width:36px;height:36px;border-radius:10px;font-size:24px;display:flex;align-items:center;justify-content:center}.brand-icon span{font-size:15px;letter-spacing:-6px;transform:translateX(-5px)}.studio{font-size:10px;color:#9399a8;letter-spacing:2px;align-self:end;margin-bottom:7px;margin-left:4px}.private{margin-left:auto;font-size:13px;color:#667162;display:flex;gap:8px}.private>span{color:#707b6c}main{display:grid;grid-template-columns:260px minmax(350px,1fr) 276px;min-height:calc(100dvh - 118px)}aside{background:white;padding:28px 22px}.tools{border-right:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#949bad}.tools h1{font-size:25px;letter-spacing:-.8px;margin:14px 0 10px}.intro{font-size:14px;line-height:1.7;color:#7e8593;margin:0 0 25px}.add-file{width:100%;padding:14px 8px;border:1px dashed #aab8f2;background:#f5f7ff;color:#345aee;font-size:13px;font-weight:600}.section-label{margin:27px 0 14px}.mode{display:flex;align-items:center;width:100%;text-align:left;padding:13px 10px;margin:7px 0;border:1px solid transparent;gap:12px;background:transparent}.mode.active{background:#edf1ff;border-color:#d7e0ff}.mode.active b,.mode.active .tool-symbol{color:#345aee}.tool-symbol{font-size:24px;min-width:30px;text-align:center;color:#969dad}.mode b{font-size:14px;font-weight:600;display:block}.mode small{font-size:11px;color:#8b92a2;display:block;margin-top:5px}.privacy-card{margin-top:35px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:#8a91a0;line-height:1.7}.privacy-card>span{display:block;font-size:22px;color:#6e84cf;margin-bottom:6px}.privacy-card b{color:#586479;font-size:12px}.privacy-card p{margin:8px 0 0}.editor{padding:22px 26px 0;min-width:0;display:flex;flex-direction:column;background:#f7f8fb}.editor-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;height:32px;font-size:13px;color:#727c8f}.editor-bar>div{display:flex;gap:9px;align-items:center}.editor-bar .quiet{font-size:12px;padding:7px}.dot{height:6px;width:6px;border-radius:50%;background:#8495bd}.divider{height:16px;border-left:1px solid #dce0e9;margin:0 4px}#stage{background:#191d29;border:1px solid #282e3c;border-radius:12px;position:relative;flex:1;min-height:420px;max-height:70dvh;overflow:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #15204008}.empty{text-align:center;color:#e5e9f2;padding:35px 20px}.empty-glyph{font-size:42px;color:#98adff;border:1px solid #3e4864;background:#242c40;width:70px;height:70px;border-radius:19px;margin:0 auto 26px;display:grid;place-items:center;transform:rotate(-5deg)}.empty .eyebrow{font-size:9px;letter-spacing:1.8px;color:#8590a9}.empty h2{font-size:clamp(27px,2.6vw,41px);line-height:1.2;letter-spacing:-1.2px;font-weight:550;margin:15px 0}.empty p{font-size:14px;color:#8f98ad;line-height:1.8;margin-bottom:25px}.empty .primary{font-size:13px;background:#4568f4}.demo{display:block;margin:15px auto 27px;background:none;border:0;color:#a5b0ca;font-size:12px}.file-types{font-size:9px;letter-spacing:1.5px;color:#6d7891}.file-types span{padding:0 10px}.stage-badge{position:sticky;bottom:12px;left:15px;font-size:11px;padding:8px 12px;background:#222a3adb;color:#c3cde1;border:1px solid #53607980;border-radius:6px;pointer-events:none;align-self:flex-end;position:absolute;z-index:4;max-width:90%}#canvasWrap{position:relative;flex-shrink:0;margin:auto;line-height:0}#preview{width:100%;height:100%;display:block}#selection{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#8b93a2;font-size:12px}.view-zoom{display:flex;gap:7px;align-items:center}.view-zoom output{min-width:38px;text-align:center}.view-zoom button{font-size:13px;padding:5px}.workflow{display:flex;align-items:center;justify-content:center;gap:16px;color:#8d95a5;padding:30px 0;margin-top:auto;font-size:11px}.workflow>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.workflow span{border:1px solid #dde2ec;color:#8e9bb5;font-size:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.workflow i{width:25px;border-top:1px solid #dce1eb}.settings{border-left:1px solid var(--line);padding-top:28px;overflow:auto}.settings-heading{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.settings h2{font-size:15px;font-weight:650;margin:0 0 17px}.settings-heading>span{font-size:11px;color:#a1a8b6;white-space:nowrap}.hint{font-size:13px;line-height:1.75;color:#828b9c;margin:0 0 20px}.area-actions{display:flex;justify-content:space-between;gap:5px}.area-actions button{font-size:12px}.quality-note{background:#f7f8fc;border:1px solid #eceef5;border-radius:8px;padding:15px;margin-top:28px;font-size:12px;line-height:1.7;color:#8790a1}.quality-note b{color:#65718a}.quality-note p{margin:8px 0 14px}.quality-note small{font-size:10px;color:#959fb2}footer{height:40px;border-top:1px solid var(--line);padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#97a0b0;background:white}.footer-sep{margin:0 12px;color:#d1d6e0}.file-info{display:flex;gap:9px;align-items:center;margin:16px 0;background:#f7f8fc;padding:12px;border:1px solid var(--line);border-radius:7px;min-width:0}.file-info>span{font-size:22px;color:#6379c4}.file-info>div{overflow:hidden}.file-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-info small{display:block;font-size:10px;color:#9aa2b1;margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:12px;color:#7c8699;margin:15px 0}label output{float:right;color:#415581}input:not([type=range],[type=color]),select{font:inherit;width:100%;border:1px solid #dde2ec;border-radius:6px;padding:9px;background:#fbfcff;color:#47536b;margin-top:7px}input[type=range]{width:100%;accent-color:#4568ef;margin-top:12px}input[type=color]{width:100%;height:34px;display:block;margin-top:8px;border:1px solid #dde2ec;padding:3px;background:white;border-radius:6px}.grid2 label{margin:7px 0}.regions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.region-chip{font-size:11px;padding:7px 9px}.region-chip.active{color:#345aee;border-color:#a3b6fc;background:#f1f4ff}#coverSettings>small{display:block;font-size:11px;line-height:1.6;color:#8c96a8;margin-top:10px}.transport{display:flex;gap:10px;align-items:center}.transport>input{flex:1;margin:0;min-width:50px}.transport>span{font-size:12px;font-variant-numeric:tabular-nums;color:#7d879b;white-space:nowrap}.transport .play{background:#345aee;color:white;border:0;border-radius:50%;padding:8px 11px}.transport .quiet{font-size:11px;white-space:nowrap;padding:4px}.trim-row{display:flex;align-items:center;gap:15px;justify-content:center;font-size:11px;color:#8d97a9;margin-top:5px}.trim-row label{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:11px}.trim-row input{width:68px;font-size:11px;margin-top:0;padding:6px}dialog{border:1px solid #dee4f1;border-radius:16px;padding:30px;color:#2f3b53;background:white;width:470px;max-width:94vw}dialog::backdrop{background:#111828ac;backdrop-filter:blur(5px)}dialog h2{font-size:29px;letter-spacing:-.7px;margin:15px 0}.export-note{background:#f3f5fb;border-radius:6px;padding:14px;font-size:12px;line-height:1.7;color:#7a879c}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:25px}.dialog-actions button,.dialog-actions a{font-size:13px}progress{width:100%;accent-color:#345aee;height:10px}#exportStatus{font-size:13px;line-height:1.6;color:#4e6186}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#273754;color:#eef2fb;padding:14px 22px;border-radius:8px;font-size:13px;max-width:90vw;box-shadow:0 8px 35px #0003;z-index:20}[hidden]{display:none!important}button[aria-pressed=true]{background:#e6edff;color:#345aee}@media(min-width:1700px){main{grid-template-columns:295px minmax(350px,1fr) 310px}.editor{padding:26px 40px 0}aside{padding:32px 26px}}@media(max-width:1150px){main{grid-template-columns:220px minmax(300px,1fr)}.settings{grid-column:1/3;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.settings-heading,.area-actions,.regions{grid-column:1}.settings #adjustments{grid-column:2;grid-row:1/6}.settings .quality-note{grid-column:1}.editor{padding:20px 18px 0}.workflow{gap:8px}.workflow i{width:10px}}@media(max-width:650px){header{height:68px;padding:0 14px;gap:8px}.brand{font-size:21px}.studio,.private{display:none}header #reset{margin-left:auto;font-size:11px;padding:5px}header .primary{padding:10px 13px;font-size:12px}main{display:flex;flex-direction:column}.tools{padding:18px;border-right:0}.tools .eyebrow,.tools h1,.tools .intro,.privacy-card{display:none}.add-file{padding:12px}#modes{display:flex;gap:3px;margin-top:10px}.mode{padding:9px 3px;justify-content:center;flex:1;display:block;text-align:center;margin:0}.mode .tool-symbol{display:block;font-size:20px}.mode b{font-size:10px;margin-top:4px}.mode small{display:none}.file-info{margin:10px 0}.editor{padding:0 12px}#stage{min-height:330px;height:46dvh;max-height:none}.empty h2{font-size:28px}.empty-glyph{display:none}.empty .eyebrow{font-size:8px}.empty p{font-size:12px}.empty{padding:20px 10px}.empty .demo{margin-bottom:12px}.editor-bar{margin:7px 0 12px}.workflow{padding:17px 0;font-size:10px}.workflow span{width:20px;height:20px}.settings{display:block;padding:20px}.settings .quality-note{margin-top:20px}.preview-footer{font-size:10px}.trim-row{gap:8px}.trim-row>small{display:none}.transport>span{font-size:10px}.transport .quiet{font-size:10px}footer{height:auto;min-height:40px;padding:12px 16px;align-items:flex-start;font-size:10px}.footer-sep,footer>span:first-child{display:none}}