.appShell,.appShell *{box-sizing:border-box}.appShell button,.appShell input{font:inherit}.appShell{color:#f4f4f5;background:radial-gradient(circle at 50% -20%,#25283a 0,#0b0c10 42%);flex-direction:column;height:100vh;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.topbar{background:#121318;border-bottom:1px solid #292a31;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:0 18px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brandMark{background:linear-gradient(135deg,#ff304f,#8a2448);border-radius:11px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 8px 30px #e72b4d22}.brand strong{display:block}.brand span{letter-spacing:2px;color:#8f909a;font-size:10px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topbar button,.panel button,.statusbar button,.miniPrimary{color:#eee;cursor:pointer;background:#1b1c22;border:1px solid #363740;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;display:flex}.topbar button:hover,.panel button:hover,.miniPrimary:hover{background:#282932}.topbar button:disabled{opacity:.35}.primary,.miniPrimary{background:#e72b4d!important;border-color:#ee4260!important}.workspace{flex:1;grid-template-columns:74px minmax(500px,1fr) 340px;min-height:0;display:grid}.toolbar{background:#101116;border-right:1px solid #292a31;flex-direction:column;gap:5px;padding:10px 7px;display:flex;overflow:auto}.toolButton{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:3px;min-height:47px;padding:8px 3px;font-size:9px;display:flex}.toolButton svg{width:20px}.toolButton:hover,.toolButton.active{color:#fff;background:#242630}.toolButton.active{box-shadow:inset 3px 0 #f03355}.toolSep{background:#2b2c34;height:1px;margin:3px}.stageColumn{flex-direction:column;min-width:0;min-height:0;display:flex}.optionsBar{background:#16171c;border-bottom:1px solid #292a31;align-items:center;gap:18px;height:52px;padding:0 14px;font-size:12px;display:flex;overflow:auto}.optionsBar label{color:#bbb;white-space:nowrap;align-items:center;gap:8px;display:flex}.optionsBar input[type=color]{background:0 0;border:0;width:30px;height:28px}.optionsBar input[type=range]{width:130px}.selectedTag{color:#aaa;white-space:nowrap;border:1px solid #383943;border-radius:20px;margin-left:auto;padding:5px 9px}.stage{background:#18191e;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:46px;display:flex;position:relative;overflow:auto}.checker{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;box-shadow:0 18px 70px #000b}.checker canvas{display:block}.dropHint{color:#ddd;cursor:pointer;background:#101116e8;border:1px dashed #5b5d6a;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:28px 44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0008}.dropHint span{color:#8d8e98;font-size:12px}.messageBar{color:#d7a6b1;background:#17131a;border-top:1px solid #3b2430;min-height:31px;padding:7px 12px;font-size:11px}.statusbar{color:#8f909a;white-space:nowrap;background:#121318;border-top:1px solid #292a31;justify-content:space-between;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:11px;display:flex;overflow:auto}.zoom{align-items:center;gap:8px;display:flex}.statusbar button{padding:4px 7px}.statusbar svg{width:15px}.ghostDanger{color:#e36c7e!important;background:0 0!important;border:0!important}.rightPanel{background:#101116;border-left:1px solid #292a31;padding:10px;overflow:auto}.panel{background:#15161b;border:1px solid #292a31;border-radius:10px;margin-bottom:10px;padding:11px}.panelTitle{letter-spacing:.8px;color:#bbb;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.panelTitle div{gap:4px;display:flex}.panelTitle button{background:0 0;border:0;padding:3px}.panelTitle button svg{width:15px}.panelTitle em{color:#ee4562;font-size:9px;font-style:normal}.layers{flex-direction:column;gap:5px;max-height:235px;display:flex;overflow:auto}.layerRow{grid-template-columns:28px 28px 1fr;align-items:center;gap:4px;display:grid}.iconBtn{width:28px;height:28px;padding:5px!important}.iconBtn svg{width:14px}.layer{text-align:left;width:100%;overflow:hidden;justify-content:flex-start!important;padding:6px!important}.layer span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thumb{color:#999;background:#30313a;border-radius:5px;place-items:center;min-width:35px;height:30px;font-size:8px;display:grid}.empty{color:#6f7079;font-size:11px}.slider{margin:11px 0;display:block}.slider span{color:#aaa;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.slider input{accent-color:#e72b4d;width:100%}.full{width:100%;margin-top:7px}.twoCol{grid-template-columns:1fr 1fr;gap:7px;display:grid}.twoCol button{padding:9px 6px;font-size:11px}.colorGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.colorGrid label{color:#8d8e98;background:#0f1014;border:1px solid #2c2d34;border-radius:8px;justify-content:space-between;align-items:center;padding:7px;font-size:10px;display:flex}.colorGrid input{background:0 0;border:0;width:38px;height:30px}.dtfPanel{background:linear-gradient(#21151a,#15161b);border-color:#4a2630}.dtfPanel p,.printPanel p{color:#8d8e98;font-size:10px;line-height:1.5}.accent{background:#29171d!important;border-color:#743548!important}.sizeInputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sizeInputs label{color:#8f909a;flex-direction:column;gap:5px;font-size:10px;display:flex}.sizeInputs input{color:#fff;background:#0d0e12;border:1px solid #33343c;border-radius:7px;width:100%;padding:8px}.dpiBox{background:#0c0d11;border:1px solid #0000;border-radius:8px;justify-content:space-between;margin-top:10px;padding:9px;font-size:10px;display:flex}.dpiBox span{color:#7e7f89}.dpiBox.good{border-color:#24533d}.dpiBox.good strong{color:#63d989}.dpiBox.warn{border-color:#665526}.dpiBox.warn strong{color:#f0cf65}.dpiBox.bad{border-color:#6b2933}.dpiBox.bad strong{color:#ff7388}@media (max-width:1100px){.workspace{grid-template-columns:64px minmax(500px,1fr) 300px}.rightPanel{padding:7px}.stage{padding:24px}}@media (max-width:900px){.appShell{height:auto;min-height:100vh;overflow:auto}.workspace{grid-template-columns:60px 1fr}.rightPanel{border-top:1px solid #292a31;border-left:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid}.panel{margin:0}.topbar{flex-wrap:wrap;height:auto;padding:10px}.stage{min-height:520px;padding:20px}.optionsBar{overflow:auto}}@media (max-width:620px){.rightPanel{grid-template-columns:1fr}.workspace{grid-template-columns:56px 1fr}.topActions button{font-size:0}.topActions svg{margin:0}.brand strong{font-size:13px}.stage{padding:10px}.optionsBar input[type=range]{width:90px}}.previewSurface.black{background:#111!important}.previewSurface.white{background:#fff!important}.preview-black{background:radial-gradient(circle at 50% 35%,#303238 0,#111216 58%,#090a0c 100%)!important}.preview-white{background:radial-gradient(circle at 50% 35%,#f3f3f3 0,#d7d7da 58%,#bfc0c5 100%)!important}.previewButtons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.previewButtons button{padding:8px 4px;font-size:10px}.activePreview{background:#29171d!important;border-color:#ee4260!important}.previewPanel p{color:#8d8e98;font-size:10px;line-height:1.5}.panel button svg{flex:none}.layerRow{grid-template-columns:28px 28px 1fr 30px}.layerTrash{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;color:#ff6079!important;background:#241016!important;border:1px solid #4a2530!important;padding:6px!important}.layerTrash:hover{color:#ff8497!important;background:#3a141d!important}.toolControls{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.toolControls button{white-space:nowrap;padding:7px 10px;font-size:11px}.miniGhost{color:#eee;cursor:pointer;white-space:nowrap;background:#1b1c22;border:1px solid #363740;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.miniGhost:hover{background:#282932}.miniGhost:disabled{opacity:.4;cursor:not-allowed}.textToolbar{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.textToolbar select{color:#eee;background:#1b1c22;border:1px solid #363740;border-radius:8px;max-width:150px;padding:6px 8px;font-size:12px}.textToolbar .fontSize{color:#eee;background:#1b1c22;border:1px solid #363740;border-radius:8px;width:56px;padding:6px 8px;font-size:12px}.textToolbar .txtBtn{color:#ccc;cursor:pointer;background:#1b1c22;border:1px solid #363740;border-radius:8px;justify-content:center;align-items:center;padding:7px;display:flex}.textToolbar .txtBtn:hover{color:#fff;background:#282932}.textToolbar .txtBtn.on{color:#fff;background:#ff334f24;border-color:#ee4260}.layerRow{grid-template-columns:20px 28px 28px 1fr 30px;align-items:center}.layerRow[draggable=true]{cursor:default}.dragHandle{color:#6b6c78;cursor:grab;justify-content:center;align-items:center;display:flex}.dragHandle:active{cursor:grabbing}.layerRow.dragOver{outline-offset:-2px;background:#ff334f14;outline:2px dashed #ee4260}.hintLine{color:#6b6c78;margin-top:8px;font-size:10px}.colorChip{color:#fff;cursor:grab;text-shadow:0 1px 2px #0000008c;mix-blend-mode:normal;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #ffffff59;border-radius:7px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.colorChip:active{cursor:grabbing}.aiPanel .selectedChoice{color:#fff;background:#ff334f1f;border-color:#ff334f}.aiPanel button:disabled{opacity:.55;cursor:wait}