.studio{--glass:#14081c85;--glass-line:#fcfafd29;gap:24px;display:grid}.studio--page{margin-inline:calc(var(--gutter) * -1)}@media (min-width:1000px){.studio--page{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;margin-inline:0}}.studio__stage{color:var(--warm);touch-action:none;-webkit-user-select:none;user-select:none;height:clamp(520px, calc(100svh - var(--header-h) - var(--tabbar-h)), 820px);scroll-margin-top:var(--header-h);background:radial-gradient(120% 90% at 50% 18%,#3b1a49 0%,#1c0c24 62%,#140819 100%);position:relative;overflow:hidden}@media (min-width:1000px){.studio--page .studio__stage{border-radius:4px;height:clamp(600px,80vh,840px)}}.studio__stage.is-manual{cursor:grab}.studio__stage.is-manual:active{cursor:grabbing}.studio__video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.studio__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.studio__canvas.is-on{opacity:1}.studio__top{z-index:4;pointer-events:none;background:linear-gradient(#14081c8c,#14081c00);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0 0 auto}.studio__top>*{pointer-events:auto}.studio__top-actions{gap:8px;margin-left:auto;display:flex}.studio__brand{letter-spacing:.22em;text-transform:uppercase;color:#fcfafdb3;font-size:11px}.studio__status{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:12px;display:inline-flex}.studio__status i{background:var(--champagne);border-radius:50%;width:7px;height:7px}.studio__status.loading i,.studio__status.searching i{animation:1.4s ease-in-out infinite pulse}.studio__status.searching i{background:var(--lavender)}.studio__status.locked i{background:#9fe0b5;box-shadow:0 0 0 4px #9fe0b52e}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.studio__icon{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--warm);transition:background var(--t-fast);border-radius:50%;place-items:center;display:grid}.studio__icon:hover{background:#fcfafd2e}.studio__icon svg{width:18px;height:18px}.studio__hint{z-index:3;white-space:nowrap;text-overflow:ellipsis;text-align:center;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);max-width:calc(100% - 32px);animation:fadeIn .4s var(--ease);border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;top:66px;left:50%;overflow:hidden;transform:translate(-50%)}.studio__progress{z-index:5;background:linear-gradient(90deg, transparent, var(--champagne), transparent);width:40%;height:2px;animation:progress 1.3s var(--ease-in-out) infinite;position:absolute;top:0;left:0}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.studio__guide{z-index:2;aspect-ratio:100/130;pointer-events:none;width:min(54%,300px);animation:fadeIn .5s var(--ease);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.studio__guide--neck{width:min(58%,320px);top:46%}.studio__guide--wrist{width:min(46%,240px)}.studio__guide svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.studio__guide path{fill:none;stroke:#fcfafdc7;stroke-width:1.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #b9a0d699)}.studio__scan{position:absolute;inset:4% 6% 0;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V40C0 22 30 10 50 2C70 10 100 22 100 40V130Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V40C0 22 30 10 50 2C70 10 100 22 100 40V130Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.studio__scan:after{content:"";height:28%;animation:scan 2.6s var(--ease-in-out) infinite;background:linear-gradient(#0000,#b9a0d652,#0000);position:absolute;top:-28%;left:0;right:0}@keyframes scan{to{transform:translateY(460%)}}.studio__intro{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:72px 24px 32px;display:flex;position:absolute;inset:0}.studio__arch{aspect-ratio:100/130;width:clamp(140px,22vh,200px);margin-bottom:8px;position:relative}.studio__arch svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.studio__arch path{fill:none;stroke:var(--champagne);stroke-width:1px;vector-effect:non-scaling-stroke}.studio__arch-img{position:absolute;inset:8px;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V40C0 22 30 10 50 2C70 10 100 22 100 40V130Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V40C0 22 30 10 50 2C70 10 100 22 100 40V130Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.studio__arch-img img{object-fit:cover;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.studio__title{font-family:var(--font-display);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);font-weight:400;line-height:1.05}.studio__lede{color:#fcfafdb8;max-width:36ch;font-size:var(--fs-md)}.studio__lede em{color:var(--warm);font-style:italic;font-family:var(--font-display);font-size:1.1em}.studio__ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.studio__btn{background:var(--warm);height:50px;color:var(--night);border:1px solid var(--warm);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform var(--t-fast) var(--ease), background var(--t-fast);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:11px;font-weight:600;display:inline-flex}.studio__btn svg{width:18px;height:18px}.studio__btn:hover{background:#fff;transform:translateY(-1px)}.studio__btn:disabled{opacity:.6;transform:none}.studio__btn--ghost{color:var(--warm);background:0 0;border-color:#fcfafd5c}.studio__btn--ghost:hover{background:#fcfafd1a}.studio__tips{color:#fcfafd8c;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:6px;font-size:12px;display:flex}.studio__tips li+li:before{content:"·";margin-right:18px}.studio__privacy{color:#fcfafd8c;justify-content:center;align-items:center;gap:8px;padding-inline:16px;font-size:12px;display:flex;position:absolute;bottom:18px;left:0;right:0}.studio__controls{z-index:4;padding:48px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#14081c00,#14081cb3);justify-items:center;gap:14px;display:grid;position:absolute;inset:auto 0 0}.studio__strip{scrollbar-width:none;gap:10px;max-width:100%;padding:4px 4px 6px;display:flex;overflow-x:auto}.studio__strip::-webkit-scrollbar{display:none}@media (min-width:1000px){.studio__strip{display:none}}.studio__chip{background:var(--warm);width:54px;height:54px;transition:transform var(--t-fast) var(--ease), border-color var(--t-fast);border:2px solid #fcfafd40;border-radius:50%;flex:none;position:relative;overflow:hidden}.studio__chip img{object-fit:cover;transform:scale(1.5)}.studio__chip.is-on{border-color:var(--champagne);transform:scale(1.08);box-shadow:0 0 0 3px #d9a4524d}.studio__bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(420px,100%);display:grid}.studio__tool{color:var(--warm);letter-spacing:.12em;text-transform:uppercase;touch-action:none;justify-items:center;gap:6px;font-size:10px;display:grid}.studio__tool svg{box-sizing:content-box;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);width:20px;height:20px;transition:background var(--t-fast), color var(--t-fast);border-radius:50%;padding:12px}.studio__tool.is-on svg{background:var(--warm);color:var(--night)}.studio__bar .studio__tool:first-child{justify-self:end}.studio__bar .studio__tool:last-child{justify-self:start}.studio__shutter{border:3px solid var(--warm);width:74px;height:74px;transition:transform var(--t-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.studio__shutter span{background:var(--warm);width:58px;height:58px;transition:transform var(--t-fast) var(--ease), background var(--t-fast);border-radius:50%}.studio__shutter:hover span{background:#fff}.studio__shutter:active span{transform:scale(.88)}.studio__size{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:11px;display:flex}.studio__size input{width:min(180px,40vw);accent-color:var(--champagne)}.studio__reset{letter-spacing:.12em;text-transform:uppercase;color:var(--lavender);font-size:11px}.studio__flash{z-index:6;pointer-events:none;background:#fff;animation:.38s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.studio__result{z-index:7;padding:72px 20px calc(24px + env(safe-area-inset-bottom));animation:fadeIn .35s var(--ease);background:#14081cf0;grid-template-rows:1fr auto;place-items:center;gap:18px;display:grid;position:absolute;inset:0}.studio__result img{object-fit:contain;max-width:100%;min-height:0;max-height:100%;animation:develop .6s var(--ease);box-shadow:0 30px 70px #00000073}@keyframes develop{0%{opacity:0;transform:scale(.94)rotate(-1deg)}to{opacity:1;transform:none}}.studio__result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.studio__panel{padding-inline:var(--gutter);align-content:start;gap:28px;display:grid}@media (min-width:1000px){.studio--page .studio__panel{top:calc(var(--header-h) + 24px);padding-inline:0;position:sticky}}.studio__piece{gap:10px;display:grid}.studio__price{font-size:var(--fs-md)}.studio__buy{gap:10px;margin-top:8px;display:grid}.studio__picker{border-top:1px solid var(--line);gap:16px;padding-top:24px;display:grid}@media (max-width:999px){.studio__picker{display:none}}.studio__tabs{flex-wrap:wrap;gap:6px;display:flex}.studio__tab{border:1px solid var(--line-strong);height:34px;font-size:var(--fs-sm);transition:all var(--t-fast);border-radius:999px;padding:0 14px}.studio__tab.is-on{background:var(--ink);border-color:var(--ink);color:var(--warm)}.studio__list{grid-template-columns:repeat(2,1fr);gap:12px;max-height:52vh;padding-right:4px;display:grid;overflow-y:auto}.studio__item{text-align:left;border:1px solid var(--line);background:var(--warm);width:100%;transition:border-color var(--t-fast);gap:6px;padding:8px;display:grid}.studio__item:hover{border-color:var(--line-strong)}.studio__item.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.studio__item-img{aspect-ratio:4/5;position:relative}.studio__item-img img{object-fit:cover}.studio__item-name{font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.studio__item-price{font-size:var(--fs-xs);color:var(--muted)}.tryon-modal{z-index:160;background:var(--paper);animation:fadeIn var(--t-fast);position:fixed;inset:0;overflow-y:auto}.studio--modal{gap:0;min-height:100%}.studio--modal .studio__stage{height:min(78svh,760px)}.studio--modal .studio__panel{padding-block:24px 40px}@media (min-width:1000px){.studio--modal{grid-template-columns:minmax(0,1fr) 380px;height:100%}.studio--modal .studio__stage{height:100vh}.studio--modal .studio__panel{align-content:center;padding:40px}}.tryon-page__head{justify-items:start;gap:14px;padding-block:clamp(24px,4vw,56px) clamp(24px,3vw,40px);display:grid}.tryon-page__how{padding-block:var(--section);gap:28px;display:grid}@media (min-width:900px){.tryon-page__how{grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,64px)}}.tryon-page__how>div{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:20px;display:grid}
.circle{z-index:150;animation:fadeIn .35s var(--ease);background:#2b123680;place-items:end center;padding:0;display:grid;position:fixed;inset:0}@media (min-width:760px){.circle{place-items:center;padding:24px}}.circle__card{background:var(--paper);width:100%;max-height:92svh;animation:circleUp .5s var(--ease);border-radius:14px 14px 0 0;display:grid;position:relative;overflow-y:auto}@media (min-width:760px){.circle__card{border-radius:4px;grid-template-columns:.9fr 1.1fr;width:min(920px,100%);max-height:88vh}}@keyframes circleUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.circle__close{z-index:2;background:#fcfafde6;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;right:12px}.circle__close svg{width:18px;height:18px}.circle__art{color:var(--warm);background:radial-gradient(120% 100% at 50% 10%,#3b1a49,#1c0c24 70%);align-content:center;gap:18px;padding:28px 20px;display:grid;position:relative}@media (max-width:759px){.circle__art{padding:22px 16px 18px}}.circle__tag{letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);border:1px solid #d9a45280;border-radius:999px;justify-self:center;padding:6px 12px;font-size:10px}.circle__pieces{grid-template-columns:repeat(3,1fr);justify-self:center;align-items:end;gap:10px;width:100%;max-width:380px;display:grid}.circle__piece{aspect-ratio:3/4;background:var(--warm);position:relative}.circle__piece:nth-child(2){transform:translateY(-14px)}.circle__piece img{object-fit:cover}@media (max-width:759px){.circle__pieces{max-width:240px}}.circle__body{align-content:start;gap:14px;padding:clamp(24px,4vw,44px);display:grid}.circle__lede{color:var(--muted)}.circle__benefits{font-size:var(--fs-sm);gap:8px;padding:4px 0;display:grid}.circle__benefits li{align-items:baseline;gap:10px;display:flex}.circle__benefits li:before{content:"";background:var(--violet);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-1px)}.circle__form{gap:12px;margin-top:4px;display:grid}.circle__form .input,.circle__form .select{min-height:46px}.circle__row{gap:12px;display:grid}@media (min-width:520px){.circle__row{grid-template-columns:1fr 1fr}}.circle__bday{border:0;margin:0;padding:0}.circle__bday legend{margin-bottom:6px}.circle__bday .circle__row{grid-template-columns:1fr 1fr}.circle__consent{color:var(--muted);font-size:12px;line-height:1.45}.circle__skip{font-size:var(--fs-sm);color:var(--muted);text-underline-offset:.2em;justify-self:center;padding:4px;text-decoration:underline}.circle__done{justify-items:start;gap:14px;padding-block:12px;display:grid}.circle__code{font-size:var(--fs-md)}.circle__code strong{font-family:var(--font-display);color:var(--ink);letter-spacing:.04em;margin-left:6px;font-size:1.6rem}.circle__body{isolation:isolate;position:relative}.circle__floral{z-index:-1;opacity:.5;pointer-events:none;width:150px;height:auto;position:absolute;top:-8px;right:-10px;transform:scaleX(-1)}
.auth{gap:18px;display:grid}.auth__head{gap:6px;display:grid}.auth__progress{gap:8px;display:flex}.auth__progress li{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--line);flex:1;padding-top:8px;font-size:11px}.auth__progress li.is-on{border-top-color:var(--ink);color:var(--ink)}.auth__form{gap:14px;display:grid}.auth__code{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.6rem}.auth__row{font-size:var(--fs-sm);justify-content:space-between;gap:12px;display:flex}.auth__row button:disabled{opacity:.5;cursor:default;text-decoration:none}.auth__fine{font-size:var(--fs-xs);color:var(--muted);text-align:center}.auth__ok{color:var(--success);font-size:var(--fs-sm)}.auth__dev{font-size:var(--fs-sm);color:#6a4b0f;background:#fff6e5;border:1px solid #f1ddb0;padding:10px 12px}.auth__dev b{letter-spacing:.12em;margin:0 4px;font-size:1.1em}.auth-dialog{z-index:155;animation:fadeIn .3s var(--ease);background:#2b123680;place-items:end center;display:grid;position:fixed;inset:0}@media (min-width:640px){.auth-dialog{place-items:center;padding:20px}}.auth-dialog__card{background:var(--paper);width:100%;max-width:460px;max-height:92svh;padding:28px 24px calc(24px + env(safe-area-inset-bottom));animation:circleUp .45s var(--ease);border-radius:14px 14px 0 0;gap:12px;display:grid;position:relative;overflow-y:auto}@media (min-width:640px){.auth-dialog__card{border-radius:4px;padding:36px 32px}}.auth-dialog__close{position:absolute;top:10px;right:10px}.auth-dialog__skip{font-size:var(--fs-sm);justify-self:center}.acct-dot{background:var(--success);border:2px solid var(--paper);border-radius:50%;width:7px;height:7px;position:absolute;bottom:9px;right:9px}.account{padding-block:clamp(24px, 4vw, 56px) var(--section)}.account--auth{max-width:520px}.account__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.account__head>div{gap:10px;display:grid}.account__grid{gap:20px;display:grid}@media (min-width:960px){.account__grid{grid-template-columns:1.4fr 1fr;align-items:start}.account__orders{grid-row:span 2}}.account__card{background:var(--warm);border:1px solid var(--line);align-content:start;gap:16px;padding:clamp(18px,3vw,28px);display:grid}.account__card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account__empty{justify-items:start;gap:10px;display:grid}.account__orderlist{display:grid}.account__order{border-top:1px solid var(--line);transition:color var(--t-fast);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.account__order:hover{color:var(--ink)}.account__order>div:first-child{gap:4px;min-width:0;display:grid}.account__order .muted{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account__order-end{font-size:var(--fs-sm);white-space:nowrap;justify-items:end;gap:6px;display:grid}.ostatus{background:var(--mist);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.ostatus--shipped{color:#1f6b5c;background:#e6f4f1}.ostatus--delivered{color:#2f6b45;background:#e7f5eb}.ostatus--cancelled,.ostatus--refunded{color:#9b2c3c;background:#fbedef}.account__dl{gap:12px;display:grid}.account__dl div{font-size:var(--fs-sm);grid-template-columns:110px 1fr;gap:12px;display:grid}.account__dl dt{color:var(--muted)}.account__dl dd{overflow-wrap:anywhere;margin:0}.verified{color:var(--success);margin-left:6px;font-size:11px;font-weight:600;display:inline-block}.account__wish{border:1px solid var(--line);background:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px;display:grid}.account__wish-imgs{grid-column:1/-1;gap:6px;display:flex}.account__wish-imgs .frame{width:40px;height:50px;position:relative}.account__addrlist{gap:12px;display:grid}.account__addr{border:1px solid var(--line);background:var(--paper);font-size:var(--fs-sm);justify-content:space-between;gap:16px;padding:14px;display:flex}.account__addr p{color:var(--graphite);margin-top:4px}.account__addr-actions{white-space:nowrap;align-content:start;justify-items:end;gap:6px;display:grid}.addr-form__ctas{align-items:center;gap:16px;display:flex}.track{padding-block:clamp(24px, 4vw, 48px) var(--section);gap:28px;display:grid}.track__head{gap:10px;display:grid}.track__steps{gap:0;display:grid;position:relative}@media (min-width:760px){.track__steps{grid-template-columns:repeat(5,1fr)}}.track__steps li{color:var(--muted);gap:4px;padding:0 0 22px 30px;display:grid;position:relative}.track__steps li:before{content:"";background:var(--line);width:2px;position:absolute;top:16px;bottom:0;left:6px}.track__steps li:last-child:before{display:none}@media (min-width:760px){.track__steps li{padding:30px 12px 0 0}.track__steps li:before{width:auto;height:2px;inset:7px 0 auto 16px}}.track__dot{background:var(--paper);border:2px solid var(--line-strong);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:0}.track__steps li.is-done{color:var(--fg)}.track__steps li.is-done .track__dot{background:var(--ink);border-color:var(--ink)}.track__steps li.is-done:before{background:var(--ink)}.track__steps li[aria-current=step] .track__dot{box-shadow:0 0 0 5px #6e3c8c2e}.track__steps small{font-size:12px}.track__grid{gap:20px;display:grid}@media (min-width:900px){.track__grid{grid-template-columns:1.3fr 1fr;align-items:start}}.track__card{background:var(--warm);border:1px solid var(--line);justify-items:start;gap:14px;padding:22px;display:grid}.track__card .totals{width:100%}.track__items{width:100%;display:grid}.track__items li{border-bottom:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;display:grid}.checkout__auth{background:var(--warm);border:1px solid var(--line);padding:clamp(20px,3vw,32px)}.checkout__verified{background:var(--warm);border:1px solid var(--line);font-size:var(--fs-sm);gap:4px;padding:14px 16px;display:grid}.checkout__verified i{color:var(--success);margin-left:6px;font-size:11px;font-style:normal;font-weight:600}.checkout__addrs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.checkout__addr{text-align:left;border:1px solid var(--line-strong);background:var(--warm);font-size:var(--fs-sm);transition:border-color var(--t-fast);gap:2px;padding:12px 14px;display:grid}.checkout__addr span{color:var(--muted);font-size:12px}.checkout__addr.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.checkout__save{grid-template-columns:auto minmax(120px,200px);align-items:center;gap:10px;display:grid}.wish-signin{background:var(--mist);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 18px;display:flex}.success__ctas{flex-wrap:wrap;gap:10px;display:flex}
