.studio-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:auto}.studio-actions .button{padding:13px 17px}
.visualizer-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding:110px 0 75px;align-items:end}.visualizer-hero h1{font:400 clamp(56px,7vw,98px)/.94 Georgia,serif;letter-spacing:-.045em;margin:18px 0 26px}.visualizer-hero>div:first-child>p:last-child{max-width:680px;color:var(--muted);font-size:19px}.visualizer-promise{display:grid;grid-template-columns:42px 1fr;gap:12px 16px;padding:32px;border-left:4px solid var(--orange);background:white;box-shadow:0 18px 55px rgba(60,30,24,.1)}.visualizer-promise span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);border-radius:50%;font-size:10px;color:var(--accent)}.visualizer-promise p{margin:0 0 10px;color:var(--muted);font-size:13px}.visualizer-promise strong{color:var(--ink);font-size:15px}
.visualizer-shell{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start;padding-bottom:110px}.visualizer-controls{background:#fff;box-shadow:0 20px 60px rgba(55,25,20,.1)}.control-block{position:relative;padding:30px;border-bottom:1px solid var(--line);transition:opacity .25s}.control-block.is-disabled{opacity:.4;pointer-events:none}.control-number{position:absolute;right:24px;top:22px;color:var(--accent);font-size:10px;font-weight:bold}.control-block h2{font-size:28px;margin:0 0 8px}.control-block p{font-size:13px;color:var(--muted);margin:0 0 20px}.upload-button{display:flex;justify-content:center;padding:14px 18px;background:var(--wine);color:white;cursor:pointer}.upload-button input{position:absolute;left:-9999px}.upload-block small{display:block;color:var(--muted);margin-top:12px;font-size:10px}.tool-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.tool-buttons button,.mini-actions button{border:1px solid var(--line);background:#f7f3ee;padding:10px 7px;cursor:pointer;font-weight:700;font-size:11px}.tool-buttons button.active{background:var(--wine);border-color:var(--wine);color:white}.range-label{display:block;margin-top:20px;font-size:12px}.range-label output{float:right;color:var(--accent)}.range-label input{padding:0;border:0;accent-color:var(--accent)}.mini-actions{display:flex;gap:7px;margin-top:15px}.visualizer-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.visualizer-swatches button{aspect-ratio:1;border:3px solid white;border-radius:50%;background:var(--vcolour);box-shadow:0 0 0 1px var(--line);cursor:pointer}.visualizer-swatches button.active{box-shadow:0 0 0 2px var(--wine);transform:scale(.88)}.custom-colour{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.custom-colour input{width:54px;height:38px;margin:0;padding:3px;cursor:pointer}
.visualizer-workspace{min-width:0}.canvas-frame{position:relative;min-height:620px;background:#241719;display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 70px rgba(40,15,18,.18)}.canvas-frame canvas{display:block;max-width:100%;max-height:78vh;touch-action:none;cursor:crosshair}.canvas-frame.empty canvas{display:none}.canvas-empty{color:white;text-align:center;padding:50px}.canvas-empty span{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:35px;margin:0 auto 22px;color:#ffad70}.canvas-empty strong{display:block;font:400 27px Georgia,serif}.canvas-empty p{color:#b9aaaa}.canvas-frame:not(.empty) .canvas-empty{display:none}.canvas-status{position:absolute;left:18px;bottom:18px;background:rgba(30,12,15,.84);color:white;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.workspace-actions .button{margin:0}.workspace-actions .button:disabled{opacity:.35;cursor:not-allowed}.project-link{background:var(--wine);color:white}.visualizer-note{font-size:12px;color:var(--muted);margin-top:18px}.visualizer-how{padding:100px 0;background:var(--wine-dark);color:white}.visualizer-how .eyebrow{color:#ffad70}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:35px}.how-grid article{padding:35px;background:var(--wine-dark)}.how-grid span{font-size:10px;color:#ffad70}.how-grid h2{font-size:28px;color:white;margin:35px 0 14px}.how-grid p{color:#d8ccca;font-size:14px}
@media(max-width:1050px){.visualizer-hero,.visualizer-shell{grid-template-columns:1fr}.visualizer-controls{display:grid;grid-template-columns:repeat(3,1fr)}.control-block{border-right:1px solid var(--line)}.canvas-frame{min-height:520px}}
@media(max-width:700px){.visualizer-hero{padding:75px 0 50px;gap:35px}.visualizer-hero h1{font-size:54px}.visualizer-shell{padding-bottom:75px}.visualizer-controls{grid-template-columns:1fr}.control-block{border-right:0}.canvas-frame{min-height:390px}.workspace-actions{flex-direction:column}.workspace-actions>*{width:100%}.how-grid{grid-template-columns:1fr}.studio-actions{align-items:flex-start;flex-direction:column}}