html,body{margin:0;width:100%;height:100%}body{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at 10% 20%,#fff8eb,#f8efe2 35%,#f4e4d1);color:#1a120c;margin:0}.page[data-astro-cid-j7pv25f6]{max-width:980px;margin:0 auto;padding:40px 20px 80px;display:grid;gap:20px}.hero[data-astro-cid-j7pv25f6]{background:#fff9f1;border:2px solid #f0dbc3;border-radius:18px;padding:28px;box-shadow:0 14px 36px #7a52291f}.eyebrow[data-astro-cid-j7pv25f6]{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;margin:0 0 10px;color:#9a4f17;font-weight:700}h1[data-astro-cid-j7pv25f6]{font-size:clamp(34px,7vw,56px);margin:0;line-height:1;color:#1a120c}.subtitle[data-astro-cid-j7pv25f6]{margin:14px 0 0;max-width:62ch;color:#4a2e1c;line-height:1.55}.chips[data-astro-cid-j7pv25f6]{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.chips[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{background:#ffe9cf;border:1px solid #f5cd9f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:#1a120c}.panel[data-astro-cid-j7pv25f6]{background:#fff;border:1px solid #ecddd0;border-radius:16px;padding:24px}.panel[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin:0 0 4px;font-size:18px;color:#1a120c}.panel-desc[data-astro-cid-j7pv25f6]{margin:0 0 18px;font-size:14px;color:#4a2e1c}.cards[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media(max-width:620px){.cards[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}}.example-card[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fafaf9;border:1.5px solid #ddd0c2;border-radius:12px;padding:10px;cursor:pointer;color:#1a120c;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease;font-family:inherit}.example-card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #321e0e17}.example-card[data-astro-cid-j7pv25f6].active{border-color:#0f766e;box-shadow:0 0 0 2.5px #0f766e33;background:#f0fdfb}.card-custom[data-astro-cid-j7pv25f6]{border-style:dashed;border-color:#7ac4be}.card-preview[data-astro-cid-j7pv25f6]{display:block;padding:5px 8px;border-radius:6px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;color:#fff;letter-spacing:.8px;text-transform:uppercase;text-align:center}.card-title[data-astro-cid-j7pv25f6]{font-size:13px;font-weight:700;color:#1a120c}.card-sub[data-astro-cid-j7pv25f6]{font-size:11px;color:#5c3d2a;line-height:1.35}.custom-editor[data-astro-cid-j7pv25f6]{display:none;background:#f0fdfb;border:1.5px solid #7ac4be;border-radius:12px;padding:14px 16px;margin-bottom:20px}.custom-editor[data-astro-cid-j7pv25f6].visible{display:block}.custom-fields[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}@media(max-width:480px){.custom-fields[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.custom-field[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#1a120c}.custom-field[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=text]{font:inherit;border:1.5px solid #b2dbd8;border-radius:8px;background:#fff;padding:8px 10px;color:#1a120c;text-transform:uppercase}.custom-field[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=text]:focus{outline:2px solid #0f766e;outline-offset:1px}.color-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:10px}.custom-field[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=color]{width:44px;height:36px;border:1.5px solid #b2dbd8;border-radius:8px;padding:2px;cursor:pointer;background:#fff}.color-hex[data-astro-cid-j7pv25f6]{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:#0f5f5a}.controls-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;padding-top:18px;border-top:1px solid #ecddd0}@media(max-width:620px){.controls-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.ctrl-block[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:10px}.ctrl-heading[data-astro-cid-j7pv25f6]{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#7a4f35}.pos-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:fit-content}.pos-btn[data-astro-cid-j7pv25f6]{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#fef3e6;border:1.5px solid #ddd0c2;border-radius:9px;cursor:pointer;color:#1a120c;transition:background .12s,border-color .12s,color .12s;font-family:inherit}.pos-btn[data-astro-cid-j7pv25f6]:hover{background:#fde8cc;border-color:#c9975d}.pos-btn[data-astro-cid-j7pv25f6].active{background:#134e4a;border-color:#134e4a;color:#e6fffd}.range-row[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:44px 1fr 32px 14px;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1a120c;cursor:pointer}.range-row[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=range]{width:100%;accent-color:#0f766e;cursor:pointer}.range-row[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{font-size:13px;color:#0f766e;text-align:right;font-weight:700}.range-row[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:last-child{color:#7a4f35;font-size:12px}.ctrl-actions[data-astro-cid-j7pv25f6]{justify-content:flex-end}.btn-toggle[data-astro-cid-j7pv25f6]{font:inherit;font-weight:600;font-size:14px;background:#134e4a;color:#e6fffd;border:none;border-radius:10px;padding:12px 18px;cursor:pointer;white-space:nowrap;transition:background .12s}.btn-toggle[data-astro-cid-j7pv25f6]:hover{background:#0c3835}.panel[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:16px 0 6px;color:#1a120c;font-size:15px}pre[data-astro-cid-j7pv25f6]{margin:8px 0 16px;padding:14px 16px;background:#1a120c;color:#ffd9a0;border-radius:12px;overflow-x:auto;font-size:13px;line-height:1.55}