.designer-intro{border-bottom:1px solid var(--line);padding-bottom:82px;padding-top:78px}.designer-intro .back-link{margin-bottom:78px}.designer-intro h1{font-size:clamp(64px,10vw,136px)}.designer-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.5;margin:38px 0 0;max-width:430px}.designer-workbench{display:grid;gap:42px;grid-template-columns:220px minmax(0,1fr);padding-bottom:120px;padding-top:58px}.tool-panel{align-self:start}.tool-heading{align-items:start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:16px}.tool-heading .eyebrow{margin:0}.tool-group{border-bottom:1px solid var(--line);padding:22px 0}.tool-label,.tool-controls label{color:var(--muted);display:block;font-family:var(--mono);font-size:10px;margin-bottom:12px}.tool-buttons{display:grid;gap:6px;grid-template-columns:1fr 1fr}.tool-button,.tool-actions button,.tool-controls select{background:transparent;border:1px solid var(--line);color:var(--paper);cursor:pointer;font-family:var(--mono);font-size:10px;padding:10px 8px;text-align:left}.tool-button.active,.tool-button:hover,.tool-actions button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.tool-controls output{color:var(--yellow);float:right}.tool-controls input{accent-color:var(--yellow);display:block;margin:17px 0 23px;width:100%}.tool-controls select{appearance:auto;width:100%}.tool-actions{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:22px 0}.tool-actions button{text-align:center}.tool-note{align-items:start;color:var(--muted);display:flex;font-size:12px;gap:12px;line-height:1.45}.tool-note span{color:var(--yellow);font-size:17px}.tool-note p{margin:0}.canvas-wrap{min-width:0}.canvas-topline,.canvas-footer{align-items:center;display:flex;justify-content:space-between}.canvas-topline{border-bottom:1px solid var(--line);padding:0 0 14px}.canvas-frame{background:#0b0c0a;border:1px solid rgba(255,224,0,.28);box-shadow:0 0 0 8px rgba(255,224,0,.025),0 14px 50px rgba(0,0,0,.28);margin:18px 0;position:relative}.canvas-frame canvas{cursor:crosshair;display:block;height:auto;max-width:100%;touch-action:none;width:100%}.canvas-empty{color:rgba(243,240,232,.35);font-family:var(--mono);font-size:11px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.canvas-empty.is-hidden{display:none}.canvas-footer{padding-top:12px}.canvas-footer .button{border:0;cursor:pointer}.designer-next{border-top:1px solid var(--line);display:grid;gap:10vw;grid-template-columns:1fr 1fr;padding-bottom:120px;padding-top:120px}.designer-next h2{font-size:clamp(54px,7vw,96px)}.designer-next>div:last-child{align-self:end;max-width:390px}.designer-next>div:last-child>p{color:var(--muted);font-size:17px;line-height:1.45;margin:0 0 34px}@media(max-width:760px){.designer-intro{padding-bottom:62px;padding-top:62px}.designer-intro .back-link{margin-bottom:55px}.designer-workbench{display:block;padding-bottom:82px;padding-top:40px}.tool-panel{margin-bottom:42px}.designer-next{display:block;padding-bottom:82px;padding-top:82px}.designer-next>div:last-child{margin-top:54px}}@media(max-width:480px){.tool-buttons{grid-template-columns:repeat(2,1fr)}.canvas-footer{align-items:start;gap:14px;flex-direction:column}.canvas-footer .button{width:100%;justify-content:center}}