:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18283d;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}.top{height:70px;background:#fff;border-bottom:1px solid #e6ecf4;display:flex;align-items:center;gap:22px;padding:0 30px;position:sticky;top:0;z-index:4}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:19px;font-weight:760;color:#17283d;letter-spacing:-.65px}.logo{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e5f1ff;color:#4284e7;font-weight:900;font-size:25px}.crumb{color:#8d9aaf;font-size:13px;white-space:nowrap}.crumb strong{color:#4b6078;font-weight:600}.topactions{display:flex;gap:9px;align-items:center;margin-left:auto}.btn{border:1px solid transparent;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:690;white-space:nowrap;transition:background .12s,box-shadow .12s}.btn.primary{background:#4287ed;color:#fff;box-shadow:0 5px 15px #4389ed2b}.btn.primary:not(:disabled):hover{background:#2471e6}.btn.subtle{background:#fff;border-color:#e1e7f0;color:#506179}.btn.subtle:not(:disabled):hover{background:#edf4fd}.btn.small{padding:9px 11px;font-size:12px}.drop:focus-visible,a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82bbff;outline-offset:2px}.workspace{display:grid;grid-template-columns:354px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 70px)}.controlpane{padding:25px 22px 36px 25px;background:#fff;border-right:1px solid #e7edf6}.asidehead{padding:0 4px 18px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#5a94de;margin:0 0 8px}.asidehead h1{font-size:26px;letter-spacing:-1.15px;line-height:1.2;margin:0}.asidehead h1 span{color:#5a9aee}.asidehead>p:last-child{color:#8491a5;font-size:12px;line-height:1.7;margin:12px 0 0}.panel{border:1px solid #e9edf4;border-radius:15px;padding:17px;margin-bottom:15px;background:#fff;box-shadow:0 2px 9px #1d315007}.secttitle{display:flex;align-items:center;gap:10px;margin-bottom:17px}.secticon{border-radius:8px;background:#eef5fe;color:#4a91e4;font-size:11px;font-weight:800;padding:7px}.secttitle h2{font-size:14px;letter-spacing:-.25px;margin:0}.drop{display:flex;border:1.5px dashed #b4d2f7;background:#f5f9ff;border-radius:12px;min-height:130px;align-items:center;justify-content:center;gap:7px;flex-direction:column;cursor:pointer;text-align:center;padding:15px}.drop.dragging,.drop:hover{border-color:#458bee;background:#edf5ff}.dropIcon{width:31px;height:31px;border-radius:9px;background:#e4f0ff;color:#458ae7;display:grid;place-items:center;font-size:24px}.drop strong{font-size:12px;color:#3f709f}.drop small{font-size:10px;color:#8fa5c0}.filemeta{font-size:11px;color:#6d8097;overflow-wrap:anywhere;margin-top:12px}.sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.panel label:not(.drop){font-size:11px;color:#596c83;font-weight:700;display:block;margin-bottom:7px}.dialog select,.panel input:not([type=range]):not([type=color]),.panel select{display:block;width:100%;height:38px;border:1px solid #dfe7f1;border-radius:9px;background:#fff;color:#273c53;padding:0 10px;font-size:12px;min-width:0}.dims{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.dims input[type=color]{width:100%;height:40px;border:1px solid #dfe7f1;border-radius:9px;padding:3px;background:#fff;cursor:pointer}.sliderlabel{margin:18px 0 8px;display:flex;justify-content:space-between;align-items:center}.sliderlabel label{margin:0!important}.sliderlabel output{color:#4b8fea;font-weight:760;font-size:11px}input[type=range]{width:100%;accent-color:#5093ec;cursor:pointer}.hint{font-size:10px;line-height:1.55;color:#9aabc0;display:block;margin:8px 0}.align{display:grid;grid-template-columns:repeat(3,33px);justify-content:center;gap:4px;margin-top:12px}.align button{height:32px;border:1px solid #e2eaf5;background:#f8fafd;border-radius:7px;color:#5c81b5}.align button:hover{background:#e7f1ff;color:#2170d1}.disclosure{margin-top:17px;padding:13px;background:#f7f9fe;border:1px solid #e7edf6;border-radius:10px}.disclosure strong{font-size:11px}.disclosure p{font-size:11px;margin:7px 0;color:#53718e}.disclosure small{display:block;font-size:10px;line-height:1.6;color:#8e9eb3}.runpanel{background:#f9fbff}.fillbtn{width:100%;display:flex;justify-content:center;gap:10px}.progressrow progress{width:100%;height:7px;margin-top:10px;accent-color:#4a91eb}.progressrow p{font-size:11px;line-height:1.55;color:#798ba2;margin:10px 0 0}.stage{min-width:0;padding:33px 37px}.stageTop{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 21px}.stageTop h2{font-size:19px;letter-spacing:-.5px;margin:0}.stageTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#65768c;cursor:pointer}.toggle input{accent-color:#4b89e8}.canvasArea{background:#eff3f9;border:1px solid #e1e8f1;border-radius:18px;min-height:480px;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden}.artWrap{position:relative;width:100%;max-width:950px;max-height:65vh;aspect-ratio:16/9;box-shadow:0 20px 60px #1a314020,0 3px 11px #1e365019;background-color:#fff;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden}#artboard{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:grab}#artboard:active{cursor:grabbing}.empty{position:absolute;inset:0;background:linear-gradient(145deg,#dceaffd1,#f5faffee);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;pointer-events:auto}.empty h3{margin:10px 0 4px;letter-spacing:-.5px;font-size:19px}.empty p{font-size:12px;color:#8191aa;max-width:245px;line-height:1.6;margin:0 0 15px}.emptyIllustration{width:125px;height:94px;position:relative}.emptyShape{position:absolute;display:block;border-radius:13px;border:3px solid #fff;box-shadow:0 4px 20px #7fa5ca50}.emptyShape.a{width:92px;height:58px;left:0;top:17px;transform:rotate(-9deg);background:#a6d2f7}.emptyShape.b{width:92px;height:61px;right:0;top:10px;transform:rotate(9deg);background:linear-gradient(145deg,#83b5f0,#e7f4fe)}.emptyShape.c{width:85px;height:55px;left:20px;top:24px;background:linear-gradient(140deg,#a4d3e9 35%,#5494d7 35% 65%,#c1e0f1 65%)}.stageFooter{padding:14px 1px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:#8192a8}.privacy{color:#6a9884}.privacydot{width:7px;height:7px;background:#35b58a;display:inline-block;border-radius:50%;margin-right:4px}.workflow{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e5ecf5;padding:22px;border-radius:15px;margin-top:18px;flex-wrap:wrap}.workflow>div{display:grid;grid-template-columns:27px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}.workflowIco{grid-row:span 2;background:#ecf4ff;color:#4c91ed;font-size:11px;font-weight:750;width:27px;height:27px;border-radius:9px;display:grid;place-items:center}.workflow strong{font-size:11px}.workflow small{font-size:10px;color:#96a4b6}.workflow .line{height:1px;width:28px;background:#d8e4f0}.help{margin:20px 0;color:#6a7e94;font-size:12px;line-height:1.65}.help h3{font-size:13px;color:#34495e;margin:0 0 5px}.help p{margin:0}.modal[hidden],[hidden]{display:none!important}.modal{position:fixed;inset:0;background:#0c213f77;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:#fff;max-width:460px;width:100%;padding:26px;border-radius:17px;box-shadow:0 20px 70px #12243d4a}.modalHead{display:flex;justify-content:space-between}.modalHead h2{font-size:19px;letter-spacing:-.5px;margin:0}.modalHead button{border:0;background:#f4f7fa;border-radius:7px;font-size:23px;width:32px;height:32px;color:#657991}.dialog p{font-size:12px;color:#73859b;line-height:1.7}.dialog label{font-size:12px;font-weight:650}.modalBtns{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@media(max-width:1120px){.workspace{grid-template-columns:310px minmax(0,1fr)}.controlpane{padding:19px 13px}.stage{padding:27px 20px}.stageTools{gap:6px}.canvasArea{min-height:360px}.workflow .line{display:none}}@media(max-width:760px){.top{height:auto;min-height:62px;padding:10px 15px;gap:10px;flex-wrap:wrap}.crumb{display:none}.topactions{gap:4px}.topactions .btn{padding:9px 10px;font-size:11px}.brand{font-size:16px}.workspace{display:flex;flex-direction:column}.controlpane{border-right:0;border-bottom:1px solid #e6ecf4;padding:17px 14px}.asidehead h1{font-size:24px}.panel{padding:14px}.stage{padding:22px 14px}.stageTop{flex-wrap:wrap}.canvasArea{min-height:290px;padding:22px 10px}.artWrap{max-height:none}.workflow{gap:16px;justify-content:flex-start}}@media(max-width:365px){.topactions{width:100%;justify-content:space-between;margin:0}.topactions .btn{flex:1;padding:8px 5px}.canvasArea{min-height:230px}.stageTools{width:100%}}.sr{left:0;top:auto;clip-path:inset(50%);white-space:nowrap}@media(min-width:761px) and (max-width:1030px){.top{gap:12px;padding:0 16px}.crumb{display:none}}.review{border:1px solid #c9dcf3;background:#f7fbff;border-radius:14px;padding:18px;margin:12px 0;color:#38506e;font-size:12px;line-height:1.65}.reviewHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.reviewHead h3{margin:0;font-size:14px}.review p{margin:8px 0}.review ul{padding-left:21px;margin:6px 0}.review li{margin:6px 0}#paddingMetrics{padding:9px 8px;background:#f4f8ff;border-radius:8px;line-height:1.6;color:#4e6c8e}#exportDialog .dialog{max-height:calc(100vh - 40px);overflow:auto}