:root{--pink: #ff5fa8;--pink-dark: #e94c93;--bg: #fff5fa;--card: #ffffff;--text: #3a2b33;--muted: #9a8a92;--border: #f0d9e4}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.btn{border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,background .15s}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--pink);color:#fff}.btn.primary:not(:disabled):hover{background:var(--pink-dark)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:#faeef4}.btn.danger{color:#d23b3b;border-color:#f3c9c9}.card{background:var(--card);border-radius:18px;box-shadow:0 12px 40px #e94c931f;padding:28px}.login{width:320px;display:flex;flex-direction:column;gap:14px}.brand{text-align:center;margin-bottom:8px}.brand h1{margin:6px 0 2px;font-size:22px}.brand p{margin:0;color:var(--muted);font-size:13px}.brand-heart{color:var(--pink);font-size:30px}.login label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.login input{padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px}.login input:focus{outline:2px solid var(--pink);border-color:transparent}.error{color:#d23b3b;font-size:13px}.error.banner{background:#fdeaea;border:1px solid #f3c9c9;padding:10px 14px;border-radius:10px;margin:0 16px}.editor{max-width:760px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0 16px}.brand-row{display:flex;align-items:center;gap:8px;font-size:18px}.top-actions{display:flex;align-items:center;gap:10px}.counter{color:var(--muted);font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 16px 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;background:#fff;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .1s}.slot:hover{border-color:var(--pink)}.slot.filled{border-style:solid;border-color:var(--border)}.slot.filled:active{transform:scale(.98)}.slot-plus{font-size:40px;color:var(--pink);font-weight:300}.slot-spinner{font-size:28px;color:var(--muted)}.thumb-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px}.thumb-img{width:100%;height:100%;border-radius:12px}.slot-edit{position:absolute;bottom:6px;right:6px;background:#0000008c;color:#fff;font-size:11px;padding:3px 8px;border-radius:8px;opacity:0;transition:opacity .15s;pointer-events:none}.slot.filled:hover .slot-edit{opacity:1}.slot-move{position:absolute;top:6px;left:6px;width:30px;height:30px;border:none;border-radius:8px;background:#0000008c;color:#fff;font-size:15px;line-height:1;cursor:grab;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.slot.filled:hover .slot-move,.slot.moving .slot-move{opacity:1}.slot.moving{border-color:var(--pink);box-shadow:0 0 0 3px #ff5fa866}.slot.target{border-style:dashed;border-color:var(--pink)}.move-hint{background:#fff;border:1px solid var(--pink);color:var(--text);padding:8px 14px;border-radius:10px;margin:0 16px 12px;font-size:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.move-hint .btn{padding:4px 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a1099;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:18px;width:min(440px,100%);overflow:hidden;box-shadow:0 20px 60px #0000004d}.cropper-area{position:relative;width:100%;height:360px;background:#2a2a2a;touch-action:none}.controls{padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-row{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--muted)}.zoom-row input{flex:1;accent-color:var(--pink)}.border-row{display:flex;align-items:center;gap:12px}.border-row>span{font-size:13px;font-weight:600;color:var(--muted);min-width:78px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chip:hover{background:#faeef4}.chip.active{background:var(--pink);border-color:var(--pink);color:#fff}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}.swatch.none{background:#fff;position:relative}.swatch.none:after{content:"";position:absolute;left:4px;right:4px;top:12px;height:2px;background:#d23b3b;transform:rotate(-45deg)}.swatch.active{box-shadow:0 0 0 2px var(--pink);transform:scale(1.12)}.modal-actions{display:flex;align-items:center;gap:10px}.modal-actions .spacer{flex:1}