
.experience-tool{font-family:var(--font-body,system-ui);color:var(--c-text,var(--text))}.tool-intro{font-size:16px;line-height:1.6;max-width:65ch;margin:0 0 25px}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:35px;align-items:start}.experience-form{padding:28px;background:var(--c-surface,var(--surface));border:1px solid var(--c-border,var(--border));border-radius:8px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-field{display:flex;flex-direction:column;gap:9px;font-size:12px;line-height:1.5}.tool-field:has(textarea){grid-column:1/-1}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--c-border,var(--border));border-radius:4px;background:var(--c-bg,var(--bg));color:inherit;padding:12px;font:15px/1.5 inherit;min-width:0;max-width:100%;width:100%}.tool-field input[type=color]{height:58px;padding:5px}.kit-choice{padding:16px;border:1px solid var(--c-border,var(--border));border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px;cursor:pointer}.kit-choice input{accent-color:var(--c-accent,var(--accent));width:18px;height:18px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.experience-tool button{border:1px solid var(--c-accent,var(--accent));background:var(--c-accent,var(--accent));color:var(--c-on-accent,var(--accent-fg));font:600 12px/1.5 inherit;padding:13px 17px;border-radius:4px;cursor:pointer}.experience-tool [data-reset]{background:transparent;color:inherit;border-color:var(--c-border,var(--border))}.tool-result-panel{border:1px solid var(--c-border,var(--border));background:var(--studio-soft,var(--c-surface,var(--surface)));padding:28px;border-radius:8px}.result-kicker{font:9px ui-monospace,monospace;letter-spacing:1.5px;opacity:.7}.tool-result-panel output{display:block;white-space:pre-wrap;font:18px/1.7 var(--font-heading,system-ui);padding:24px 0;overflow-wrap:anywhere}.tool-result-panel canvas{display:block;width:100%;height:auto;margin:20px 0 0;background:var(--c-bg,var(--bg));border-radius:4px}.tool-result-panel .download-result{background:transparent;color:inherit;font-size:10px;border-color:var(--c-border,var(--border))}.tool-scope{font:11px/1.7 var(--font-body,system-ui);opacity:.8;margin:22px 0 0}.experience-tool.instrument .experience-form,.experience-tool.garage .experience-form{border-radius:0;border-top:5px solid var(--c-accent,var(--accent))}.experience-tool.patternroom .tool-result-panel{border:2px solid var(--c-text,var(--text));box-shadow:6px 6px 0 var(--c-text,var(--text))}.experience-tool.notebook .experience-form{background:repeating-linear-gradient(0deg,transparent 0 34px,#48633c0c 35px 36px);border-left:3px double var(--c-accent,var(--accent))}.experience-tool.careboard .tool-workspace{grid-template-columns:1fr 1fr}.experience-tool.careboard .experience-form,.experience-tool.careboard .tool-result-panel{border-radius:22px}.experience-tool.tower .tool-fields{grid-template-columns:1fr}.experience-tool.nocturne .tool-workspace,.experience-tool.supperclub .tool-workspace{max-width:1050px;margin-inline:auto}.experience-tool.atelier .experience-form{border-radius:80px 80px 5px 5px;padding-top:60px}.experience-tool.campus .experience-form{border:2px solid var(--c-text,var(--text));box-shadow:6px 6px 0 var(--c-text,var(--text));border-radius:0}.experience-tool.scoreboard .tool-result-panel{border-top:6px solid var(--c-accent,var(--accent))}.experience-tool.comparison .tool-fields,.experience-tool.serviceatlas .tool-fields{grid-auto-flow:row}.experience-tool.fieldguide .tool-fields,.experience-tool.parkmap .tool-fields{grid-template-columns:1fr}.experience-tool.patisserie .tool-result-panel,.experience-tool.gallery .tool-result-panel{border-radius:60px 60px 5px 5px;padding-top:40px}@media(max-width:700px){.tool-workspace,.experience-tool.careboard .tool-workspace{grid-template-columns:1fr;gap:20px}.experience-form,.tool-result-panel{padding:20px}.tool-fields{gap:17px 12px}.tool-field{font-size:11px}.tool-field input,.tool-field select,.tool-field textarea{font-size:16px;padding:10px}.tool-result-panel output{font-size:17px}.experience-tool button{font-size:11px;padding:12px 14px}.experience-tool.atelier .experience-form{padding-top:45px}}
