@font-face{font-family:Bungee;src:url(/assets/Bungee-Regular-BbhcPAtb.ttf)format("truetype");font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-B2YTLo9r.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-CdT-0Mts.ttf)format("truetype");font-weight:700;font-display:swap}:root{--pink:#ff3d8b;--hot:#ff2d6f;--purple:#8a4dff;--ink:#12101c;--panel:#1d1a2b;--panel-2:#262238;--text:#f5f1ff;--muted:#a49dbd;--line:#ffffff14;color:var(--text);background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}a{color:var(--pink);text-decoration:none}a:hover{text-decoration:underline}.app{height:100vh;background:radial-gradient(1200px 600px at 20% -10%, #8a4dff38, transparent 60%), radial-gradient(900px 500px at 110% 110%, #ff3d8b29, transparent 60%), var(--ink);flex-direction:column;height:100dvh;display:flex}header{justify-content:space-between;align-items:center;gap:22px;padding:12px 22px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.logo{filter:drop-shadow(0 0 8px #ff3d8b73);display:block}.wordmark{letter-spacing:.02em;background:linear-gradient(90deg, var(--pink), var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Bungee,Poppins,sans-serif;font-size:26px}.gh{color:var(--text);background:#ffffff1a;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.gh:hover{background:#ffffff2e;text-decoration:none}main{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 372px;gap:14px;min-height:0;padding:0 14px 14px;display:grid}.stage{min-height:0;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(at 50% 42%,#2c2245 0%,#17131f 72%);border-radius:16px;position:relative;overflow:hidden}.stage.drag{box-shadow:inset 0 0 0 3px var(--pink)}.card-canvas{width:92%;height:87%;position:absolute;inset:4% 4% 9%}.stage-msg{background:var(--panel);border-radius:999px;padding:6px 16px;font-size:13px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.stage-msg.error{color:#ff8fb4}.stage-hint{text-align:center;width:100%;color:var(--muted);font-size:12px;position:absolute;bottom:14px}.panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.panel .section{background:var(--panel);border-radius:16px;flex-shrink:0;padding:0}.section>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:13px 16px;list-style:none;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.section[open]>summary:after{transform:rotate(45deg)}.section-body{padding:0 16px 14px}.panel h2{letter-spacing:.04em;color:var(--text);margin:0;font-family:Bungee,Poppins,sans-serif;font-size:14px;font-weight:400}.gallery{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:12px;display:grid}.thumb{aspect-ratio:63/88;background:var(--panel-2);border:2px solid #0000;border-radius:7px;padding:0;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.thumb:hover{transform:translateY(-2px)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.on{border-color:var(--pink);box-shadow:0 0 12px #ff3d8b73}.thumb.empty{color:#fff;background:repeating-linear-gradient(-25deg,#6c47e0 0 8px,#7c4dff 8px 16px);font-size:11px;font-weight:700}button,.file{font:inherit;cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .12s,filter .12s}button:hover:not(:disabled),.file:hover{background:#ffffff2e}.file,button.primary{background:var(--pink)}.file:hover,button.primary:hover:not(:disabled){background:var(--pink);filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}.file{justify-content:center;align-items:center;line-height:normal;display:inline-flex}.file input{display:none}.row{flex-wrap:wrap;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chips button{padding:5px 12px;font-size:12px}.chips button.on{background:var(--pink)}.field{margin:8px 0;font-size:13px;display:block}.field select{width:100%;font:inherit;color:var(--text);background:#ffffff14;border:none;border-radius:999px;margin-top:6px;padding:8px 14px;display:block}.field.check{align-items:center;gap:8px;display:flex}.field.check input{accent-color:var(--pink)}.slider span{justify-content:space-between;display:flex}.slider em{color:var(--muted);font-variant-numeric:tabular-nums;font-style:normal}.slider .hint{color:var(--muted);margin:2px 0 4px;font-size:11.5px;line-height:1.35;display:block}.note.hint{margin:0 0 4px}.slider input{width:100%;accent-color:var(--pink)}.note{color:var(--muted);margin:8px 0 0;font-size:12px}.note.error{color:#ff8fb4}.link{color:var(--pink);background:0 0;padding:0}.link:hover:not(:disabled){background:0 0;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #fff3;border-top-color:var(--pink);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.spinner.big{border-width:4px;width:36px;height:36px}.thumb.loading:after{content:"";background:#12101c8c;position:absolute;inset:0}.thumb .spinner{z-index:1;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.stage .card-canvas{transition:opacity .25s,filter .25s}.stage.busy .card-canvas{opacity:.35;filter:blur(2px)saturate(.6)}.stage-loading{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}@media (max-width:860px){main{grid-template-rows:minmax(0,55fr) minmax(0,45fr);grid-template-columns:minmax(0,1fr)}}.note.top{margin:0 0 10px}.field input[type=text],.field input[type=number],.field textarea{width:100%;font:inherit;color:var(--text);resize:vertical;background:#ffffff14;border:1px solid #0000;border-radius:10px;margin-top:6px;padding:8px 12px;font-size:13px;display:block}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pink);outline:none}.attack{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:4px 12px 8px}.attack legend{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.attack legend .link{font-size:12px}.row2{grid-template-columns:1fr 90px;gap:8px;display:grid}.row.end{justify-content:flex-end}progress{width:100%;accent-color:var(--pink)}.modal-backdrop{z-index:10;background:#08060eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:18px;max-width:460px;padding:22px 24px;box-shadow:0 20px 60px #00000080}.modal h2{margin:0 0 10px;font-family:Bungee,Poppins,sans-serif;font-size:18px;font-weight:400}.modal p{font-size:14px;line-height:1.5}.depth-panel .row{margin:10px 0 4px}.progress-row{margin:8px 0}.progress-row .note{margin:0 0 4px;display:block}.note .error{color:#ff8fb4}.fonts{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.font-row{align-items:center;gap:8px;margin:6px 0;display:flex}.font-row .note{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.file.small{background:#ffffff1a;padding:5px 12px;font-size:12px}.part{border-top:1px solid var(--line);padding:6px 0}.part>summary,.component>summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:700}.components{gap:6px;margin:8px 0;display:grid}.components.nested{margin:6px 0 0 8px}.component{border:1px solid var(--line);border-radius:12px;padding:6px 10px}.component>summary{color:inherit;align-items:center;gap:8px;display:flex}.component>summary .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.component>summary .tools{gap:6px;display:flex}.component>.body{padding:6px 0 4px}.field.color{justify-content:space-between;align-items:center;gap:8px;display:flex}.field.color span{align-items:center;gap:6px;display:flex}.field.color input[type=color]{background:0 0;border:none;width:34px;height:26px;padding:0}.buttons{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}
