.studio{background:var(--color-bg-light, #fbfbfd);min-height:100vh;padding-bottom:140px}.studio__inner{max-width:var(--container-wide, 1200px);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.studio-breadcrumb{position:sticky;top:0;z-index:40;background:#fbfbfdd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.studio-breadcrumb__inner{max-width:var(--container-wide, 1200px);margin:0 auto;padding:14px clamp(20px,4vw,40px);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-crumb{border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-light, #6e6e73);cursor:pointer;padding:6px 12px;border-radius:980px;transition:color .3s ease,background .3s ease}.studio-crumb:not(.is-current):not(:disabled):hover{color:var(--color-accent, #1a80c8);background:#1a80c814}.studio-crumb.is-current{color:var(--color-primary, #1e2d3d);font-weight:600;cursor:default}.studio-crumb__sep{color:var(--color-border, #d2d2d7);font-size:15px}.studio-head{text-align:center;padding:clamp(48px,8vw,96px) 0 clamp(28px,4vw,48px);max-width:760px;margin:0 auto}.studio-head__eyebrow{color:var(--color-accent, #1a80c8);font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px}.studio-head__title{font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.07;letter-spacing:-.015em;color:var(--color-primary, #1e2d3d);margin:0 0 18px}.studio-head__sub{font-size:clamp(17px,1.6vw,21px);line-height:1.47;color:var(--color-text-muted, #515154);margin:0}.studio-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:clamp(18px,2.4vw,28px);padding-bottom:clamp(48px,6vw,80px)}.studio-cat-card{display:flex;flex-direction:column;text-align:left;border:1px solid rgba(0,0,0,.05);background:#fff;border-radius:24px;overflow:hidden;cursor:pointer;padding:0;font-family:inherit;box-shadow:0 2px 12px #1e2d3d0d;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.studio-cat-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #1e2d3d24}.studio-cat-card__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-gray, #f5f5f7)}.studio-cat-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.studio-cat-card:hover .studio-cat-card__media img{transform:scale(1.045)}.studio-cat-card__body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:8px;flex:1}.studio-cat-card__name{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.01em;color:var(--color-primary, #1e2d3d);margin:0}.studio-cat-card__desc{font-size:15px;line-height:1.5;color:var(--color-text-muted, #515154);margin:0;flex:1}.studio-cat-card__count{font-size:13px;font-weight:600;color:var(--color-text-light, #6e6e73);margin:6px 0 0}.studio-cat-card__cta{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:15px;font-weight:600;color:var(--color-accent, #1a80c8)}.studio-cat-card__cta svg{width:16px;height:16px;transition:transform .3s ease}.studio-cat-card:hover .studio-cat-card__cta svg{transform:translate(4px)}.studio-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(16px,2vw,24px);padding-bottom:clamp(48px,6vw,80px)}.studio-group-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;overflow:hidden;cursor:pointer;padding:0;font-family:inherit;box-shadow:0 2px 10px #1e2d3d0d;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .3s ease}.studio-group-card:hover{transform:translateY(-5px);border-color:#1a80c859;box-shadow:0 18px 40px #1e2d3d21}.studio-group-card__media{aspect-ratio:4 / 3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.04)}.studio-group-card__media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.studio-group-card:hover .studio-group-card__media img{transform:scale(1.05)}.studio-group-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}.studio-group-card__name{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--color-primary, #1e2d3d);margin:0}.studio-group-card__desc{font-size:14px;line-height:1.5;color:var(--color-text-muted, #515154);margin:0;flex:1}.studio-group-card__count{font-size:13px;font-weight:600;color:var(--color-accent, #1a80c8);margin:8px 0 0}.studio-config{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,56px);align-items:start;padding:clamp(28px,4vw,56px) 0 40px}.studio-preview{position:sticky;top:76px}.studio-preview__card{position:relative;border-radius:24px;background:linear-gradient(160deg,#fff,#f0f3f6);border:1px solid rgba(0,0,0,.05);box-shadow:0 24px 60px #1e2d3d1f;aspect-ratio:4 / 3.4;overflow:hidden;perspective:1100px}.studio-preview__glow{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,#1a80c82e,#1a80c800 70%);filter:blur(14px);transition:transform .25s ease-out;pointer-events:none}.studio-preview__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}.studio-preview__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:clamp(20px,3vw,40px);transition:opacity .45s ease;filter:drop-shadow(0 18px 30px rgba(30,45,61,.22))}.studio-preview__label{margin:22px 0 4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent, #1a80c8)}.studio-preview__name{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.012em;color:var(--color-primary, #1e2d3d);margin:0 0 6px}.studio-preview__desc{font-size:15px;line-height:1.5;color:var(--color-text-muted, #515154);margin:0 0 16px}.studio-preview__summary{display:flex;flex-direction:column;gap:6px}.studio-preview__summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 14px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;font-size:14px}.studio-preview__summary-row span{color:var(--color-text-light, #6e6e73)}.studio-preview__summary-row strong{color:var(--color-primary, #1e2d3d);font-weight:600;text-align:right}.studio-section{margin-bottom:clamp(28px,3.5vw,44px)}.studio-section__title{font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.01em;color:var(--color-primary, #1e2d3d);margin:0 0 14px}.studio-section__empty{font-size:16px;color:var(--color-text-muted, #515154);background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:20px 24px}.studio-option-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.studio-option-card{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1.5px solid rgba(0,0,0,.07);border-radius:18px;padding:12px;cursor:pointer;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.studio-option-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 26px #1e2d3d1a}.studio-option-card.is-selected{border-color:var(--color-accent, #1a80c8);box-shadow:0 0 0 3px #1a80c829}.studio-option-card:disabled{opacity:.35;cursor:not-allowed}.studio-option-card__check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--color-accent, #1a80c8);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .25s ease;z-index:2}.studio-option-card__check svg{width:12px;height:12px}.studio-option-card.is-selected .studio-option-card__check{opacity:1;transform:scale(1)}.studio-option-card__media{display:block;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.04)}.studio-option-card__media img{width:100%;height:100%;object-fit:contain;padding:10px}.studio-option-card__media--figure img{object-fit:cover;object-position:left center;padding:0}.studio-option-card__name{font-size:15px;font-weight:600;color:var(--color-primary, #1e2d3d)}.studio-option-card__sub{font-size:12.5px;line-height:1.4;color:var(--color-text-light, #6e6e73)}.studio-chips{display:flex;flex-wrap:wrap;gap:10px}.studio-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:1.5px solid rgba(0,0,0,.09);border-radius:980px;padding:11px 22px;cursor:pointer;font-family:inherit;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease}.studio-chip:has(.studio-chip__sub){border-radius:18px;max-width:280px}.studio-chip:not(:disabled):hover{border-color:#1a80c880;transform:translateY(-2px)}.studio-chip.is-selected{border-color:var(--color-accent, #1a80c8);background:#1a80c812;box-shadow:0 0 0 3px #1a80c824}.studio-chip:disabled{opacity:.35;cursor:not-allowed}.studio-chip__name{font-size:15px;font-weight:600;color:var(--color-primary, #1e2d3d)}.studio-chip__sub{font-size:12.5px;line-height:1.35;text-align:left;color:var(--color-text-light, #6e6e73)}.studio-variants{margin-top:clamp(32px,4vw,52px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(0,0,0,.07)}.studio-variants__title{font-size:clamp(19px,2vw,24px);font-weight:700;color:var(--color-primary, #1e2d3d);margin:0 0 4px}.studio-variants__sub{font-size:14px;color:var(--color-text-light, #6e6e73);margin:0 0 16px}.studio-variants__list{display:flex;flex-direction:column;gap:8px}.studio-variant{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease}.studio-variant.is-selected{border-color:var(--color-accent, #1a80c8);box-shadow:0 0 0 3px #1a80c81f}.studio-variant__info{display:flex;flex-direction:column;gap:2px;min-width:0}.studio-variant__sku{font-size:15px;font-weight:700;color:var(--color-primary, #1e2d3d);letter-spacing:.01em;overflow-wrap:anywhere}.studio-variant__meta{font-size:13px;color:var(--color-text-light, #6e6e73)}.studio-variants__more{font-size:14px;color:var(--color-text-light, #6e6e73);padding:14px 4px 0}.studio-reco{margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3.5vw,44px);border-top:1px solid rgba(0,0,0,.07)}.studio-reco__title{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.012em;color:var(--color-primary, #1e2d3d);margin:0 0 4px}.studio-reco__sub{font-size:15px;color:var(--color-text-muted, #515154);margin:0 0 20px}.studio-reco__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(14px,2vw,22px)}.studio-reco-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;overflow:hidden;box-shadow:0 2px 10px #1e2d3d0d;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .3s ease}.studio-reco-card:hover{transform:translateY(-5px);border-color:#1a80c859;box-shadow:0 18px 40px #1e2d3d21}.studio-reco-card__media{display:block;aspect-ratio:4 / 3;background:#fff;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.04)}.studio-reco-card__media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.studio-reco-card:hover .studio-reco-card__media img{transform:scale(1.05)}.studio-reco-card__body{display:block;padding:16px 18px 20px}.studio-reco-card__kicker{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent, #1a80c8);margin:0 0 4px}.studio-reco-card__name{display:block;font-size:17px;font-weight:700;color:var(--color-primary, #1e2d3d);margin:0 0 2px}.studio-reco-card__count{display:block;font-size:13px;color:var(--color-text-light, #6e6e73);margin:0}.studio-stepper{display:flex;align-items:center;gap:2px;background:var(--color-bg-gray, #f5f5f7);border-radius:980px;padding:3px;flex-shrink:0}.studio-stepper__btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff;color:var(--color-primary, #1e2d3d);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014;transition:background .25s ease,color .25s ease,opacity .25s ease}.studio-stepper__btn:not(:disabled):hover{background:var(--color-accent, #1a80c8);color:#fff}.studio-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.studio-stepper__qty{min-width:30px;text-align:center;font-size:15px;font-weight:600;color:var(--color-primary, #1e2d3d)}.studio-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%,calc(100% + 28px));opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .25s ease;z-index:50;width:min(960px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1e2d3deb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:22px;padding:14px 14px 14px 24px;box-shadow:0 22px 50px #1e2d3d59}.studio-bar.is-visible{transform:translate(-50%);opacity:1;pointer-events:auto}#studio.has-bar{padding-bottom:120px}@media (prefers-reduced-motion: reduce){.studio-bar{transition:none}}.studio-bar__info{color:var(--color-white, #f5f5f7);font-size:15px;font-weight:500}.studio-bar__actions{display:flex;gap:10px;flex-shrink:0}.studio-btn{border:none;font-family:inherit;font-size:15px;font-weight:600;padding:11px 22px;border-radius:980px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease,transform .3s ease}.studio-btn:disabled{opacity:.4;cursor:not-allowed}.studio-btn--primary{background:var(--color-accent, #1a80c8);color:#fff}.studio-btn--primary:not(:disabled):hover{background:var(--color-accent-hover, #1590e0);transform:translateY(-1px)}.studio-btn--secondary{background:#ffffff24;color:#fff}.studio-btn--secondary:not(:disabled):hover{background:#ffffff3d}.studio-btn--secondary.is-success{background:#34c759}.studio-btn--ghost{background:transparent;color:#ffffffa6}.studio-btn--ghost:hover{color:#fff}.studio-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1e2d3d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s ease}.studio-modal-overlay.is-open{opacity:1;pointer-events:auto}.studio-modal{position:relative;background:#fff;border-radius:24px;width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:clamp(28px,4vw,44px);box-shadow:0 40px 90px #1e2d3d59;transform:translateY(16px) scale(.98);transition:transform .35s cubic-bezier(.22,1,.36,1)}.studio-modal-overlay.is-open .studio-modal{transform:none}.studio-modal__close{position:absolute;top:16px;right:18px;width:34px;height:34px;border-radius:50%;border:none;background:var(--color-bg-gray, #f5f5f7);color:var(--color-primary, #1e2d3d);font-size:20px;cursor:pointer;transition:background .25s ease}.studio-modal__close:hover{background:#e8e8ed}.studio-modal__title{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.012em;color:var(--color-primary, #1e2d3d);margin:0 0 6px}.studio-modal__subtitle{font-size:16px;color:var(--color-text-muted, #515154);margin:0 0 22px}.studio-modal__items{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}.studio-modal__item{display:flex;justify-content:space-between;background:var(--color-bg-gray, #f5f5f7);border-radius:10px;padding:9px 14px;font-size:14px;color:var(--color-primary, #1e2d3d)}.studio-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-form__group{margin-bottom:14px}.studio-form__group label{display:block;font-size:13px;font-weight:600;color:var(--color-primary, #1e2d3d);margin-bottom:6px}.studio-form__group input,.studio-form__group textarea{width:100%;font-family:inherit;font-size:15px;color:var(--color-text, #1d1d1f);border:1.5px solid var(--color-border, #d2d2d7);border-radius:12px;padding:11px 14px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box}.studio-form__group textarea{min-height:88px;resize:vertical}.studio-form__group input:focus,.studio-form__group textarea:focus{outline:none;border-color:var(--color-accent, #1a80c8);box-shadow:0 0 0 3px #1a80c826}.studio-form__submit{width:100%;border:none;background:var(--color-accent, #1a80c8);color:#fff;font-family:inherit;font-size:16px;font-weight:600;padding:14px;border-radius:980px;cursor:pointer;margin-top:6px;transition:background .3s ease}.studio-form__submit:hover:not(:disabled){background:var(--color-accent-hover, #1590e0)}.studio-form__status{margin-top:12px;font-size:14px;color:#c62828;background:#fce8e6;border-radius:10px;padding:10px 14px}.studio-modal__success{text-align:center;padding:24px 0}.studio-modal__success-icon{width:64px;height:64px;border-radius:50%;background:#34c759;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.studio-modal__success h3{font-size:24px;color:var(--color-primary, #1e2d3d);margin:0 0 8px}.studio-modal__success p{font-size:15px;color:var(--color-text-muted, #515154);margin:0}@media (max-width: 980px){.studio-config{grid-template-columns:1fr}.studio-preview{position:static}.studio-preview__card{aspect-ratio:16 / 10}}@media (max-width: 640px){.studio-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.studio-bar__info{text-align:center}.studio-bar__actions{justify-content:center;flex-wrap:wrap}.studio-form__row{grid-template-columns:1fr}.studio-option-cards{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.studio{padding-bottom:200px}}@media (prefers-reduced-motion: reduce){.studio *,.studio *:before,.studio *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.studio-preview__stage,.studio-preview__glow{transform:none!important}}.studio-imgfallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,var(--color-primary, #1e2d3d) 0%,#2c4258 55%,var(--color-accent, #1a80c8) 130%)}.studio-imgfallback__letter{font-size:clamp(40px,6vw,72px);font-weight:600;letter-spacing:.02em;color:#f5f5f7eb;font-family:inherit;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.25);-webkit-user-select:none;user-select:none}.studio-option-card__media .studio-imgfallback{min-height:0}.studio-option-card__media .studio-imgfallback__letter{font-size:26px}.studio-preview__stage .studio-imgfallback{border-radius:18px;min-height:260px}.studio-load-error{max-width:560px;margin:96px auto;padding:48px 40px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 18px 50px #1e2d3d1a}.studio-load-error h2{font-size:24px;font-weight:600;color:var(--color-primary, #1e2d3d);margin:0 0 12px}.studio-load-error p{font-size:15px;line-height:1.6;color:var(--color-gray-brand, #5d6d7e);margin:0 0 28px}