:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17263d;background:#f5f8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77aaff;outline-offset:2px}button,input,select{accent-color:#437df5}a{color:inherit;text-decoration:none}.skip{position:absolute;top:-50px;left:10px;background:#fff;padding:10px;z-index:25}.skip:focus{top:5px}.topbar{height:72px;background:#fff;box-shadow:0 1px 0 #e6eaf1;display:flex;align-items:center;gap:16px;padding:0 25px;position:relative;z-index:6}.brand{display:flex;align-items:center;gap:9px;font-size:18px;letter-spacing:-.6px}.logo{height:36px;width:36px;border-radius:11px;background:linear-gradient(145deg,#60b6fd,#397af7);color:#fff;display:inline-grid;place-items:center;font-weight:850;font-size:23px}.crumb{color:#ccd3dd}.studio-name{font-size:14px;font-weight:650}.studio-pill{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#397af4;background:#edf4ff;border:1px solid #dae7ff;padding:5px 9px;border-radius:30px}.push{flex:1}.privacy{font-size:12px;color:#78869b;white-space:nowrap}.blink,.privacy-dot{display:inline-block;background:#37c396;width:7px;height:7px;border-radius:50%;margin-right:5px}.btn{border:1px solid #e2e9f3;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700;background:#fff;color:#2b405d;transition:background .2s,border-color .2s}.btn:hover{background:#f0f6ff}.btn.primary{color:#fff;border:1px solid #3978ee;background:linear-gradient(135deg,#5aa6ff,#3b78f1);box-shadow:0 4px 12px #4479eb26}.btn.primary:hover{background:linear-gradient(135deg,#3f94f7,#286ae2)}.btn.ghost{border-color:#e8edf5}.btn.secondary{background:#f5f8fe}.btn.full{width:100%}.editor{height:calc(100vh - 72px);min-height:580px;display:grid;grid-template-columns:282px minmax(320px,1fr) 306px}.pane{background:#fff;overflow:auto;min-height:0;scrollbar-width:thin}.left{border-right:1px solid #e4eaf3}.right{border-left:1px solid #e4eaf3}.panel-intro{padding:26px 20px 17px}.eyebrow{color:#4082ec;font-weight:800;letter-spacing:1.55px;font-size:10px;margin:0 0 12px}.panel-intro h1{font-size:24px;line-height:1.17;letter-spacing:-1.1px;margin:0 0 9px}.panel-intro p:last-child,.right-head p{font-size:12px;color:#718098;line-height:1.65;margin:0}.upload-wrap{padding:0 18px}.upload{border:1.5px dashed #b6cdf4;border-radius:14px;background:#f5f9ff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 8px;cursor:pointer;transition:background .2s}.upload.is-over,.upload:hover{background:#eaf3ff;border-color:#5595fa}.upload-ico{width:40px;height:40px;display:grid;place-items:center;background:#e0eeff;border-radius:13px;color:#5286ef;font-size:24px}.upload strong{font-size:13px}.upload span:not(.upload-ico){font-size:11px;color:#8191a8}.upload small{font-size:10px;color:#98a6bb}.image-info{display:flex;gap:7px;align-items:center;margin:13px 19px 17px;font-size:11px;color:#72829b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-info .dot{width:7px;height:7px;background:#3ac296;border-radius:50%;flex:none}.section-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 10px;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#62738d}.text-btn{border:0;background:0 0;color:#3779ed;font-size:11px;font-weight:700;padding:4px}.text-btn:hover{text-decoration:underline}.presets{padding:0 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.preset{border:1.5px solid #e6ebf3;background:#fff;text-align:left;border-radius:12px;padding:8px;min-width:0;display:flex;flex-direction:column;gap:7px}.preset:hover{border-color:#8cb7fb}.preset.active{border-color:#4b8df6;background:#f3f8ff;box-shadow:0 0 0 2px #5595f916}.preset-visual{width:100%;height:62px;border-radius:8px;display:block;position:relative;overflow:hidden;background-color:#fbf7eb;background-image:radial-gradient(#273246 25%,transparent 27%);background-size:10px 10px}.preset[data-preset=comic] .preset-visual{background-color:#fbdfcc;background-image:radial-gradient(#e65b80 32%,transparent 34%);background-size:14px 14px}.preset[data-preset=cmyk] .preset-visual{background-color:#fff;background-image:radial-gradient(#ee468c 30%,transparent 34%),radial-gradient(#20b8d3 30%,transparent 34%),radial-gradient(#efd02e 30%,transparent 34%);background-size:13px 13px,13px 13px,13px 13px;background-position:0 0,5px 3px,2px 7px}.preset[data-preset=noir] .preset-visual{background-color:#fff;background-image:radial-gradient(#122033 15%,transparent 17%);background-size:5px 6px}.preset[data-preset=riso] .preset-visual{background-color:#ffe9d9;background-image:radial-gradient(#2c6395 24%,transparent 28%),radial-gradient(#e56a62 30%,transparent 34%);background-size:12px 12px;background-position:0 0,5px 6px}.preset[data-preset=etch] .preset-visual{background-color:#f8f2e3;background-image:repeating-linear-gradient(45deg,transparent 0 5px,#2c3435 5px 6px),repeating-linear-gradient(135deg,transparent 0 8px,#2c3435 8px 9px)}.preset-name{font-size:11px;font-weight:750;padding:0 2px}.patterns{padding:0 17px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pattern{min-width:0;border:1px solid #e5ebf3;border-radius:9px;background:#fff;padding:9px 5px;font-size:11px;color:#52647e;font-weight:650}.pattern:hover{border-color:#9fc1f9}.pattern.active{background:#eef5ff;border-color:#4a8dfa;color:#3a7ee7}.panel-bottom{border-top:1px solid #edf0f6;margin-top:8px;padding:19px;display:flex;flex-direction:column;gap:8px}.panel-bottom strong{font-size:11px}.panel-bottom small{font-size:11px;line-height:1.5;color:#7a8a9c}.panel-bottom span{font-size:11px;color:#3b8a7b}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f3f6fb}.workspace-head{height:79px;background:#fff;border-bottom:1px solid #e7ebf2;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-head .eyebrow{margin-bottom:5px}.art-name{font-size:14px;font-weight:750;max-width:230px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-controls{display:flex;align-items:center;gap:6px}.tool-btn{border:1px solid #e3eaf3;background:#fff;border-radius:8px;min-width:34px;height:34px;font-size:16px;color:#47607e}.tool-btn:hover{background:#eef5ff}.segmented{display:flex;background:#f0f4fa;border-radius:9px;padding:3px;gap:2px}.segmented button{border:0;background:0 0;border-radius:6px;font-weight:700;color:#7b89a1;font-size:11px;padding:7px 9px}.segmented button.on{background:#fff;color:#367aee;box-shadow:0 1px 4px #12234b1c}.zoom-label{font-size:11px;color:#667e99;width:36px;text-align:center}.work-area{flex:1;min-height:0;position:relative;overflow:auto;display:flex;justify-content:center;align-items:center;background-color:#f5f7fb;background-image:radial-gradient(#dbe3ef .9px,transparent .9px);background-size:18px 18px;padding:26px}.canvas-holder{position:relative;flex:none;max-width:none;box-shadow:0 22px 55px #1c37622a,0 2px 8px #1c37620b;border:7px solid #fff;min-height:80px;min-width:80px;display:flex;background:#fff}.canvas-holder canvas{display:block;max-width:none}.canvas-empty{max-width:340px;text-align:center;padding:35px;background:#fff;border-radius:15px}.canvas-empty h2{font-size:18px}.canvas-empty p{font-size:12px;color:#6b7a90}.workspace-foot{min-height:54px;border-top:1px solid #e7ecf4;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 21px;font-size:11px;color:#8492a8}.live-chip{padding:5px 8px;background:#eefaf5;color:#318871;border-radius:6px;font-weight:750;margin-right:8px}.foot-right{display:flex;align-items:center;gap:12px;white-space:nowrap}.right-head{padding:28px 21px 18px;border-bottom:1px solid #edf1f6}.right-head h2{font-size:22px;margin:0 0 7px;letter-spacing:-.6px}.control-panel{padding:19px 20px 25px}.group-title{font-weight:800;font-size:10px;color:#62768e;letter-spacing:1px;margin-bottom:13px}.field-label{display:block;font-size:11px;font-weight:650;color:#596c85;margin:16px 0 7px}.control-panel select{width:100%;height:39px;background:#f8faff;border:1px solid #dfe7f1;border-radius:9px;padding:0 10px;font-size:12px;color:#293b55}.slide-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 8px;font-size:12px;font-weight:650;color:#374c67}.slide-label output{font-variant-numeric:tabular-nums;color:#4c87e9;background:#eef5ff;padding:4px 7px;border-radius:5px;font-size:11px}.control-panel input[type=range]{width:100%;cursor:pointer;accent-color:#508ef7}.divider{height:1px;background:#edf1f6;margin:25px 0 18px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:650;font-size:12px;margin-top:23px}.switch-row input{width:18px;height:18px}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.color-grid label{font-size:10px;font-weight:650;color:#6d7e96}.color-grid input{display:block;cursor:pointer;border:1px solid #dee6ef;border-radius:8px;background:#fff;width:100%;height:39px;margin-top:7px;padding:3px}.fine{font-size:10px;line-height:1.55;color:#8b99af}.control-panel .full{margin-top:16px}.footer-actions{display:flex;gap:7px;margin-top:10px}.footer-actions button{flex:1;padding:10px 5px}.restore{margin-top:12px;width:100%;text-align:center}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:11px 16px;border-radius:10px;background:#182d49;color:#fff;box-shadow:0 12px 35px #182d4955;z-index:30;font-size:12px;max-width:min(92vw,540px)}.toast[hidden],[hidden]{display:none!important}dialog{border:0;border-radius:18px;box-shadow:0 22px 80px #0f24465a;padding:25px;max-width:min(92vw,500px);color:#233852}dialog::backdrop{background:#11234499;backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head h2{font-size:22px;letter-spacing:-.5px;margin:0}.dialog-head .eyebrow{margin-bottom:6px}.dialog-sub{font-size:12px;line-height:1.7;color:#71839d}.export-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.export-cards button{display:flex;flex-direction:column;gap:9px;text-align:left;background:#f8fbff;border:1px solid #dfe9f7;border-radius:12px;padding:17px 13px;color:#2b405d}.export-cards button:hover{background:#edf5ff;border-color:#89b2f8}.export-cards strong{font-size:13px}.export-cards span{font-size:11px;color:#7689a3;line-height:1.4}#helpDialog{line-height:1.7;font-size:13px}#helpDialog p{margin:13px 0}.progress-track{height:7px;background:#e7effb;overflow:hidden;border-radius:10px}.progress-track span{height:100%;display:block;width:0;background:#4388ff;transition:width .15s}.dialog-progress{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#71819a}.mobile-nav{display:none}.seo{max-width:1060px;margin:auto;padding:60px 28px 90px;line-height:1.8;color:#6e7d93;font-size:14px}.seo h2,.seo h3{color:#203753;letter-spacing:-.5px}.seo h2{font-size:24px}.seo h3{font-size:17px}@media(max-width:1200px){.editor{grid-template-columns:249px minmax(300px,1fr) 262px}.topbar{padding:0 15px}.privacy{display:none}.work-area{padding:16px}.workspace-head{padding:14px 12px}.workspace-controls{gap:3px}.control-panel{padding:17px 13px}.right-head{padding:25px 14px}.panel-intro{padding:24px 17px 15px}}@media(max-width:850px){.editor{grid-template-columns:1fr;height:calc(100dvh - 128px);min-height:420px}.pane{display:none}.workspace{display:none}.editor[data-mobile=left] .left,.editor[data-mobile=middle] .workspace,.editor[data-mobile=right] .right{display:flex;flex-direction:column;min-height:0}.editor[data-mobile=middle] .workspace{display:flex}.editor[data-mobile=left] .left,.editor[data-mobile=right] .right{display:block}.mobile-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e4eaf3;padding:7px;z-index:8;gap:5px}.mobile-nav button{border:0;background:#f6f9fe;border-radius:9px;padding:11px 4px;color:#5c6f88;font-size:11px;font-weight:700}.mobile-nav button.selected{background:#eaf3ff;color:#317cf4}.workspace-head{height:auto;min-height:76px;flex-wrap:wrap;padding:11px}.workspace-head .art-name{max-width:170px}.workspace-controls{flex-wrap:wrap}.topbar{height:63px}.crumb,.studio-pill{display:none}.studio-name{font-size:12px}.topbar #helpBtn,.topbar #saveBtn{display:none}.topbar #exportTop{padding:9px 10px}.editor{height:calc(100dvh - 63px - 55px)}.work-area{padding:12px}.workspace-foot{flex-wrap:wrap}.seo{padding:35px 18px}}@media(max-width:440px){.studio-name{max-width:110px;line-height:1.2}.brand strong{display:none}.workspace-head{gap:5px}.workspace-controls{gap:2px}.tool-btn{min-width:30px;height:30px}.segmented button{padding:6px}.zoom-label{width:28px}.export-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,::after,::before{transition:none!important;scroll-behavior:auto!important}}.save-conflict-actions:not([hidden]){display:grid;gap:8px;padding:13px;margin:12px 0;border:1px solid #d89775;background:#fff6eb;border-radius:14px;color:#70422c}.save-conflict-actions p{font-size:13px;margin:0;line-height:1.4}.save-conflict-actions .btn{width:100%}.save-conflict-actions[hidden]{display:none!important}.workspace-foot>div:first-child{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.workspace-foot #renderInfo{min-width:0;overflow-wrap:anywhere}.workspace-foot .foot-right{flex:none;position:relative;z-index:2}@media(max-width:850px){.workspace-foot .foot-right{width:100%;justify-content:space-between}}