.vv-studio{padding-block:56px 80px}.vv-studio-heading{grid-template-columns:1.15fr 1fr;align-items:end;gap:60px;margin-bottom:36px;display:grid}.vv-studio-heading .eyebrow{align-items:center;gap:9px;margin-bottom:22px;display:flex}.vv-studio-heading h1{font-size:clamp(44px,5.2vw,76px)}.vv-studio-intro{max-width:420px;padding-bottom:5px}.vv-studio-intro>p{color:var(--muted);font-size:17px;line-height:1.7}.vv-studio-intro>span{color:var(--ink);align-items:center;gap:9px;margin-top:22px;font-size:12px;display:flex}.vv-studio-mode{background:var(--surface);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;padding:17px 20px;font-size:12px;display:flex}.vv-studio-mode p{color:var(--muted);flex-grow:1;flex-basis:500px;margin:0}.vv-studio-status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.vv-studio-workspace{border-block:1px solid var(--line);grid-template-columns:minmax(290px,.8fr) minmax(0,1.5fr);display:grid}.vv-studio-controls{border-right:1px solid var(--line);min-width:0;padding:30px 30px 30px 0}.vv-space-type{border:0;min-width:0;margin:0 0 30px;padding:0}.vv-space-type legend,.vv-control-label{align-items:center;gap:10px;margin-bottom:15px;font-size:13px;font-weight:600;display:flex}.vv-space-type legend>span,.vv-control-label>span,.vv-studio-reading>span{color:var(--accent);letter-spacing:.06em;font-size:10px;font-weight:600}.vv-space-type>div{flex-wrap:wrap;gap:6px;display:flex}.vv-space-type button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:0 0;border-radius:2px;padding:10px 12px;font-size:11px}.vv-space-type button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.vv-prompt{min-width:0}.vv-prompt>label{color:var(--ink);align-items:center;gap:8px;margin-bottom:11px;font-size:13px;font-weight:600;display:flex}.vv-prompt textarea{resize:vertical;border:1px solid var(--line);background:var(--card);width:100%;min-height:100px;color:var(--ink);font:inherit;padding:15px;font-size:13px;line-height:1.6}.vv-prompt textarea::placeholder{color:var(--muted);opacity:1}.vv-prompt-input>.button{width:100%;min-height:45px;margin-top:9px;font-size:12px}.vv-prompt-help{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.6}.vv-prompt-status>p{border-left:2px solid var(--accent);color:var(--ink);margin-top:15px;padding-left:10px;font-size:12px;line-height:1.6}.vv-prompt-matches{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.vv-prompt-matches button{background:var(--surface);color:var(--ink);border:1px solid var(--line);align-items:center;gap:8px;min-height:42px;padding:10px;font-size:12px;display:inline-flex}.vv-prompt-compact{border:1px solid var(--line);background:var(--surface);margin:24px 0;padding:22px}.vv-prompt-compact .vv-prompt-input{grid-template-columns:1fr auto;align-items:end;gap:14px;display:grid}.vv-prompt-compact textarea{min-height:78px}.vv-prompt-compact .vv-prompt-input>.button{width:auto;margin:0}.vv-preset-heading{flex-wrap:wrap;align-items:baseline;gap:10px;margin:28px 0 14px;display:flex}.atelie .vv-preset-heading h2{letter-spacing:0;font:600 13px DM Sans,sans-serif}.vv-preset-heading>span{color:var(--muted);font-size:10px}.vv-studio-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.vv-studio-presets button{text-align:left;border:1px solid var(--line);min-height:45px;color:var(--ink);background:0 0;border-radius:2px;align-items:center;gap:7px;padding:9px;font-size:11px;line-height:1.4;display:flex}.vv-studio-presets button>span{color:var(--muted);font-size:9px}.vv-studio-presets button>svg{flex-shrink:0;margin-left:auto}.vv-studio-presets button[aria-pressed=true]{background:var(--surface-2);border-color:var(--accent)}.vv-studio-presets button[aria-pressed=true]>span{color:var(--accent)}.vv-studio-preview{min-width:0;padding:30px 0 30px 30px}.vv-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.vv-preview-heading .eyebrow{margin-bottom:10px;font-size:9px}.atelie .vv-preview-heading h2{font-size:clamp(28px,3vw,42px)}.vv-category{border:1px solid var(--line);color:var(--muted);padding:7px 9px;font-size:10px}.vv-studio-preview .comparison{height:460px;min-height:420px}.vv-studio-preview .comparison-title h2{font-size:clamp(28px,3.2vw,50px)}.vv-studio-preview .comparison-title{bottom:25px;left:25px;right:20px}.vv-studio-preview .comparison-caption{flex-wrap:wrap;align-items:flex-start;gap:14px}.vv-studio-preview .comparison-caption p{flex:260px}.vv-studio-reading{border-top:1px solid var(--line);gap:15px;margin-top:24px;padding-top:28px;display:flex}.vv-studio-reading>span{padding-top:6px}.atelie .vv-studio-reading h3{font-size:27px}.vv-studio-reading p{color:var(--muted);max-width:560px;margin-top:10px;font-size:13px;line-height:1.7}.vv-studio-reading a{color:var(--accent);text-underline-offset:3px;align-items:center;gap:5px;margin-top:12px;font-size:11px;text-decoration:underline;display:inline-flex}.vv-studio-notes{background:var(--surface);margin-top:28px;padding:23px}.vv-studio-notes p{color:var(--muted);font-size:12px;line-height:1.7}.vv-studio-notes p strong{color:var(--ink)}.vv-studio-notes .text-link{align-items:center;gap:8px;margin-top:13px;font-size:12px;display:inline-flex}.vv-studio-brief{grid-template-columns:.8fr 1.5fr;gap:50px;margin-top:55px;display:grid}.vv-studio-brief>div:first-child>p:not(.eyebrow){color:var(--muted);max-width:370px;margin-top:22px;font-size:14px;line-height:1.8}.vv-studio-brief>div:first-child .eyebrow{margin-bottom:22px}.vv-studio-brief>div:first-child .text-link{gap:8px;margin-top:24px;font-size:12px;display:inline-flex}.vv-brief-paper{background:var(--card);border:1px solid var(--line);min-width:0;padding:26px}.vv-brief-paper>label{margin-bottom:17px;font-size:12px;font-weight:600;display:block}.vv-brief-paper>textarea{resize:vertical;background:var(--bg);border:1px solid var(--line);width:100%;min-height:245px;color:var(--ink);padding:15px;font:11px/1.8 DM Sans,sans-serif}.vv-brief-actions{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.vv-brief-actions .button{min-height:44px;font-size:12px}.vv-copy-link{color:var(--accent);background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:10px 0;font-size:11px;display:inline-flex}.vv-brief-notice{color:var(--muted);min-height:18px;margin-top:12px;font-size:11px;line-height:1.6}.vv-studio button:focus-visible,.vv-prompt button:focus-visible,.vv-prompt textarea:focus-visible,.vv-brief-paper textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (max-width:1050px){.vv-studio-workspace{grid-template-columns:minmax(265px,1fr) minmax(0,1.4fr)}.vv-studio-controls{padding-right:22px}.vv-studio-preview{padding-left:22px}.vv-studio-preview .comparison{height:410px;min-height:0}.vv-studio-preview .compare-label{font-size:9px}.vv-studio-heading{gap:35px}}@media (max-width:800px){.vv-studio{padding-block:35px 55px}.vv-studio-heading{grid-template-columns:1fr;gap:22px}.vv-studio-intro{max-width:590px}.vv-studio-intro>p{font-size:14px}.vv-studio-intro>span{margin-top:15px}.vv-studio-workspace{grid-template-columns:1fr}.vv-studio-controls{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.vv-studio-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.vv-studio-preview{padding:25px 0}.vv-studio-preview .comparison{height:440px}.vv-studio-brief{grid-template-columns:1fr;gap:25px;margin-top:35px}.vv-studio-brief>div:first-child>p:not(.eyebrow){max-width:590px}.vv-prompt-compact .vv-prompt-input{grid-template-columns:1fr;gap:9px}}@media (max-width:480px){.vv-studio-mode{align-items:flex-start;padding:16px}.vv-studio-status-dot{margin-top:5px}.vv-studio-mode p{font-size:11px;line-height:1.7}.vv-studio-heading h1{font-size:46px}.vv-studio-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.vv-studio-preview .comparison{height:350px}.vv-studio-preview .comparison-title{bottom:22px;left:18px}.vv-studio-preview .comparison-title h2{font-size:33px}.vv-studio-preview .comparison-title>span{font-size:8px}.vv-preview-heading{align-items:flex-start}.vv-category{text-align:center;max-width:95px}.vv-brief-paper{padding:18px}.vv-brief-actions .button{flex:auto}.vv-prompt-compact{padding:17px}}
