*{box-sizing:border-box}html,body{margin:0;background:#06111d;color:#edf6ff;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:#030b14;border-bottom:1px solid #15283a}.brand{font-size:25px;font-weight:850}.brand span{background:linear-gradient(90deg,#9b58ff,#49a1ff);-webkit-background-clip:text;color:transparent}.topbar small,.muted{color:#98a9b8}.top-actions,.row{display:flex;gap:8px;align-items:center}.btn,button,select,input,textarea{border:1px solid #2a4153;border-radius:8px}.btn,button{background:#0d1d2b;color:#fff;padding:10px 12px;cursor:pointer}.primary{background:linear-gradient(90deg,#5929e8,#764dff)!important;border-color:#7a57ff!important;color:#fff}.danger{color:#ff9caa}.tool-ribbon{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:10px 14px;background:#040d16}.tool-ribbon button{min-height:66px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#0b1a28}.tool-ribbon button.active{outline:2px solid #7b5cff;background:#151c3b}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr) 280px;gap:10px;padding:0 14px 14px}.panel,.editor{border:1px solid #162b3e;background:#0a1927;border-radius:10px}.panel{padding:14px}.panel h3{margin:5px 0 14px}.panel section+section{border-top:1px solid #1a3347;margin-top:20px;padding-top:16px}.tool-panel label,.right-panel label,.modal-card label{display:block;margin:14px 0;font-size:13px}.tool-panel output,.right-panel output,.modal-card output{float:right}.tool-panel input[type=range],.right-panel input[type=range],.modal-card input[type=range]{width:100%;accent-color:#7d5cff}.tool-panel input[type=color]{width:100%;height:42px;background:#08131e}.tool-panel textarea,.tool-panel select,.tool-panel input[type=number],.modal-card select{width:100%;background:#08131e;color:#fff;padding:9px}.tool-panel .row>label{flex:1}.shape-grid,.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sticker-grid{grid-template-columns:repeat(4,1fr)}.sticker-grid button{font-size:24px;padding:10px 4px}.editor{padding:10px;min-width:0}.canvas-stage{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;background:#050c13;overflow:hidden;border-radius:7px}.canvas-stage canvas{max-width:100%;max-height:590px;display:none;touch-action:none;transform-origin:center center;box-shadow:0 0 0 1px #304b61}.empty-state{text-align:center;color:#a9b7c4}.big-icon{font-size:54px}.statusbar{display:flex;gap:8px;align-items:center;padding:10px 2px 0;color:#9fb0bd;font-size:12px}.spacer{flex:1}.statusbar button{padding:5px 9px}.full{width:100%}.status{min-height:18px;color:#a8b7c3;font-size:12px;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:0}.layers{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;margin:10px 0}.layer-item{display:grid;grid-template-columns:30px 1fr 34px;gap:6px;align-items:center;background:#0d1d2b;border:1px solid #20384b;border-radius:7px;padding:5px}.layer-item.active{border-color:#7d5cff;background:#171d3c}.layer-item button{padding:5px}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0008;cursor:move;z-index:4}.crop-box i{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #7257ff;border-radius:50%}.crop-box i[data-h=nw]{left:-8px;top:-8px;cursor:nwse-resize}.crop-box i[data-h=n]{left:50%;top:-8px;transform:translateX(-50%);cursor:ns-resize}.crop-box i[data-h=ne]{right:-8px;top:-8px;cursor:nesw-resize}.crop-box i[data-h=e]{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-box i[data-h=se]{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-box i[data-h=s]{left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}.crop-box i[data-h=sw]{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-box i[data-h=w]{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.compare-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.compare-overlay #beforeCanvas{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 50% 0 0);display:block;box-shadow:none}.compare-overlay input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:ew-resize}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b1722;border:2px solid white;border-radius:50%;padding:9px}.before-label,.after-label{position:absolute;top:12px;background:#09131dcc;padding:6px 10px;border-radius:6px}.before-label{left:12px}.after-label{right:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:20;background:#111f2b;color:#fff;border:1px solid #385169;padding:10px 16px;border-radius:8px}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:30}.modal-card{width:min(430px,92vw);background:#0b1a28;border:1px solid #29445a;padding:22px;border-radius:12px;position:relative}.modal-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:24px}.modal-card select{width:100%;background:#07131e;color:#fff;padding:10px}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(0,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.right-panel section+section{border-top:0;border-left:1px solid #1a3347;margin:0;padding:0 0 0 16px}.tool-ribbon{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.left-panel{order:2}.editor{order:1}.right-panel{order:3;grid-template-columns:1fr}.right-panel section+section{border-left:0;border-top:1px solid #1a3347;padding-top:16px}.tool-ribbon{grid-template-columns:repeat(4,1fr)}.tool-ribbon button{font-size:12px}.topbar{align-items:flex-start;flex-direction:column}.canvas-stage{min-height:420px}.canvas-stage canvas{max-height:420px}}
.usage-card{margin:8px 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04);font-size:13px}
.usage-card strong{font-weight:700}