@font-face{font-family:"Enclosure Orbitron";src:url('/fonts/sign-generator/Orbitron-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Rubik";src:url('/fonts/sign-generator/Rubik-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Comfortaa";src:url('/fonts/sign-generator/Comfortaa-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Oswald";src:url('/fonts/sign-generator/Oswald-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Bebas";src:url('/fonts/sign-generator/BebasNeue-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Cinzel";src:url('/fonts/sign-generator/Cinzel-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Dancing";src:url('/fonts/sign-generator/DancingScript-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Enclosure Pacifico";src:url('/fonts/sign-generator/Pacifico-Regular.ttf') format('truetype');font-display:swap}
.enclosure-page{background:#07101a;color:#eef5f8}#enclosure-designer{scroll-margin-top:118px}.enclosure-field{display:grid;gap:8px;color:#dce8ed;font-weight:700}.enclosure-field small{color:#7f98a4;font-weight:500;text-align:right}.enclosure-board-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:15px;border:1px solid rgba(0,206,168,.16);border-radius:12px;background:rgba(0,206,168,.045)}.enclosure-board-card div{display:grid;gap:3px}.enclosure-board-card span,.enclosure-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#79929e;font-weight:800}.enclosure-board-card strong{color:#effbff}.enclosure-board-card a{grid-column:1/-1;color:#00cea8;font-size:.82rem;text-decoration:none}.enclosure-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.enclosure-segments button{min-height:42px;border:1px solid rgba(255,255,255,.12);background:#0b1722;color:#a9bbc4;border-radius:9px;font-weight:700}.enclosure-segments button.is-active{border-color:#00cea8;background:rgba(0,206,168,.12);color:#e9fffb}.enclosure-font-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 18px}.enclosure-font-list button{display:grid;gap:2px;min-height:62px;padding:9px 11px;text-align:left;border:1px solid rgba(255,255,255,.1);background:#0b1722;color:#f4f8fa;border-radius:9px}.enclosure-font-list button span{font-size:1.08rem;overflow:hidden;white-space:nowrap}.enclosure-font-list button small{font:600 .68rem Rubik,sans-serif;color:#718a96}.enclosure-font-list button.is-active{border-color:#00cea8;background:rgba(0,206,168,.09)}.enclosure-upload{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px dashed rgba(0,206,168,.42);border-radius:11px;background:rgba(0,206,168,.05);color:#e9fffb;text-align:left}.enclosure-upload svg{width:27px;fill:none;stroke:#00cea8;stroke-width:1.8}.enclosure-upload span{display:grid}.enclosure-upload small{color:#7e98a4;font-weight:500}.enclosure-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 18px}.enclosure-mode-grid input{position:absolute;opacity:0;pointer-events:none}.enclosure-mode-grid label span{display:grid;gap:3px;min-height:67px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0b1722;cursor:pointer}.enclosure-mode-grid label small{color:#718a96;font-size:.69rem}.enclosure-mode-grid input:checked+span{border-color:#00cea8;background:rgba(0,206,168,.09)}.enclosure-color-row{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.enclosure-color-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;color:#dfe9ee;font-size:.84rem}.enclosure-color-row strong{color:#00cea8}.enclosure-swatches{display:flex;flex-wrap:wrap;gap:8px}.enclosure-swatches button{width:28px;height:28px;padding:0;border:2px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:inset 0 0 0 2px #0b141e}.enclosure-swatches button.is-active{border-color:#00cea8;transform:scale(1.12)}
#enclosure-canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;touch-action:none}
.enclosure-preview-card .gear-canvas-wrap{height:580px;min-height:580px}.enclosure-part-legend{position:absolute;left:16px;bottom:16px;display:flex;gap:12px;padding:8px 11px;border-radius:8px;background:rgba(4,10,17,.72);backdrop-filter:blur(8px);font-size:.72rem;color:#b9c9d1}.enclosure-part-legend span{display:flex;align-items:center;gap:5px}.enclosure-part-legend i{width:9px;height:9px;border-radius:50%;background:#fff}.enclosure-metrics{grid-template-columns:repeat(3,1fr)}.enclosure-models{background:linear-gradient(180deg,#08131e,#091722)}.enclosure-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.enclosure-model-grid article{padding:21px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.enclosure-model-grid span{font-size:.72rem;color:#00cea8;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.enclosure-model-grid h3{font-size:1.08rem;margin:7px 0;color:#eff8fb}.enclosure-model-grid p{margin:0;color:#8ea5b0;font-size:.85rem;line-height:1.55}.enclosure-model-grid a{display:inline-block;margin-top:10px;color:#b9eae1;font-size:.76rem;text-decoration:none}.gear-steps{grid-template-columns:repeat(4,1fr)!important}.gear-toolbar-actions button.is-active{border-color:#00cea8!important;color:#00cea8!important}
@media(max-width:1024px){.enclosure-model-grid{grid-template-columns:repeat(2,1fr)}.enclosure-preview-card .gear-canvas-wrap{height:500px;min-height:500px}.gear-steps{grid-template-columns:1fr 1fr!important}}
@media(max-width:767px){.enclosure-font-list{grid-template-columns:1fr}.enclosure-mode-grid{grid-template-columns:1fr}.enclosure-model-grid,.gear-steps{grid-template-columns:1fr!important}.enclosure-preview-card .gear-canvas-wrap{height:360px;min-height:360px}.enclosure-part-legend{display:none}.enclosure-metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.enclosure-swatches button{transition:none}}