.frontend-detail-map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:11px;display:grid}.frontend-detail-map>div{background:#fafafa;border:1px solid #e6e6eb;border-radius:10px;gap:8px;min-width:0;padding:15px;display:grid}.frontend-detail-map svg{color:var(--accent)}.frontend-detail-map>svg{color:#a5a5ae;align-self:center}.frontend-detail-map b{color:#3f3f48;font-size:15px}.frontend-detail-map span{color:#74747f;font-size:13px;line-height:1.55}@media (max-width:780px){.frontend-detail-map{grid-template-columns:1fr}.frontend-detail-map>svg{justify-self:center;transform:rotate(90deg)}}.frontend-card-preview{gap:8px;padding:14px;display:grid}.frontend-card-caption{color:var(--muted);letter-spacing:.2px;margin:0;font-size:8px;font-weight:700}.frontend-card-layers{gap:5px;display:flex}.frontend-card-layers button{color:#8a8a93;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:5px;flex:1;gap:1px;padding:5px 4px;display:grid}.frontend-card-layers button b{color:#6f6f79;font-size:9px;font-weight:800}.frontend-card-layers button small{color:#a0a0a8;font-size:7px}.frontend-card-layers button.is-on{border-color:var(--ink);background:var(--soft)}.frontend-card-layers button.is-on b,.frontend-card-layers button.is-on small{color:var(--ink)}.frontend-card-stage{background:#fff;border:1px solid #e4e4ea;border-radius:6px;gap:5px;padding:9px 10px;transition:background .16s,border-color .16s;display:grid}.frontend-card-stage strong{color:var(--ink);font-size:9px;font-weight:800}.frontend-card-field{color:#86868f;font-size:7px}.frontend-card-submit{background:var(--ink);color:#fff;border-radius:9999px;justify-self:start;padding:4px 9px;font-size:7px;font-weight:750}.frontend-card-submit.is-dormant{background:#d4d4da}.frontend-card-stage.is-bare{background:0 0;border:0;gap:2px;padding:0}.frontend-card-stage.is-bare strong{font-size:8px}.frontend-card-stage.is-bare .frontend-card-submit{color:var(--ink);background:0 0;border-radius:0;padding:0;text-decoration:underline}.frontend-card-stage.is-empty{place-items:center;min-height:44px;display:grid}.frontend-card-empty{color:#b0b0b7;font-size:8px}.frontend-card-status{color:var(--ink);margin:0;font-size:8px;line-height:1.5}.term-interactive-demo.frontend-demo{border-color:var(--line);background:var(--surface-card)}.term-interactive-demo.frontend-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink);min-height:34px;padding:7px 12px;font-size:13px;font-weight:650}.term-interactive-demo.frontend-demo button:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.frontend-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.frontend-demo button[aria-pressed=true],.term-interactive-demo.frontend-demo button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.frontend-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.frontend-demo-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frontend-demo-layers button{text-align:left;border-radius:10px;gap:3px;min-height:0;padding:10px 12px;display:grid}.frontend-demo-layers button b{color:var(--muted);font-size:13px;font-weight:800}.frontend-demo-layers button span{color:var(--muted);font-size:12px;font-weight:700}.frontend-demo-layers button small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.frontend-demo-layers button[aria-pressed=true] b,.frontend-demo-layers button[aria-pressed=true] span,.frontend-demo-layers button[aria-pressed=true] small{color:var(--ink)}.frontend-demo-browser{border:1px solid var(--line);background:var(--soft);border-radius:10px;overflow:hidden}.frontend-demo-bar{border-bottom:1px solid var(--line);background:var(--surface-card);align-items:center;gap:6px;padding:8px 12px;display:flex}.frontend-demo-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.frontend-demo-bar b{color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-geist-mono), ui-monospace, monospace;margin-left:6px}.frontend-demo-stage{align-content:start;min-height:210px;padding:16px;transition:background .16s;display:grid}.frontend-demo-stage.is-empty{place-items:center;display:grid}.frontend-demo-empty{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.frontend-demo-stage.is-bare{background:0 0}.frontend-demo-stage.is-bare .frontend-demo-card{background:0 0;border:0;border-radius:0;gap:3px;padding:0}.frontend-demo-stage.is-bare .frontend-demo-submit{border:0;border-radius:0;padding:2px 0;text-decoration:underline;color:var(--ink)!important;background:0 0!important}.frontend-demo-stage.is-bare .frontend-demo-badge{display:none}.frontend-demo-card{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;gap:10px;padding:16px;display:grid}.frontend-demo-card header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.frontend-demo-card header small{color:var(--muted);font-size:11px;font-weight:700}.frontend-demo-card header strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-demo-badge{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:9999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4}.frontend-demo-badge.is-phase-creating{border-color:color-mix(in srgb, #8a5a12 35%, var(--line));background:color-mix(in srgb, #8a5a12 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 35%, #8a5a12)}.frontend-demo-badge.is-phase-success{border-color:color-mix(in srgb, #4d805d 35%, var(--line));background:color-mix(in srgb, #4d805d 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 35%, #4d805d)}.frontend-demo-badge.is-phase-error{border-color:color-mix(in srgb, #b04c52 35%, var(--line));background:color-mix(in srgb, #b04c52 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 30%, #b04c52)}.frontend-demo-field{gap:4px;display:grid}.frontend-demo-field span{color:var(--ink);font-size:12px;font-weight:700}.frontend-demo-field input{border:1px solid var(--line);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}.frontend-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.frontend-demo-field input:disabled{opacity:.7;cursor:not-allowed}.frontend-demo-field input[aria-invalid=true]{border-color:color-mix(in srgb, #b04c52 50%, var(--line))}.frontend-demo-submit{cursor:pointer;justify-self:start;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important;min-height:38px!important;padding:10px 18px!important;font-size:13px!important;font-weight:750!important}.frontend-demo-submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, var(--ink))!important}.frontend-demo-submit:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.frontend-demo-submit:disabled{opacity:.5;cursor:not-allowed}.frontend-demo-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.frontend-demo-outcomes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.frontend-demo-outcomes button{min-height:30px;padding:6px 12px;font-size:12px}.frontend-demo-reset{margin-left:auto}.frontend-demo-status{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--soft);border-radius:0 8px 8px 0;gap:6px;margin:0;padding:10px 12px;display:grid}.frontend-demo-status-main{color:var(--ink);font-size:13px;line-height:1.6}.frontend-demo-status-rule{color:var(--muted);font-size:12px;line-height:1.55}.frontend-attention-list li strong{color:var(--ink)}.frontend-attention-list li span{color:var(--muted)}.frontend-examples,.frontend-boundary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.frontend-examples article,.frontend-boundary article{border:1px solid var(--line);background:var(--soft);border-radius:9px;gap:6px;padding:14px 15px;display:grid}.frontend-examples article header{align-items:baseline;gap:8px;display:flex}.frontend-examples article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 70%, var(--line))}.frontend-examples article.is-bad{border-left:4px solid color-mix(in srgb, #b04c52 65%, var(--line))}.frontend-examples article strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-examples article small{color:var(--muted);font-size:11px;font-weight:700}.frontend-examples article p{color:#555560;margin:0;font-size:13px;line-height:1.6}.frontend-examples article span{color:var(--muted);font-size:12px;font-weight:600}.frontend-boundary article small{color:var(--muted);font-size:11px;font-weight:800}.frontend-boundary article strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-boundary article p{color:#555560;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.frontend-demo-layers,.frontend-examples,.frontend-boundary{grid-template-columns:1fr}.frontend-demo-reset{margin-left:0}}@media (prefers-reduced-motion:reduce){.frontend-demo-stage,.frontend-card-stage{transition:none}}.term-card .frontend-card-preview{color:#173348;background:#dcebf0;border:2px solid #2b5270;box-shadow:5px 5px #83aabb}.term-card .frontend-card-preview .frontend-card-caption{color:#2d5a70}.term-card .frontend-card-preview .frontend-card-layers button{background:#f7fcfb;border-color:#7fa4b5}.term-card .frontend-card-preview .frontend-card-layers button b,.term-card .frontend-card-preview .frontend-card-layers button small{color:#315d70}.term-card .frontend-card-preview .frontend-card-layers button.is-on{background:#173d56;border-color:#1d4f69}.term-card .frontend-card-preview .frontend-card-layers button.is-on b,.term-card .frontend-card-preview .frontend-card-layers button.is-on small{color:#edf9f5}.term-card .frontend-card-preview .frontend-card-stage{background:#f9fdfb;border-color:#76a2b4}.term-card .frontend-card-preview .frontend-card-stage strong,.term-card .frontend-card-preview .frontend-card-status{color:#173348}.term-card .frontend-card-preview .frontend-card-field{color:#416b7a}.term-card .frontend-card-preview .frontend-card-submit{color:#f4fff9;background:#1f6c6c}.term-card .frontend-card-preview .frontend-card-submit.is-dormant{color:#4c6973;background:#c6d3d4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend]{color:#eefbf6;background:#183e55;border:2px solid #234b64;box-shadow:8px 8px #75aab5}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-brief{color:#ddf2ed}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button{color:#16384c;background:#eff8f4;border-color:#75a5b4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button:hover{color:#173348;background:#fff4c8;border-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button[aria-pressed=true],.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button[aria-pressed=true]:hover{color:#173348;background:#f2c75c;border-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button:focus-visible{outline-color:#ffe08a}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button b,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button span,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button small{color:#16384c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-browser{background:#d9e9e4;border-color:#81acb8}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar{background:#112f43;border-color:#81acb8}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar i{background:#e7c76d}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar b{color:#daf2ea}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card{background:#f8fdf9;border-color:#78a8b4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card header small,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-field>span,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-hint{color:#365d6c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card header strong,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-field input{color:#173348}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge{color:#274f5e;background:#e5f0ec;border-color:#8caeb4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge.is-phase-success{color:#185b49;background:#d9f0e3;border-color:#28775f}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge.is-phase-error{color:#7c3028;background:#f8e0d8;border-color:#ad5548}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit{color:#f7fff9!important;background:#1d6b68!important;border-color:#1d6b68!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit:hover:not(:disabled){color:#f7fff9!important;background:#16524f!important;border-color:#16524f!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit:disabled{color:#567078!important;background:#d8e4df!important;border-color:#b5c8c6!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status{color:#ecfaf4;background:#102c3b;border-left-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status-main{color:#ecfaf4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status-rule{color:#c3e0d8}
