*{box-sizing:border-box}body{margin:0;background:#f6f5f8;color:#292637;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee8f0;padding:17px clamp(16px,4vw,64px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{background:#fff0f6;color:#e54488;border-radius:14px;font-size:31px;padding:1px 9px}.brand strong{font-size:21px;display:block}.brand small{font-size:11px;color:#93889c}.head-info{font-size:13px;color:#8e8293}main{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:22px;max-width:1480px;margin:26px auto;padding:0 24px}.panel,.workspace{background:#fff;border:1px solid #eae5ef;border-radius:19px;padding:27px;box-shadow:0 10px 30px #34264608}.step{color:#d74b8b;letter-spacing:.13em;font-size:11px;font-weight:700}.panel h1{font-size:26px;line-height:1.15;margin:9px 0}.panel p,.workspace p{font-size:13px;line-height:1.55;color:#8b8091;margin:6px 0 15px}.panel h2{font-size:17px;margin:25px 0 12px}.panel h3{font-size:14px;margin:2px 0}.uploadgrid{display:flex;flex-direction:column;gap:9px}.uploadrow{border:1px solid #e8e2eb;border-radius:12px;overflow:hidden}.uploadrow.selected{border-color:#ed80b1;background:#fff8fb}.slotbutton{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:10px;color:#4c4052}.slotnumber{border-radius:9px;background:#f6e8f1;padding:7px 11px;font-size:13px;color:#b23d74}.slotdesc{flex:1;min-width:0}.slotdesc strong{display:block;font-size:12px}.slotdesc small{display:block;color:#9a8f9c;margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adjust{margin-top:16px;background:#faf6fa;border:1px solid #f2e8f0;border-radius:13px;padding:15px}.adjust p{font-size:12px}.adjust label{font-size:12px;display:block;margin-bottom:8px}.adjust input{width:100%;accent-color:#d94183}.light{padding:8px 12px;background:#fff;border:1px solid #e4dbe6;border-radius:9px;color:#79617b;font-size:12px}.toggle{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45}.toggle input{accent-color:#d94183;width:17px;height:17px}.fieldlabel{display:block;font-size:12px;margin:13px 0 6px}.textinput{border:1px solid #ddd2e1;border-radius:9px;padding:12px;width:100%}.style-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.style-card{border:1px solid #e8dce8;border-radius:12px;background:#fff;padding:10px;text-align:left;display:block}.style-card.active{border-color:#df367e;box-shadow:0 0 0 2px #ffd8e7;background:#fffafb}.style-card strong{display:block;font-size:12px;color:#4c4052;margin-top:8px}.style-card small{display:block;color:#93889c;font-size:10px;margin-top:2px}.style-thumb{height:58px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:800;font-size:15px;letter-spacing:.02em}.style-thumb span{position:relative;z-index:2;white-space:nowrap}.style-thumb.classic{background:linear-gradient(180deg,#ffd6ea,#fff4fa)}.style-thumb.classic:before,.style-thumb.classic:after{content:"";position:absolute;top:13px;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent}.style-thumb.classic:before{left:8px;border-right:18px solid #ff9bcc}.style-thumb.classic:after{right:8px;border-left:18px solid #ff9bcc}.style-thumb.classic span{background:linear-gradient(180deg,#ffacd4,#ef5da5);color:#fff;border-radius:16px;padding:6px 18px;box-shadow:0 4px 14px #e74c8b3d}.style-thumb.soft{background:linear-gradient(135deg,#fff7ff,#ffe9f4 55%,#e8f2ff)}.style-thumb.soft span{background:#fff;color:#7c3c61;border:2px solid #ee7fb0;border-radius:18px;padding:6px 18px;box-shadow:0 4px 14px #ee7fb02e}.style-thumb.soft:before,.style-thumb.soft:after{content:"♥";position:absolute;top:18px;font-size:14px;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.style-thumb.soft:before{left:12px;background:#ff9fd0}.style-thumb.soft:after{right:12px;background:#8fd7ff}.style-thumb.kpop{background:linear-gradient(135deg,#1f1733,#3a2159 50%,#2d1a52)}.style-thumb.kpop span{background:#00000047;border:2px solid #ff5ead;color:#fff;border-radius:16px;padding:6px 18px;box-shadow:0 0 16px #ff5ead59}.style-thumb.kpop:before,.style-thumb.kpop:after{content:"★";position:absolute;top:17px;font-size:16px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.style-thumb.kpop:before{left:12px;color:#8b5b00;background:#ffe66a}.style-thumb.kpop:after{right:12px;color:#0f7382;background:#7ef0ff}.note{font-size:11px;line-height:1.55;padding:12px 14px;background:#f6f5fc;border-radius:10px;color:#756c83;margin-top:24px}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.workspace-head h2{margin:0;font-size:18px}.pill{border-radius:30px;background:#f3e9f7;padding:8px 10px;font-size:11px;color:#9660a0;white-space:nowrap}.page-wrap{background:#f6f1f7;border-radius:15px;padding:25px;display:flex;justify-content:center;overflow:auto}.stage-holder{width:630px;height:891px;flex:0 0 630px;box-shadow:0 6px 26px #382a422e;background:#fff}.status{margin:15px 0;color:#7d7380;font-size:12px}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.actions button{padding:12px 15px;border-radius:10px;font-size:13px;font-weight:650}.outline{border:1px solid #e6d5e1;background:#fff;color:#785b73}.primary{background:#df367e;border:1px solid #df367e;color:#fff}.error{color:#b32642;background:#ffeef1;padding:10px 12px;border-radius:9px;font-size:12px}footer{font-size:11px;text-align:center;color:#aa9aaa;padding:15px}@media (max-width:1050px){main{grid-template-columns:1fr;max-width:760px}.panel{order:1}.workspace{order:2}}@media (max-width:730px){main{padding:0 10px;margin:10px auto;gap:10px}.panel,.workspace{padding:16px;border-radius:12px}.head-info{display:none}.page-wrap{padding:12px;justify-content:flex-start}.stage-holder{transform-origin:top left;transform:scale(.49);margin-bottom:-454.41px;margin-right:-321.3px}.actions{justify-content:stretch}.actions button{flex:1}.workspace-head{flex-wrap:wrap}}.shape-settings{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.shape-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#faf6fa;padding:9px 10px;border:1px solid #f1e7ef;border-radius:10px}.shape-row label{font-size:12px;color:#55475b;font-weight:600}.shape-row select{border:1px solid #ded0df;background:#fff;border-radius:8px;padding:7px 9px;font-size:12px;color:#45344d;min-width:150px}.color-palette{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 12px}.color-dot{height:31px;width:31px;flex:0 0 31px;border-radius:50%;border:2px solid #ded7e1;box-shadow:0 1px 3px #00000015}.color-dot.is-active{outline:3px solid #d53e88;outline-offset:2px}.color-input{width:74px;height:38px;padding:3px;border-radius:9px;border:1px solid #ded7e1;background:#fff;cursor:pointer}select.textinput{background:#fff;cursor:pointer}.font-size-slider{width:100%;accent-color:#d94183;margin:8px 0 12px;cursor:pointer}.mode-page{display:block;max-width:1000px}.mode-panel{background:#fff;border:1px solid #eae5ef;border-radius:20px;padding:36px;text-align:center}.mode-panel h1{font-size:30px;margin:14px 0 8px}.mode-panel p{color:#81768a;margin-bottom:26px}.mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-choice{background:#fff8fc;border:2px solid #f1dbe6;border-radius:18px;padding:30px 16px;display:flex;align-items:center;flex-direction:column;gap:12px;color:#352c40}.mode-choice:hover,.mode-choice:focus-visible{border-color:#df367e;background:#fff0f7}.mode-choice strong{font-size:19px}.mode-choice small{font-size:12px;color:#85748e}.mode-symbol{font-size:45px;color:#da4a8e;line-height:1.3}.cupcake-copy{margin:12px 0;font-weight:650;width:100%}.back-mode{margin-bottom:14px}@media (max-width:580px){.mode-choices{grid-template-columns:1fr}.mode-panel{padding:22px}}