@font-face{font-family:TokenSerif;src:url(/fonts/HWXW.ttf) format("truetype");font-display:swap}:root{--ink:#231b16;--muted:#74685e;--paper:#f2ecdf;--paper-deep:#e8decc;--wine:#861c2c;--wine-deep:#5f111d;--gold:#b78b4a;--line:rgba(67,49,36,.16);--shadow:0 18px 60px rgba(39,26,17,.13);font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#17120f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.7),transparent 30%),linear-gradient(rgba(88,65,44,.035) 1px,transparent 1px);background-size:auto,100% 5px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.topbar{height:76px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f2ecdfe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--wine);font-size:24px;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px #b78b4a66}.brand b{font-family:TokenSerif,serif;font-size:20px;letter-spacing:.12em}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:10px}button{border:0}.primary-button,.secondary-button,.ghost-button,.paper-button{border-radius:3px;padding:12px 18px;font-weight:700;transition:.2s}.primary-button{background:var(--wine);color:#fff;box-shadow:0 8px 20px #861c2c33}.primary-button:hover:not(:disabled){background:var(--wine-deep);transform:translateY(-1px)}.primary-button kbd{font:10px/1 sans-serif;border:1px solid rgba(255,255,255,.35);padding:3px 5px;margin-left:8px}.secondary-button{background:transparent;border:1px solid var(--wine);color:var(--wine)}.ghost-button{background:transparent;color:var(--ink)}.paper-button{background:#fffaf0;border:1px solid rgba(102,76,52,.2);color:var(--ink)}.language-button{min-width:42px;padding:9px 10px;background:transparent;border:1px solid var(--line);color:var(--wine);font-size:11px;font-weight:800;letter-spacing:.08em}.language-button:hover{border-color:var(--wine);background:#861c2c0a}.full{width:100%}main{min-height:calc(100vh - 76px)}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:64px 24px 90px;background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.8),transparent 42%),radial-gradient(circle at 50% 110%,rgba(134,28,44,.1),transparent 35%)}.eyebrow{font-size:10px;letter-spacing:.27em;color:var(--wine);font-weight:800;margin:0 0 13px}.hero h1{font-family:TokenSerif,"Noto Serif SC",serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.2;letter-spacing:.05em;margin:0;max-width:890px}.hero h1 em{color:var(--wine);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-4px;height:9px;border-top:2px solid var(--gold);border-radius:50%}.hero-copy{color:var(--muted);font-size:16px;margin:24px auto 42px}.dropzone{width:min(710px,100%);min-height:144px;border:1px dashed rgba(101,75,51,.42);background:#fffaf0b8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:20px;padding:26px 30px;box-shadow:var(--shadow);position:relative;transition:.2s}.dropzone:before,.dropzone:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--gold)}.dropzone:before{left:7px;top:7px;border-left:1px solid;border-top:1px solid}.dropzone:after{right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}.dropzone:hover,.dropzone.dragging{border-color:var(--wine);transform:translateY(-2px);background:#fffaf0}.drop-icon{width:56px;height:56px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--wine)}.drop-icon span{font-size:27px;font-weight:200}.dropzone strong{font-family:TokenSerif,serif;font-size:21px}.dropzone p{margin:7px 0 0;color:var(--muted);font-size:12px}.trust-row{display:flex;gap:34px;color:#8e8175;font-size:11px;letter-spacing:.08em;margin-top:28px}.trust-row span:first-letter{color:var(--gold)}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 76px)}.is-hidden{display:none!important}.control-panel{padding:35px 28px 40px clamp(24px,4vw,52px);border-right:1px solid var(--line);background:#ede4d3b8}.panel-heading,.preview-heading,.drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2,.preview-heading h2,.drawer-head h2{font-family:TokenSerif,serif;font-weight:500;letter-spacing:.08em;margin:0;font-size:25px}.icon-button{width:38px;height:38px;background:transparent;border:1px solid var(--line);font-size:18px;color:var(--muted)}.icon-button:hover,.icon-button.active{border-color:var(--wine);color:var(--wine);background:#861c2c0a}details{border-top:1px solid var(--line);padding:5px 0 17px;margin-top:18px}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0 9px;font-family:TokenSerif,serif;font-weight:700;letter-spacing:.08em;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-family:Inter,sans-serif;color:var(--gold);font-size:9px}.field-grid{display:grid;gap:12px}.two-cols{grid-template-columns:1fr 1fr}label{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.04em;margin-top:11px}input[type=number],input[type=text],input[type=url],select{width:100%;border:1px solid var(--line);background:#fffcf5a6;border-radius:2px;color:var(--ink);padding:10px 11px;margin-top:6px;outline:none}input:focus,select:focus{border-color:var(--wine);box-shadow:0 0 0 2px #861c2c14}.range-field span,.inline-setting,.switch-row{display:flex;justify-content:space-between;align-items:center}.range-field output{color:var(--wine);font-weight:600}input[type=range]{appearance:none;width:100%;height:3px;background:#cbbfab;outline:none;margin:13px 0 2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--wine);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--wine)}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:3px;margin-top:8px}.segmented button{padding:8px;background:transparent;color:var(--muted);font-size:11px}.segmented button.active{color:#fff;background:var(--wine)}.file-chip{display:inline-flex;align-items:center;justify-content:center;border:1px dashed rgba(101,75,51,.36);padding:10px;color:var(--wine);background:#fffaf066;cursor:pointer}.file-chip.compact{padding:6px 12px;margin:0}.inline-setting{margin-top:11px}.switch-row{position:relative;padding:7px 0;cursor:pointer}.switch-row span{color:var(--ink)}.switch-row small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.switch-row input{position:absolute;opacity:0}.switch-row i{width:34px;height:18px;background:#b9aea0;border-radius:12px;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.switch-row input:checked+i{background:var(--wine)}.switch-row input:checked+i:after{left:19px}.control-panel>.secondary-button{margin-top:12px}.preview-panel{padding:35px clamp(24px,5vw,70px) 70px;background:radial-gradient(circle at 80% 10%,rgba(183,139,74,.11),transparent 32%)}.preview-heading{align-items:center;margin-bottom:28px}.preview-heading>div>p:last-child{color:var(--muted);font-size:11px;margin:8px 0 0}.view-tools{display:flex;gap:5px}.notice{padding:12px 15px;background:#fff5da;border-left:3px solid var(--gold);font-size:12px;margin-bottom:20px;color:#6d572f}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}.token-card{background:#fffbf3c2;border:1px solid var(--line);padding:12px 12px 14px;box-shadow:0 7px 22px #3123180f;position:relative;transition:.2s;overflow:hidden}.token-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #3123181f;border-color:#861c2c4d}.canvas-wrap{aspect-ratio:1;display:grid;place-items:center;background-image:linear-gradient(45deg,#e9e1d5 25%,transparent 25%),linear-gradient(-45deg,#e9e1d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e1d5 75%),linear-gradient(-45deg,transparent 75%,#e9e1d5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;overflow:hidden}.token-card canvas{width:100%;height:100%;object-fit:contain}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.card-meta strong{font-family:TokenSerif,serif;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-dot{font-size:9px;padding:4px 7px;border:1px solid currentColor}.team-blue{color:#346da7}.team-red{color:#a12735}.team-neutral{color:#776b5f}.card-actions{position:absolute;right:18px;top:18px;display:flex;gap:5px;opacity:0;transition:.2s}.token-card:hover .card-actions{opacity:1}.card-actions button{width:31px;height:31px;border-radius:50%;background:#221b16d6;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.token-grid.list-view{grid-template-columns:1fr}.token-grid.list-view .token-card{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center}.token-grid.list-view .canvas-wrap{width:90px}.token-grid.list-view .card-meta{margin:0}.empty-filter{text-align:center;color:var(--muted);padding:90px 0}.editor-drawer{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}.editor-drawer.open{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:#19120e99;opacity:0;transition:.25s;width:100%}.editor-drawer.open .drawer-backdrop{opacity:1}.editor-drawer aside{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:var(--paper);padding:30px;box-shadow:-20px 0 60px #00000040;transform:translate(100%);transition:.28s;overflow:auto}.editor-drawer.open aside{transform:none}.drawer-preview{margin:25px auto 20px;width:min(290px,100%);aspect-ratio:1;background:#dfd5c5;display:grid;place-items:center}.drawer-preview canvas{width:100%;height:100%}.drawer-drawer label{margin-top:15px}.drawer-head+.drawer-preview~.primary-button{margin-top:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 18px;background:#251c17;color:#fff;font-size:12px;border-left:3px solid var(--gold);opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%)}.card-actions{opacity:.72}.card-actions:focus-within{opacity:1}.creator-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:var(--muted);font-size:11px}.creator-note strong{color:var(--ink);font-weight:700}.creator-note i{width:1px;height:12px;background:var(--line)}.creator-note a{color:var(--wine);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(134,28,44,.3)}.creator-note a:hover{border-bottom-color:var(--wine)}.background-preset-label{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;font-weight:700;color:var(--muted)}.background-preset-label small{font-size:9px;font-weight:400}.background-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.background-presets button{padding:5px;background:#fffcf5a6;border:1px solid var(--line);color:var(--muted);font-size:9px;transition:.2s}.background-presets button:hover,.background-presets button.active{border-color:var(--wine);color:var(--wine);box-shadow:0 0 0 1px #861c2c14}.background-presets img{display:block;width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:5px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line);padding-left:24px}.token-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.hero{padding-top:45px}.dropzone{grid-template-columns:auto 1fr}.dropzone .paper-button{display:none}.trust-row{gap:16px;flex-wrap:wrap;justify-content:center}}@media(max-width:520px){.topbar{height:64px;padding:0 16px}.brand small,.ghost-button{display:none}.primary-button{padding:10px 12px}.hero{min-height:calc(100vh - 64px)}.hero h1{font-size:36px}.dropzone{display:flex;flex-direction:column;text-align:center}.trust-row{font-size:9px}.creator-note{flex-direction:column;gap:6px;line-height:1.6}.creator-note i{width:28px;height:1px}.preview-panel{padding:28px 16px 50px}.token-grid{grid-template-columns:1fr 1fr;gap:10px}.token-card{padding:7px}.card-meta strong{font-size:13px}.team-dot{display:none}}