.a{--a-pri:#2563eb;--a-line:#e2e8f0;--a-mut:#64748b;color:#0f172a;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;font-size:15px}.a-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.a-side{color:#cbd5e1;background:#0f172a;flex-direction:column;gap:4px;padding:20px 12px;display:flex}.a-side strong{color:#fff;padding:0 12px 16px}.a-side a,.a-side button{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;text-decoration:none}.a-side a:hover,.a-side button:hover{color:#fff;background:#1e293b}.a-main{max-width:1100px;padding:32px}.a-main h1{margin:0 0 24px;font-size:22px}.a-card{border:1px solid var(--a-line);background:#fff;border-radius:12px;margin-bottom:16px;padding:24px}.a-card h2{margin:0 0 16px;font-size:16px}.a-form{gap:14px;display:grid}.a-form label{gap:6px;font-size:14px;font-weight:600;display:grid}.a-form input,.a-form textarea,.a-form select{font:inherit;border:1px solid var(--a-line);background:#fff;border-radius:8px;padding:10px 12px;font-weight:400}.a-form textarea{resize:vertical;min-height:72px}.a-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.a-btn{font:inherit;background:var(--a-pri);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-self:start;padding:10px 18px;font-weight:700}.a-btn.ghost{color:#0f172a;border:1px solid var(--a-line);background:#fff}.a-hint{color:var(--a-mut);margin:0;font-size:13px}.a-ok{color:#065f46;background:#ecfdf5;border-radius:8px;margin-bottom:16px;padding:10px 14px}.a-err{color:#991b1b;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:10px 14px}.a-center{place-items:center;padding:48px 16px;display:grid}.a-center .a-card{width:100%;max-width:440px}.a-presets{flex-wrap:wrap;gap:8px;display:flex}.a-swatch{vertical-align:middle;gap:2px;margin-right:6px;display:inline-flex}.a-swatch i{border-radius:3px;width:12px;height:12px;display:inline-block}.a-preview{border:1px solid var(--a-line);background:#fff;border-radius:12px;width:100%;height:560px}@media (max-width:720px){.a-shell{grid-template-columns:1fr}.a-side{flex-flow:wrap}.a-main{padding:16px}}.a-form input[type=color]{cursor:pointer;width:100%;height:40px;padding:2px}.a-table{border-collapse:collapse;width:100%;font-size:14px}.a-table th{text-align:left;color:var(--a-mut);border-bottom:1px solid var(--a-line);padding:8px 10px;font-weight:600}.a-table td{border-bottom:1px solid var(--a-line);padding:10px}.a-table a{color:var(--a-pri);text-decoration:none}.a-main h1 .a-hint{margin-left:8px;font-size:14px;font-weight:400}.a-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.a-stats .a-card{color:inherit;gap:4px;margin:0;text-decoration:none;display:grid}.a-stats strong{font-size:28px}