.visualizer{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:minmax(230px,280px) 1fr;background:rgba(20,20,20,.96);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease}.visualizer.is-open{opacity:1;visibility:visible;pointer-events:auto}.visualizer__panel{padding:24px 18px;background:rgba(12,12,12,.96);border-right:1px solid rgba(241,198,44,.55);display:flex;flex-direction:column;gap:14px}.visualizer__panel h2{color:var(--yellow);font-size:25px;margin:0}.visualizer__eyebrow{color:var(--yellow);font-size:10px;letter-spacing:.14em}.visualizer__panel label{color:#ddd;font-size:10px;letter-spacing:.1em;display:grid;gap:7px}.visualizer__panel input[type=range]{accent-color:var(--yellow);width:100%}.visualizer__panel button,.upload-button{border:1px solid var(--yellow);background:#171717;color:var(--yellow);padding:11px 9px;font-size:10px;font-weight:700;letter-spacing:.05em;text-align:center}.upload-button{cursor:pointer}.visualizer__panel .visualizer__primary{background:var(--yellow);color:#111}.visualizer__panel .visualizer__reset{color:#ff7166;border-color:#dc3d32}.visualizer__panel p{font-size:10px;color:#bbb;margin:0;line-height:1.4}.visualizer__back{align-self:flex-start}.visualizer__stage{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(75,75,75,.3),rgba(15,15,15,.94) 70%);overflow:hidden}.board-preview{position:relative;width:min(35vw,360px);height:min(78vh,760px);display:grid;place-items:center}.board-preview__base,.board-preview__mask{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.board-preview__base{z-index:1;pointer-events:none}.board-color{position:absolute;inset:0;z-index:2;background:transparent;mix-blend-mode:multiply;opacity:.88;pointer-events:none;mask-image:url('../assets/products/blank-board-cutout.png');mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url('../assets/products/blank-board-cutout.png');-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.print-ghost{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform-origin:center;z-index:3;display:none;opacity:.10;pointer-events:none}.print-ghost.is-visible{display:block}.print-clip{position:absolute;inset:0;z-index:5;overflow:hidden;mask-image:url('../assets/products/blank-board-cutout.png');mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url('../assets/products/blank-board-cutout.png');-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.print-clip img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform-origin:center;display:none;cursor:grab;user-select:none;opacity:1!important;visibility:visible;mix-blend-mode:normal}.print-clip img.is-visible{display:block;opacity:1!important;visibility:visible;mix-blend-mode:normal}.rotation-control output{float:right;color:var(--yellow);font-variant-numeric:tabular-nums}.visualizer-open .hud{display:none}.orientation-warning{position:fixed;inset:0;z-index:120;display:none;place-items:center;align-content:center;gap:22px;background:rgba(12,12,12,.97);color:var(--yellow);text-align:center;font-size:16px;font-weight:800;letter-spacing:.08em}.orientation-warning.is-visible{display:grid}.orientation-warning__phone{position:relative;width:62px;height:108px;border:3px solid var(--yellow);border-radius:10px;box-shadow:0 0 18px rgba(241,198,44,.3);animation:phone-turn 2.4s ease-in-out infinite}.orientation-warning__phone:before{content:"";position:absolute;top:7px;left:50%;width:18px;height:3px;transform:translateX(-50%);border-radius:3px;background:var(--yellow)}.orientation-warning__phone:after{content:"";position:absolute;bottom:7px;left:50%;width:6px;height:6px;transform:translateX(-50%);border:1px solid var(--yellow);border-radius:50%}.orientation-warning__phone span{position:absolute;inset:20px 7px 18px;background:linear-gradient(135deg,rgba(241,198,44,.16),rgba(220,61,50,.22));border-radius:3px}.orientation-warning__text{line-height:1.5}.is-locked{pointer-events:none}@keyframes phone-turn{0%,18%{transform:rotate(0)}48%,72%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}
@media(max-width:700px) and (orientation:portrait){.orientation-warning.is-visible{display:grid}}
@media(max-width:700px) and (orientation:landscape){.orientation-warning.is-visible{display:none}}
@media (hover:none) and (pointer:coarse) and (max-width:1024px){.visualizer{width:100vw;height:100svh;grid-template-columns:minmax(128px,36vw) minmax(0,1fr);overflow:hidden}.visualizer__panel{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 8px;gap:9px}.visualizer__panel h2{font-size:17px}.visualizer__panel label{font-size:8px}.visualizer__panel button,.upload-button{font-size:8px;padding:8px 4px}.visualizer__stage{min-width:0;min-height:0;overflow:hidden}.board-palette{left:3%;top:3%;width:150px;padding:7px}.board-palette__title{font-size:8px;margin-bottom:6px}.board-palette__swatches{grid-template-columns:repeat(4,20px);gap:6px}.board-palette__swatch{width:20px;height:20px}.board-preview{width:min(54vw,330px);height:min(78svh,620px);max-width:100%;max-height:100%;aspect-ratio:1 / 2}.print-clip{inset:0}.print-clip img{touch-action:none}.print-ghost{touch-action:none}}