.ai-work{padding-bottom:64px}.ai-work section{margin-block:32px;scroll-margin-top:24px}.ai-hero{color:#fff9ee;background:#231b33;border:3px solid #231b33;padding:clamp(24px,5vw,64px);box-shadow:8px 8px #f54283}.ai-hero h1{letter-spacing:-.035em;margin:16px 0;font-size:clamp(32px,5.5vw,66px);font-weight:900;line-height:1.5}.ai-hero h1 span{color:#ff86b4}.ai-hero>p{line-height:1.9}.ai-tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ai-tags span{color:#d3ff90;border:1px solid #c3f773;padding:6px 12px;font-weight:700}.ai-work h2{font-size:clamp(24px,3.5vw,36px);font-weight:900;line-height:1.6}.ai-work h3{font-size:20px;font-weight:800}.ai-work p{line-height:1.95}.ai-note{background:#f0facd;border:2px solid #231b33;padding:20px}.ai-note h2{font-size:24px}.ai-jumps{flex-wrap:wrap;gap:12px;margin:36px 0;display:flex}.ai-jumps a{background:#fff;border:2px solid #231b33;min-height:44px;padding:10px 16px;font-weight:800}.ai-guide{margin-top:24px}.ai-guide details{background:#fff9ee;border:2px solid #231b33;margin-top:12px}.ai-guide summary,.ai-code-card summary{cursor:pointer;min-height:48px;padding:18px;font-size:18px;font-weight:800}.ai-guide details>div{padding:0 20px 20px}.ai-guide details p{overflow-wrap:anywhere;white-space:pre-line;margin-top:14px}.ai-guide details[open] summary{background:#ffe3ed;border-bottom:1px solid #231b33;margin-bottom:12px}.ai-code-card{background:#fff;border:2px solid #231b33;min-width:0;margin-top:20px;box-shadow:5px 5px #231b33}.ai-code-toolbar{background:#ffdfeb;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px;display:flex}.ai-code-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.ai-code-toolbar button,.ai-code-toolbar a{background:#fff;border:2px solid #231b33;min-height:44px;padding:10px;font-weight:700}.ai-code-card textarea{color:#fff9ee;resize:vertical;background:#231b33;border:0;width:100%;padding:16px;font:13px/1.8 ui-monospace,monospace}.ai-submit{background:#fff;border:3px solid #231b33;padding:clamp(18px,4vw,36px);box-shadow:7px 7px #f54283}.ai-submit .ai-note{margin:20px 0}.ai-submit fieldset{border:0;min-width:0;margin:0;padding:0}.ai-submit label{margin-top:22px;font-weight:800;line-height:1.8;display:block}.ai-submit input,.ai-submit textarea,.ai-submit select{width:100%;min-width:0;min-height:48px;font:inherit;background:#fffdf7;border:2px solid #231b33;border-radius:0;margin-top:8px;padding:12px;font-weight:400;display:block}.ai-submit textarea{resize:vertical}.ai-hint{color:#55495b;font-size:14px;font-weight:400;line-height:1.8;display:block}.ai-identity{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.ai-identity label:last-child{grid-column:1/-1}.ai-submit button{margin-top:20px}.ai-submit fieldset:disabled{opacity:.6}.ai-receipt{background:#eefacb;border:2px solid #231b33;margin-top:24px;padding:16px;font-weight:700}.ai-dialog{color:#231b33;background:#fff9ee;border:3px solid #231b33;max-width:min(540px,100vw - 36px);padding:28px;box-shadow:8px 8px #f54283}.ai-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#231b33bb}.ai-dialog h2{font-size:26px;font-weight:900;line-height:1.5}.ai-dialog p{overflow-wrap:anywhere;margin:16px 0;line-height:1.9}.ai-dialog-mark{color:#da1e65;font-size:42px;font-weight:900}.ai-back{margin-top:40px;font-weight:800}.ai-work :focus-visible,.ai-dialog :focus-visible{outline-offset:4px;outline:3px solid #7b30c2}.ai-results{padding-block:32px}.ai-results .ai-result-list{gap:16px;display:grid}.ai-result{overflow-wrap:anywhere;background:#fff;border:2px solid #231b33;padding:20px}.ai-result dl{gap:12px;display:grid}.ai-result dt{font-weight:800}.ai-result dd{white-space:pre-wrap;line-height:1.8}.ai-result h2{font-size:22px}.ai-results form{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;display:flex}.ai-results select{border:2px solid #231b33;min-height:48px;padding:12px;display:block}.ai-results .ai-summary{background:#ffdfeb;border:2px solid #231b33;margin:20px 0;padding:20px}@media (min-width:768px){.ai-identity{grid-template-columns:1fr 1fr 2fr}.ai-identity label:last-child{grid-column:auto}}@media print{.ai-jumps,.ai-submit form,.ai-code-toolbar button{display:none}.ai-hero{box-shadow:none;color:#000;background:#fff}.ai-hero h1 span{color:#000}}
