.cone-studio,.cone-studio *,.cone-studio *:before,.cone-studio *:after,.cone-studio__quote-modal,.cone-studio__quote-modal *,.cone-studio__quote-modal *:before,.cone-studio__quote-modal *:after{box-sizing:border-box}:root{--studio-bg: #0d0f0d;--studio-panel: #14161a;--studio-border: rgba(255, 255, 255, .08);--studio-text: #ffffff;--studio-text-dim: rgba(255, 255, 255, .55);--studio-accent: #3ecf8e}.cone-studio{background:var(--studio-bg);min-height:100vh}.cone-studio__exit{position:fixed;top:1.6rem;right:1.6rem;z-index:20;width:40px;height:40px;border-radius:50%;background:#14161ad9;border:1px solid var(--studio-border);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-decoration:none}.cone-studio__exit:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__stage{position:sticky;top:0;z-index:2;background:var(--studio-bg)}.cone-studio__viewer{position:relative;height:56vh;min-height:380px}.cone-studio__canvas{width:100%;height:100%;display:block;cursor:grab}.cone-studio__badge{position:absolute;top:1.6rem;left:1.6rem;background:#14161ad9;border:1px solid var(--studio-border);border-radius:10px;padding:.9rem 1.4rem;display:flex;flex-direction:column;gap:.2rem}.cone-studio__badge-name{color:var(--studio-accent);font-weight:700;font-size:1.3rem}.cone-studio__badge-sub{color:var(--studio-text-dim);font-size:1.1rem}.cone-studio__badge--single .cone-studio__badge-sub{display:none}.cone-studio__hint{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);background:#14161acc;color:var(--studio-text-dim);font-size:1.1rem;padding:.5rem 1.2rem;border-radius:999px;white-space:nowrap;pointer-events:none}.cone-studio__view-presets{position:absolute;top:7.6rem;left:1.6rem;z-index:5;display:flex;flex-direction:column;gap:.8rem}.cone-studio__view-preset-btn{display:flex;align-items:center;gap:.8rem;background:#14161ad9;border:1.5px solid var(--studio-border);border-radius:8px;color:var(--studio-text);font-size:1.2rem;font-weight:600;padding:.8rem 1.2rem;cursor:pointer;white-space:nowrap}.cone-studio__view-preset-btn:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__view-preset-btn.is-active{border-color:var(--studio-accent);color:var(--studio-accent);background:#3ecf8e1f}.cone-studio__view-preset-icon{font-size:1.3rem;line-height:1}.cone-studio__view-zoom{position:absolute;top:20px;right:1.6rem;z-index:5;display:flex;flex-direction:column;gap:.8rem}.cone-studio__view-zoom-btn{width:44px;height:44px;border-radius:50%;background:#14161ad9;border:1.5px solid var(--studio-border);color:var(--studio-text);font-size:1.7rem;cursor:pointer}.cone-studio__view-zoom-btn:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__export{position:absolute;bottom:1.6rem;right:1.6rem;background:var(--studio-accent);color:#0d0f0d;border:none;border-radius:999px;font-weight:700;font-size:1.25rem;padding:1rem 1.8rem;cursor:pointer}.cone-studio__panel{max-width:900px;margin:0 auto;padding:2.4rem 2rem 6rem}.cone-studio__intro{margin-bottom:2.4rem}.cone-studio__title{color:var(--studio-text);font-size:2.4rem;font-weight:700;margin:0 0 .6rem}.cone-studio__subtitle{color:var(--studio-text-dim);font-size:1.4rem;margin:0 0 1rem}.cone-studio__pill{display:inline-block;background:#3ecf8e26;color:var(--studio-accent);font-size:1.1rem;font-weight:700;letter-spacing:.06rem;padding:.4rem 1rem;border-radius:999px}.cone-studio__section{border-top:1px solid var(--studio-border);padding:2rem 0}.cone-studio__section-title{color:var(--studio-text-dim);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.08rem;margin:0 0 1.4rem}.cone-studio__section-title--accent{color:var(--studio-accent)}.cone-studio__field{margin-bottom:1.6rem}.cone-studio__field:last-child{margin-bottom:0}.cone-studio__field-label{display:block;color:var(--studio-text-dim);font-size:1.2rem;margin-bottom:.8rem}.cone-studio__pills{display:flex;flex-wrap:wrap;gap:.8rem}.cone-studio__pill-btn{background:#ffffff0a;border:1.5px solid var(--studio-border);color:var(--studio-text);font-size:1.2rem;font-weight:600;border-radius:8px;padding:.8rem 1.6rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.cone-studio__pill-btn:hover{border-color:var(--studio-accent)}.cone-studio__pill-btn.is-active{background:#3ecf8e26;border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__color-grid{display:flex;flex-wrap:wrap;gap:1.1rem}.cone-studio__color-circle{position:relative;width:40px;height:40px;border-radius:50%;padding:0;border:2px solid var(--studio-border);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cone-studio__color-circle:hover{border-color:#3ecf8e99;transform:scale(1.08)}.cone-studio__color-circle.is-active{border-color:var(--studio-accent);box-shadow:0 0 0 2px var(--studio-accent)}.cone-studio__color-circle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e2126;color:#fff;font-size:1.1rem;font-weight:600;white-space:nowrap;padding:.5rem .9rem;border-radius:6px;border:1px solid var(--studio-border);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5}.cone-studio__color-circle[data-tooltip]:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e2126;margin-bottom:-2px;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5}.cone-studio__color-circle[data-tooltip]:hover:after,.cone-studio__color-circle[data-tooltip]:hover:before{opacity:1}.cone-studio__band-swatch{width:34px;height:34px;border-radius:50%;padding:0;border:1.5px solid var(--studio-border);cursor:pointer}.cone-studio__band-swatch.is-active{border-color:var(--studio-accent);box-shadow:0 0 0 2px var(--studio-accent)}.cone-studio__logo-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.cone-studio__logo-row:last-child{margin-bottom:0}.cone-studio__upload-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;background:#3ecf8e1f;border:1.5px dashed var(--studio-accent);color:var(--studio-accent);font-weight:700;font-size:1.25rem;border-radius:10px;padding:1.4rem;cursor:pointer}.cone-studio__logo-preview{position:relative;width:100%;height:8rem;border:1.5px solid var(--studio-border);border-radius:10px;background:#ffffff0a;overflow:hidden}.cone-studio__logo-preview img{width:100%;height:100%;object-fit:contain;display:block}.cone-studio__logo-preview-remove{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--studio-border);background:#0d0f0fd9;color:var(--studio-text);font-size:1.2rem;line-height:1;cursor:pointer}.cone-studio__logo-preview-remove:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__icon-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--studio-border);background:none;color:var(--studio-text);cursor:pointer;font-size:1.3rem}.cone-studio__icon-btn:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.cone-studio__slider{flex:1 1 auto;accent-color:var(--studio-accent)}.cone-studio__quantity-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}@media only screen and (max-width:575px){.cone-studio__quantity-grid{grid-template-columns:1fr 1fr}}.cone-studio__quote-fields-row{display:flex;gap:1rem}.cone-studio__quote-fields-row .cone-studio__quote-field{flex:1 1 50%;min-width:0}.cone-studio__qty-card{background:#ffffff08;border:1.5px solid var(--studio-border);border-radius:10px;padding:1.4rem;text-align:center;cursor:pointer}.cone-studio__qty-card:hover{border-color:#3ecf8e80}.cone-studio__qty-card.is-active{border-color:var(--studio-accent);background:#3ecf8e1a}.cone-studio__qty-number{color:var(--studio-text);font-size:1.8rem;font-weight:700}.cone-studio__qty-unit{color:var(--studio-text-dim);font-size:1.1rem;margin-top:.2rem}.cone-studio__qty-total{color:var(--studio-accent);font-size:1.3rem;font-weight:700;margin-top:.3rem}.cone-studio__cta{display:block;width:100%;background:var(--studio-accent);color:#0d0f0d;border:none;border-radius:999px;font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.03rem;padding:1.6rem;cursor:pointer;margin-top:2.4rem;transition:opacity .15s ease}.cone-studio__cta:disabled{opacity:.4;cursor:not-allowed}.cone-studio__quote-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem}.cone-studio__quote-modal[hidden]{display:none}.cone-studio__quote-modal-inner{position:relative;background:#14161a;border-radius:14px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-wrap:wrap}.cone-studio__quote-preview{flex:1 1 260px;background:#0d0f0d;border-radius:14px 0 0 14px;display:flex;align-items:center;justify-content:center;padding:1.6rem;min-height:260px}.cone-studio__quote-preview img{max-width:100%;max-height:320px;border-radius:8px}.cone-studio__quote-form-col{flex:1 1 300px;padding:2.4rem}.cone-studio__quote-close{position:absolute;top:1.2rem;right:1.2rem;background:#0006;border:none;border-radius:50%;width:30px;height:30px;color:#fffc;font-size:1.4rem;cursor:pointer;z-index:2}.cone-studio__quote-field{margin-bottom:1.2rem}.cone-studio__quote-field label{display:block;font-size:1.15rem;color:#fff9;margin-bottom:.4rem}.cone-studio__quote-field input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;color:#fff;font-size:1.2rem;box-sizing:border-box}.cone-studio__quote-row{display:flex;gap:1rem;margin-bottom:1.6rem}.cone-studio__quote-row-item{flex:1 1 50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.cone-studio__quote-row-label{display:block;font-size:1.05rem;color:#ffffff8c;margin-bottom:.3rem}.cone-studio__quote-row-value{display:block;font-size:1.4rem;font-weight:700;color:#fff}.cone-studio__quote-row-value--accent{color:#3ecf8e}.cone-studio__quote-submit{width:100%;background:#3ecf8e;color:#0d0f0d;border:none;border-radius:999px;font-weight:700;font-size:1.3rem;padding:1.3rem;cursor:pointer;margin-top:.6rem}.cone-studio__quote-submit:disabled{opacity:.4;cursor:not-allowed}@media only screen and (max-width:700px){.cone-studio__quote-preview{border-radius:14px 14px 0 0}}@media only screen and (min-width:990px){.cone-studio{display:grid;grid-template-columns:1fr 460px;align-items:start}.cone-studio__stage{height:100vh}.cone-studio__viewer{height:100vh;min-height:100vh}.cone-studio__panel{max-width:none;height:100vh;box-sizing:border-box;overflow-y:auto;padding:3rem}}.cone-studio__dev-badge{display:inline-block;margin-left:.4rem;padding:.1rem .5rem;border-radius:999px;background:#f59e0b;color:#1a1a1a;font-size:1rem;font-weight:700;letter-spacing:.03em;vertical-align:middle}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cone-builder-studio.css.map */