*{box-sizing:border-box;margin:0}:root{--bg: #0e1015;--panel: #171a22;--panel2: #1e222d;--border: #2a2f3d;--text: #e8eaf0;--muted: #9aa1b2;--accent: #4f8cff;--accent2: #3870d6}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:1280px;margin:0 auto;padding:24px 20px 40px}header h1{font-size:1.7rem;font-weight:700}header .accent{color:var(--accent)}header p{color:var(--muted);margin-top:4px;font-size:.95rem}main{display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,1fr);gap:20px;margin-top:20px;align-items:start}@media(max-width:900px){main{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.panel h2{font-size:1.02rem;margin:18px 0 10px;color:var(--text)}.panel h2:first-child{margin-top:0}.panel h3{font-size:.92rem;margin:14px 0 8px;color:var(--muted)}.hint{color:var(--muted);font-size:.82rem;margin-bottom:8px;font-weight:400}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}@media(max-width:480px){.type-grid{grid-template-columns:repeat(3,1fr)}}.type{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 4px;font-size:.78rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .15s}.type:hover{border-color:var(--accent);color:var(--text)}.type.active{background:var(--accent);border-color:var(--accent);color:#fff}.type-icon{font-size:1.1rem}.fields{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:4px;flex:1}.field>span{font-size:.82rem;color:var(--muted)}input,select,textarea{background:var(--panel2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:.9rem;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=color]{padding:3px;height:38px;cursor:pointer}input:disabled,select:disabled{opacity:.45;cursor:not-allowed}.row2,.row3{display:grid;gap:10px;margin-bottom:10px}.row2{grid-template-columns:1fr 1fr}.row3{grid-template-columns:1fr 1fr 1fr}.check{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text);margin:8px 0;cursor:pointer}.check input{width:auto}.preview-panel{position:sticky;top:16px}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1;background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px;font-size:.9rem;cursor:pointer}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.preview3d{width:100%;height:380px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.preview2d{display:flex;justify-content:center;align-items:center;height:380px;background:repeating-conic-gradient(#20242e,#20242e 25%,#181b23 0%,#181b23 50%) 0 0 / 20px 20px;border-radius:10px;border:1px solid var(--border)}.preview2d canvas{border-radius:6px;max-width:90%;max-height:90%}.error{background:#3a1c1c;border:1px solid #7a3030;color:#ffb4b4;border-radius:8px;padding:8px 12px;font-size:.85rem;margin-bottom:10px}.downloads h2{margin:14px 0 8px;font-size:.95rem}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.dl{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 14px;font-size:.88rem;cursor:pointer;transition:all .15s}.dl:hover{border-color:var(--accent)}.dl.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.dl.primary:hover{background:var(--accent2)}footer{margin-top:24px;color:var(--muted);font-size:.82rem;text-align:center}