:root{font-family:system-ui,-apple-system,'Microsoft JhengHei',sans-serif;color:#36313e;background:#f8f6f9;--purple:#765687;--line:#e6dfe9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px max(24px,5vw);background:linear-gradient(110deg,#eee5f3,#fbeaf0 65%,#e8eef9);border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:2px;color:#80658c}h1{font-size:clamp(26px,3vw,38px);margin:12px 0;letter-spacing:-1px}header p{color:#827386;margin:0;font-size:14px}.badge{border:1px solid #d8c7e1;border-radius:30px;padding:10px 16px;font-size:12px;white-space:nowrap;background:#ffffff80}main{max-width:1550px;margin:auto;padding:24px 32px}.toolbar,.tools,.heading{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stats{display:flex;flex-direction:column;gap:5px;font-size:14px}.stats span{font-size:12px;color:#8e7b98}button,.button,select,input{font:inherit}button,.button{border:1px solid #dcd1e2;border-radius:9px;padding:9px 12px;background:white;color:#664a78;cursor:pointer;font-size:12px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#f0e8f5}button:focus-visible,input:focus-visible,select:focus-visible,.button:focus-within{outline:3px solid #bc98d2;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--purple);color:white;border-color:var(--purple);padding:13px}.primary:hover{background:#654375}.full{width:100%;margin-top:16px}#status{min-height:25px;font-size:13px;margin:12px 0;color:#73518d}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}h2{font-size:12px;color:#aa91b5;font-weight:500;margin:0 0 18px;letter-spacing:1px}h2 span{font-size:17px;color:#47394e;margin-left:8px;font-weight:650;letter-spacing:0}.heading h2{margin:0}.heading{margin-bottom:18px}.filters{display:flex;flex-wrap:wrap;gap:8px}input,select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:white;color:#493a52;font-size:12px}#search{flex-basis:100%;font-size:14px;padding:12px}select{min-width:110px;flex:1}.hint{font-size:11px;color:#96899e;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:11px;padding:8px;min-width:0}.image-button{border:0;background:#f7f4f9;width:100%;padding:0;position:relative;border-radius:6px;overflow:hidden;display:block}.image-button img{width:100%;aspect-ratio:300/473;object-fit:contain;display:block}.flip-tag{position:absolute;right:5px;bottom:5px;border-radius:5px;background:#ffffffeb;color:#765687;font-size:10px;padding:3px 5px}.code{font-size:12px;font-weight:700;margin:9px 0 4px}.card-name{font-size:11px;line-height:1.5;min-height:33px;color:#73647d;overflow-wrap:anywhere}.card-meta{font-size:10px;color:#a28cab;margin:5px 0}.card input{width:100%;font-size:11px;padding:6px;margin-top:4px}.actions{display:flex;gap:5px;margin-top:7px}.actions button{flex:1;padding:7px 4px;font-size:11px}.actions .have{background:#fce0eb;border-color:#e9aec6;color:#a94370}.actions .want{background:#e1edff;border-color:#acc8ec;color:#416da7}.field{font-size:11px;color:#897692;display:flex;flex-direction:column;gap:7px;margin:12px 0}.field input,.field select{width:100%;font-size:13px}.pair{display:flex;gap:10px}.pair .field{flex:1}.preview-wrap{background:#f5f0f6;border:1px solid var(--line);padding:8px;border-radius:10px;max-height:65vh;overflow:auto}canvas{width:100%;height:auto;display:block;border-radius:6px}.version{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:10px;color:#a491ad}.more{display:block;margin:20px auto 0;min-width:160px}.empty{padding:60px 20px;text-align:center;color:#9c8ca5}.maker{position:sticky;top:20px}footer{text-align:center;font-size:11px;line-height:2;color:#a08daa;padding:30px}footer a{color:#80638f}.subtle{background:#faf7fc}@media(min-width:1450px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.layout{grid-template-columns:1fr}.maker{position:static}header{align-items:start;flex-direction:column;padding:28px 20px}main{padding:18px 14px}.panel{padding:16px}.toolbar{gap:16px}.tools{justify-content:flex-start}.preview-wrap{max-height:65vh}}@media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.badge{font-size:10px}}
[hidden]{display:none!important}
.studio-modes{display:flex;gap:8px;padding:14px max(24px,5vw);background:white;border-bottom:1px solid var(--line)}.studio-modes button{font-size:15px;min-width:120px}.studio-modes [aria-pressed=true]{background:var(--purple);color:white}.layout{grid-template-columns:165px minmax(0,1fr) 330px;gap:20px}.category-panel{background:white;border:1px solid var(--line);padding:15px;border-radius:12px;position:sticky;top:20px}.category-panel summary{font-size:14px;font-weight:700;cursor:pointer;margin-bottom:15px}.category-button{display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;text-align:left;padding:13px 5px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sale-check{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;color:#73518d;font-weight:700;cursor:pointer}.card .sale-check input{width:20px;height:20px;margin:0;accent-color:var(--purple)}.sale-selected{border-color:#b68acb;background:#fcf8ff;box-shadow:0 0 0 1px #b68acb}.sale-price{font-weight:750;color:#b44c7a;font-size:18px;min-height:28px}.sale-fields{display:flex;gap:7px}.sale-fields .field{min-width:0;flex:1;margin:6px 0}.sale-fields .field input{font-size:14px;padding:9px 6px}.card input[aria-invalid=true]{border-color:#cf3050;background:#fff1f3}.sale-mode .maker .pair{flex-direction:column;gap:0}.card-name{min-height:36px}.card input{min-height:35px}@media(max-width:1250px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{grid-template-columns:140px minmax(0,1fr) 300px}}@media(max-width:1000px){.layout{grid-template-columns:140px minmax(0,1fr)}.maker{grid-column:2;position:static}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.layout{display:flex;flex-direction:column}.category-panel,.library,.maker{width:100%;position:static}.category-panel{padding:12px}.category-panel summary{margin-bottom:8px}#category-buttons{display:flex;flex-wrap:wrap;gap:6px}.category-button{width:auto;padding:8px;border:1px solid var(--line);border-radius:6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-modes{padding:12px 14px}.panel{padding:12px}.sale-fields{flex-direction:column;gap:0}.sale-fields .field{flex-direction:row;align-items:center;justify-content:space-between;gap:4px;font-size:10px}.sale-fields .field input{width:50%;min-width:0}.sale-price{font-size:16px}.sale-check{font-size:11px;min-height:32px}.card-name{font-size:12px}.filters select{min-width:100px}.sale-mode .maker .pair{flex-direction:row}}

.studio-modes{position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #76568712}.studio-modes #view-sheet{margin-left:auto;background:#faf7fc}#workbench{scroll-margin-top:76px}.maker{top:82px}@media(max-width:1000px){.layout{display:flex;flex-direction:column}.category-panel,.library,.maker{width:100%;position:static}.maker{order:0}.category-panel{order:1}.library{order:2}.preview-wrap{max-height:280px}.category-panel summary{margin-bottom:8px}#category-buttons{display:flex;gap:6px;flex-wrap:wrap}.category-button{width:auto;padding:8px;border:1px solid var(--line);border-radius:6px}.studio-modes{padding:10px 14px;gap:6px}.studio-modes button{min-width:0;font-size:13px;padding:10px 12px}.maker .pair{flex-direction:row}.sale-mode .maker .pair{flex-direction:row}}