:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1c2024;--text-muted: #6b7280;--accent: #1d9e75;--accent-soft: #e6f5f0;--danger: #d64545;--radius: 10px}*{box-sizing:border-box}body{margin:0;padding:0 16px 48px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}.topbar{max-width:1120px;margin:0 auto;padding:28px 0 20px}.topbar h1{margin:0;font-size:22px;font-weight:600}.subtitle{margin:4px 0 0;color:var(--text-muted);font-size:13px}.layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:880px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.canvas-wrap{display:flex;justify-content:center;padding:8px 0 16px}#canvas{width:100%;max-width:320px;height:auto;border-radius:8px;border:1px solid var(--border);image-rendering:pixelated}.status{min-height:22px;margin-bottom:12px;font-size:12px;color:var(--text-muted);text-align:center;word-break:break-all}.status-ok{color:var(--accent)}.status-error{color:var(--danger)}.download-block{border-top:1px solid var(--border);padding-top:16px}.format-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.btn{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.share-block{margin-top:16px}.share-block summary{cursor:pointer;font-size:13px;color:var(--text-muted)}.share-block textarea{width:100%;margin:10px 0 8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tab{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:13px;font-family:inherit;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.form-block{margin-bottom:4px}.field{display:block;margin-bottom:12px}.field>span{display:block;margin-bottom:5px;font-size:13px;color:var(--text-muted)}.field>span b{color:var(--text);font-weight:600}input[type=text],input[type=tel],input[type=email],input[type=url],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:100%;height:34px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}input[type=file]{width:100%;font-size:13px}.field.checkbox{display:flex;align-items:center;gap:8px}.field.checkbox>span{margin:0;color:var(--text)}.field.checkbox input{width:16px;height:16px;accent-color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}@media(max-width:520px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.accordion{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.accordion>summary{cursor:pointer;font-size:14px;font-weight:600;padding:4px 0}.accordion-body{padding-top:10px}.accordion-body h3{margin:18px 0 10px;font-size:13px;font-weight:600;color:var(--text-muted);padding-bottom:6px;border-bottom:1px solid var(--border)}.accordion-body h3:first-child{margin-top:0}.footer{max-width:1120px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.footer p{margin:0}