.cookie-workspace{display:grid;grid-template-columns:minmax(270px,380px) minmax(0,1fr);gap:64px;margin:48px 0 64px;align-items:start}.cookie-editor h2,.cookie-demo h2{font-size:22px;letter-spacing:-.5px;margin-bottom:24px}.cookie-editor textarea{width:100%;resize:vertical;border:1px solid var(--wire);border-radius:7px;padding:12px;background:var(--ground);color:var(--ink);font:13px/1.65 Manrope,system-ui,sans-serif}.cookie-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-form .cookie-color{grid-template-columns:1fr 52px;align-items:center}.cookie-color input{height:38px;padding:4px;cursor:pointer}.cookie-types{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:2px 0 0}.cookie-types legend{float:left;width:100%;font-size:14px;font-weight:700}.cookie-types .tool-note{clear:both;padding-top:8px;margin:0 0 14px}.cookie-types label,.tool-form .cookie-check{display:flex;align-items:center;gap:10px;margin-top:10px}.cookie-types input,.cookie-check input{width:18px;height:18px;padding:0;accent-color:var(--accent)}.tool-form .cookie-check{flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.cookie-check span{width:100%;padding-left:28px;font-size:12px;color:var(--muted);font-weight:400}.cookie-demo{position:sticky;top:24px;min-width:0}.cookie-demo-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.cookie-demo-heading button{background:none;border:0;color:var(--accent);font:600 12px Manrope,system-ui;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.cookie-stage{position:relative;height:590px;border:1px solid var(--wire);border-radius:16px;overflow:hidden;background:#eef2f9}.cookie-site{padding:30px;color:#7183a4}.cookie-site-header{display:flex;justify-content:space-between;font-size:14px;font-weight:700;padding-bottom:24px;border-bottom:1px solid #d5deed}.cookie-site-content{padding-top:40px}.cookie-site-content h3{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:650;color:#9aaac6;margin:12px 0}.cookie-site-line{display:block;width:34px;height:5px;background:#aebfe0;border-radius:4px}.cookie-site-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.cookie-site-blocks span{height:90px;border:1px solid #d5deed;border-radius:9px;background:#e6ecf6}#cookie-preview{position:absolute;inset:0}.cookie-install{display:grid;grid-template-columns:minmax(240px,380px) minmax(0,1fr);gap:32px 64px;padding:40px 0;border-top:1px solid var(--wire);border-bottom:1px solid var(--wire)}.cookie-install h2{font-size:28px;letter-spacing:-.8px;margin-bottom:16px}.cookie-install p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}.cookie-install h3{font-size:16px;margin:24px 0 12px}.cookie-install h3:first-child{margin-top:0}.cookie-install pre{padding:18px;background:var(--tint);border-radius:8px;margin:14px 0;overflow:auto;font-size:12px}.cookie-install code{overflow-wrap:anywhere}.cookie-install .button{font-size:13px}.cookie-install button:disabled{opacity:.5;cursor:not-allowed}.cookie-source{grid-column:1/-1}.cookie-source label{display:block;font-size:12px;margin-top:20px}.cookie-source textarea{font:12px/1.6 monospace;min-height:240px}.cookie-source summary,.cookie-faq summary{cursor:pointer;font-size:14px;font-weight:650;padding:18px 0}.cookie-faq details{border-bottom:1px solid var(--line)}.cookie-faq p{font-size:13px}.cookie-editor :focus-visible,.cookie-demo-heading :focus-visible,.cookie-install :focus-visible,.cookie-faq :focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1000px){.cookie-workspace,.cookie-install{gap:32px;grid-template-columns:minmax(250px,340px) minmax(0,1fr)}}@media(max-width:760px){.cookie-workspace,.cookie-install{grid-template-columns:1fr}.cookie-workspace{margin-top:32px}.cookie-demo{position:static}.cookie-stage{height:610px}.cookie-source{grid-column:auto}.cookie-site{padding:22px}}