.numeroszkop-page{--bg-dark:#0f1016;--card-bg:rgba(0, 0, 0, 0.70);--button-bg:rgba(0, 0, 0, 0.30);--main-color:#ab97ca;--main-color-dark:#2b2247;--text-light:#ab97ca;--text-muted:#9aa0b4;--border-color:#2a2d3f;scrollbar-color:var(--main-color) var(--main-color-dark);scrollbar-width:thin}.numeroszkop-page .designer-container,.numeroszkop-page .designer-container *{box-sizing:border-box}.numeroszkop-page{overflow-x:hidden;padding:.5rem 1rem}.numeroszkop-page .designer-container{width:100%;max-width:1920px;margin:10px auto;background-color:var(--card-bg);border:1px solid var(--main-color);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.6)}.numeroszkop-page .designer-header{text-align:center;margin-bottom:25px}.numeroszkop-page .designer-header h1{color:var(--main-color);font-size:1.8rem;margin-bottom:8px;letter-spacing:1px}.numeroszkop-page .designer-header p{color:var(--text-muted);font-style:italic;font-size:.95rem}.numeroszkop-page .designer-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%}.numeroszkop-page .preview-section{display:flex;flex-direction:column;align-items:center;position:sticky;top:20px;width:100%}.numeroszkop-page .preview-box{position:relative;width:100%;max-width:600px;aspect-ratio:1/1;border:2px solid var(--main-color);overflow:hidden;background-color:#000;box-shadow:0 8px 20px rgba(0,0,0,.5)}.numeroszkop-page .preview-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .25s ease-in-out}.numeroszkop-page #bg-layer{object-fit:cover;z-index:1}.numeroszkop-page #overlay-layer{object-fit:contain;z-index:2;padding:15px}.numeroszkop-page .summary-box{margin-top:15px;width:100%;max-width:600px;background-color:var(--button-bg);border:1px solid var(--border-color);padding:12px;font-size:.9rem;text-align:center;color:#eee}.numeroszkop-page .summary-box span{color:var(--main-color);font-weight:700}.numeroszkop-page .controls-section{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}.numeroszkop-page .section-title{color:var(--main-color);margin-bottom:10px;border-bottom:1px solid var(--border-color);padding-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.numeroszkop-page .theme-tabs{display:flex;gap:10px;width:100%}.numeroszkop-page .tab-btn{flex:1;padding:10px;height:40px;min-height:40px;border-radius:6px;background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;font-weight:700;font-family:inherit;font-size:.85rem;transition:all .2s ease}.numeroszkop-page .tab-btn:hover{border-color:var(--main-color)}.numeroszkop-page .tab-btn.active{background:var(--main-color);color:#0f1016;border-color:var(--main-color)}.numeroszkop-page .color-groups{display:flex;flex-wrap:wrap;gap:8px;width:100%}.numeroszkop-page .color-btn{flex:0 0 calc((100% - 16px)/ 3);min-width:0;padding:3px;border-radius:6px;background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-light);height:30px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:all .2s ease}.numeroszkop-page .color-btn:hover{border-color:var(--main-color)}.numeroszkop-page .color-btn.active{border-color:var(--main-color);background:var(--main-color-dark);color:var(--main-color);font-weight:700}.numeroszkop-page .thumbnail-grid{display:flex;gap:8px;overflow-x:scroll;padding-top:8px;padding-bottom:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%}.numeroszkop-page .thumbnail-grid::-webkit-scrollbar{height:6px}.numeroszkop-page .thumbnail-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.numeroszkop-page .thumbnail-grid::-webkit-scrollbar-thumb{background:var(--main-color)}.numeroszkop-page .thumbnail-grid::-webkit-scrollbar-thumb:hover{background:var(--main-color-dark)}.numeroszkop-page .thumb-card{position:relative;cursor:pointer;overflow:hidden;border:2px solid transparent;flex:0 0 calc((100% - 40px)/ 6);aspect-ratio:1/1;background-color:var(--button-bg);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.numeroszkop-page .thumb-card img{width:100%;height:100%;object-fit:cover;display:block;padding:5px;transition:transform .25s ease}.numeroszkop-page .thumb-card.overlay-card img{object-fit:contain;background-color:var(--button-bg)}.numeroszkop-page .thumb-card:hover{transform:translateY(-3px);border-color:var(--main-color);box-shadow:0 4px 12px rgba(212,175,55,.25)}.numeroszkop-page .thumb-card:hover img{transform:scale(1.04)}.numeroszkop-page .thumb-card.active{border-color:var(--main-color);box-shadow:0 0 10px rgba(212,175,55,.5)}@media (max-width:900px){.numeroszkop-page .designer-container{margin-top:8px}.numeroszkop-page .designer-container{padding:15px}.numeroszkop-page .designer-layout{grid-template-columns:1fr;gap:20px}.numeroszkop-page .preview-section{position:relative;top:0}.numeroszkop-page .designer-header h1{font-size:1.5rem}.numeroszkop-page .thumb-card{flex:0 0 calc((100% - 24px)/ 4.5)}}.numeroszkop-page .preview-actions{display:flex;gap:12px;width:100%;max-width:600px;margin-top:12px}.numeroszkop-page .action-btn{flex:1 1 0;min-width:0;padding:12px 10px;border-radius:6px;border:1px solid #000;background:#342078;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.numeroszkop-page .action-btn:hover{background:#241451}.numeroszkop-page .back-btn{background:#eee8f7;color:#342078}.numeroszkop-page .back-btn:hover{background:#cdb6ec;color:#241451}@media (max-width:480px){.numeroszkop-page .preview-actions{flex-direction:column}}.numeroszkop-page .designer-left-column{min-width:0;width:100%}.numeroszkop-page .designer-left-column .designer-header{margin-bottom:25px}.numeroszkop-page .designer-layout{align-items:start}@media (min-width:901px){.numeroszkop-page .designer-layout{align-items:stretch}.numeroszkop-page .preview-section{align-self:center}}