.showcase-wrapper[data-v-0729969a]{gap:1.5rem;padding:2rem 0}.controls[data-v-0729969a],.showcase-wrapper[data-v-0729969a]{align-items:center;display:flex;flex-direction:column;width:100%}.controls[data-v-0729969a]{gap:.75rem;padding:0 1rem}.controls-top[data-v-0729969a]{align-items:center;flex-direction:row;gap:1rem}.control-group[data-v-0729969a],.controls-top[data-v-0729969a]{display:flex;flex-wrap:wrap;justify-content:center}.control-group[data-v-0729969a]{gap:.5rem}.slider-group[data-v-0729969a]{align-items:center;background:#1f1f1f;border:1px solid #2e2e2e;border-radius:999px;display:flex;gap:.75rem;padding:.5rem 1.25rem}.slider-label[data-v-0729969a]{color:#a3a3a0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.slider-label[data-v-0729969a],.slider-value[data-v-0729969a]{font-family:JetBrains Mono,ui-monospace,monospace;white-space:nowrap}.slider-value[data-v-0729969a]{color:#ffd41f;font-size:.75rem;font-weight:700;min-width:60px}.width-slider[data-v-0729969a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2e2e2e;border-radius:999px;cursor:pointer;height:4px;outline:none;width:220px}.width-slider[data-v-0729969a]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffd41f;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:18px}.width-slider[data-v-0729969a]::-webkit-slider-thumb:hover{transform:scale(1.2)}.width-slider[data-v-0729969a]::-moz-range-thumb{background:#ffd41f;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.control-btn[data-v-0729969a]{align-items:center;background:transparent;border:1px solid #2e2e2e;border-radius:999px;color:#a3a3a0;cursor:pointer;display:inline-flex;font-family:Archivo,Poppins,sans-serif;font-size:.85rem;font-weight:700;gap:.35rem;letter-spacing:-.01em;padding:.45rem 1rem;transition:all .2s ease}.control-btn[data-v-0729969a]:hover{border-color:#ffd41f;color:#f2eee4;transform:translateY(-1px)}.control-btn.active[data-v-0729969a]{background:#ffd41f;border-color:#ffd41f;color:#131313}.theme-btn[data-v-0729969a]{align-items:center;border:2px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;opacity:.7;padding:.35rem .85rem;transition:all .2s ease}.theme-btn[data-v-0729969a]:hover{opacity:1;transform:translateY(-1px)}.theme-btn.active[data-v-0729969a]{border-color:#ffd41f;box-shadow:0 0 0 2px #ffd41f73;opacity:1}.accent-btn[data-v-0729969a]{color:#f5f5f7}.accent-dot[data-v-0729969a]{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.frame-outer[data-v-0729969a]{background:transparent;overflow:hidden;transition:width .1s ease}.frame-outer.mobile-screen[data-v-0729969a]{width:100%!important}.frame-inner[data-v-0729969a]{background:transparent;min-height:450px;position:relative}.loading-overlay[data-v-0729969a]{align-items:center;background:#131313;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:10}.spinner[data-v-0729969a]{animation:spin-0729969a 1s linear infinite;border:4px solid #2e2e2e;border-radius:50%;border-top-color:#ffd41f;height:36px;margin-bottom:12px;width:36px}.loading-text[data-v-0729969a]{color:#a3a3a0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase}@keyframes spin-0729969a{to{transform:rotate(1turn)}}@media (max-width:640px){.control-btn[data-v-0729969a]{font-size:.75rem;padding:.35rem .75rem}.theme-btn[data-v-0729969a]{font-size:.7rem;padding:.3rem .65rem}}
