.preview-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;padding:12px 0;border-top:1px solid #ffffff20}.preview-sizes label{min-width:0;margin:0}.preview-sizes input[type=number]{width:100%}.preview-sizes output{font-size:10px}.zoom-bar{display:flex;gap:8px;align-items:center;width:100%;margin-bottom:6px}.zoom-bar label{flex:1;flex-direction:row;align-items:center;margin:0}.zoom-bar input{padding:0;accent-color:#b35c6c}.zoom-bar output{font-size:11px;min-width:38px}.zoom-bar button{font-size:19px;min-width:32px}.cube-reset{position:absolute;left:59px;top:10px;padding:2px;width:28px;height:28px;border-radius:50%;background:#ddd;color:#333;font-size:21px;line-height:20px}.preview-panel{position:static}@media(max-width:850px){.preview-sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-sizes input[type=number]{padding:6px 8px}.preview-sizes label{font-size:11px}}
.view-controls #view-3d{display:none}
.hero.show-model{background:#888!important;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px)!important;background-size:25px 25px!important}
.line-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.line-settings input{padding:0;accent-color:#b35c6c}.line-settings output{font-size:11px}#wording{min-height:75px}label[hidden]{display:none}
.hero[data-mode=neon] #model-canvas{filter:drop-shadow(0 0 4px var(--model-light,#c4f6ff)) drop-shadow(0 0 9px var(--model-light,#c4f6ff))}.hero[data-mode=back] #model-canvas{filter:drop-shadow(0 0 7px #fff0cf) drop-shadow(0 0 16px #fff0cf)}
.rim-choice{flex-direction:row;align-items:center;margin-top:10px}.rim-choice input{width:16px;height:16px;accent-color:#b35c6c}.hero[data-mode=neon] #lettering>div{color:transparent}.hero.no-rim #lettering>div{filter:none}
.view-cube-wrap{transform:scale(.75);transform-origin:left bottom;left:20px;bottom:36px}
.size-section .preview-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.material-colors input{height:38px}
.material-column{flex:1;min-width:0}.material-column label{margin-bottom:7px}.color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:14px}.color-swatch{width:100%;height:25px;min-width:0;padding:0;border:1px solid #ffffff60;border-radius:5px;position:relative}.color-swatch[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px;box-shadow:inset 0 0 0 2px #111}.color-swatch:hover{transform:scale(1.12)}
@media(min-width:851px){header{height:64px}main{max-width:none;padding:14px 3%}.intro{margin-bottom:14px}.intro h1{font-size:22px;margin:3px 0}.intro p{margin:0 0 4px}.workspace{height:calc(100dvh - 174px);min-height:420px;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:20px;align-items:stretch}.preview-panel{height:100%;min-height:0;display:flex;flex-direction:column}.preview-panel .hero{height:auto!important;min-height:180px;flex:1}.preview-footer{padding:8px 0}.view-controls{flex:none}.preview-note{margin:4px 0;font-size:10px}#designer{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 16px 0;scrollbar-gutter:stable}body>footer{display:none}#view-note{font-size:10px;margin:3px 0}}