.sizer{background:var(--background);color:var(--foreground)}.sizer-header{z-index:40;background:var(--material-chrome);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}@media (min-width:1024px){.sizer-header{padding:0 24px}}.sizer-screen-chip{min-width:0;max-width:46vw;height:32px;color:var(--brand-dark);background:var(--brand-light);transition:background .2s var(--ease-ios), border-color .2s var(--ease-ios);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.sizer-screen-chip.is-set{color:var(--foreground-secondary);background:var(--surface);border-color:var(--hairline)}.sizer-screen-chip:hover{border-color:var(--hairline-strong)}.sizer-main{flex:1;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:16px;display:grid}@media (min-width:1024px){.sizer-main:not(.is-client){grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;padding:24px}.sizer-main.is-client{max-width:980px;padding:32px 24px}}.sizer-stage-wrap{background:var(--surface);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:20px 16px;display:flex}@media (min-width:640px){.sizer-stage-wrap{padding:28px}}.sizer-stage-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.sizer-view-toggle{flex-shrink:0;width:auto}.sizer-notice{color:#8a5a00;text-align:left;background:#fff6e0;border-radius:10px;align-self:flex-start;padding:7px 12px;font-size:13px;font-weight:500}.sizer-stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px 28px;min-height:180px;padding:16px 0 4px;display:flex;overflow-x:auto}.sizer-item{cursor:default;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.sizer-item.is-active{border-color:var(--hairline);background:var(--surface-muted);cursor:default}.sizer-item:not(.is-active){cursor:pointer}.sizer-item-art{justify-content:center;align-items:flex-end;min-height:40px;margin-bottom:6px;display:flex}.sizer-item-name{color:var(--foreground);font-size:13px;font-weight:600}.sizer-item-dims{color:var(--foreground-secondary);font-variant-numeric:tabular-nums;font-size:12px}.sizer-insights{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sizer-insights li{color:var(--brand-dark);background:var(--brand-tint);border:1px solid var(--brand-translucent);border-radius:999px;padding:6px 11px;font-size:12px}.sizer-ar{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.sizer-client-controls{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 24px;padding-top:16px;display:flex}.sizer-footnote{color:var(--foreground-tertiary);text-align:center;max-width:520px;margin:0 auto;font-size:12px;line-height:1.45}.sizer-made-with{color:var(--foreground-tertiary);border-radius:6px;align-self:center;font-size:12px}.sizer-made-with:hover{color:var(--foreground-secondary)}.sizer-panel{background:var(--surface);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:18px 16px 22px;display:flex}@media (min-width:1024px){.sizer-panel{max-height:calc(100dvh - 104px);padding:20px;position:sticky;top:80px;overflow-y:auto}}.sizer-panel>*{flex-shrink:0}.sizer-from-file{background:var(--brand-tint);border:1px solid var(--brand-translucent);border-radius:12px;padding:10px 12px}.sizer-label{color:var(--foreground-secondary);font-size:12px;font-weight:500;display:block}.sizer-tabs{gap:4px;margin:0 -4px;padding:0 4px 2px;display:flex;overflow-x:auto}.sizer-tab{white-space:nowrap;height:30px;color:var(--foreground-secondary);transition:background .15s var(--ease-ios), color .15s var(--ease-ios);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.sizer-tab:hover{color:var(--foreground);background:#0000000a}.sizer-tab.is-active{background:var(--brand-light);color:var(--brand-dark);font-weight:600}.sizer-tab.is-add{color:var(--brand-dark)}.sizer-tab-x{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:-4px;display:inline-flex}.sizer-tab-x:hover{background:#6b47b824}.sizer-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}@media (min-width:640px) and (max-width:1023px){.sizer-shapes{grid-template-columns:repeat(6,minmax(0,1fr))}.sizer-gems{grid-template-columns:repeat(3,minmax(0,1fr))}}.sizer-shape{transition:background .15s var(--ease-ios), border-color .15s var(--ease-ios);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;display:flex}.sizer-shape:hover{background:var(--surface-muted)}.sizer-shape.is-on{background:var(--brand-tint);border-color:var(--brand)}.sizer-shape-art{justify-content:center;align-items:center;height:30px;display:flex}.sizer-shape-name{max-width:100%;color:var(--foreground-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sizer-shape.is-on .sizer-shape-name{color:var(--brand-dark);font-weight:600}.sizer-gems{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.sizer-gem{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;min-width:0;padding:6px 7px;display:flex}.sizer-gem:hover{background:var(--surface-muted)}.sizer-gem.is-on{background:var(--brand-tint);border-color:var(--brand)}.sizer-gem-art{flex-shrink:0;display:flex}.sizer-gem-name{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.sizer-input{border:1px solid var(--hairline-strong);background:var(--surface);width:100%;height:40px;color:var(--foreground);border-radius:10px;outline:none;align-items:center;padding:0 12px;font-size:14px;display:flex}.sizer-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-translucent)}select.sizer-input{padding-right:36px}.sizer-number{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:10px;align-items:center;gap:4px;min-width:0;height:44px;padding:0 12px;display:flex;position:relative}.sizer-number:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-translucent)}.sizer-number input{font-variant-numeric:tabular-nums;width:64px;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:600}.sizer-number>span:last-child{color:var(--foreground-secondary);font-size:13px}.sizer-number-label{color:var(--foreground-secondary);background:var(--surface);padding:0 4px;font-size:11px;position:absolute;top:-8px;left:9px}.sizer-range{appearance:none;background:#78788033;border-radius:999px;outline:none;height:4px}.sizer-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:.5px solid #0000000a;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.sizer-range::-moz-range-thumb{cursor:pointer;background:#fff;border:.5px solid #0000000a;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.sizer-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--brand);outline-offset:2px}.sizer-chip{height:30px;color:var(--foreground);background:var(--surface);border:1px solid var(--hairline-strong);font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease-ios), background .15s var(--ease-ios);border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.sizer-chip:hover{border-color:#00000038}.sizer-chip.is-on{color:var(--brand-dark);background:var(--brand-tint);border-color:var(--brand);font-weight:600}.sizer-metal-dot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0003}.sizer-swatch{border:2px solid #0000;border-radius:50%;padding:3px;display:inline-flex}.sizer-swatch>span{border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 0 1px #00000014}.sizer-swatch.is-on{border-color:var(--brand)}.sizer-icon-btn{width:30px;height:30px;color:var(--foreground-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sizer-icon-btn:hover{color:var(--foreground);background:#0000000d}.sizer-icon-btn.is-boxed{border:1px solid var(--hairline-strong);background:var(--surface);width:36px;height:36px}.sizer-sheet{background:var(--surface);box-shadow:var(--shadow-elevated);padding-bottom:env(safe-area-inset-bottom);animation:sizer-sheet-in .32s var(--ease-ios) both;border-radius:20px 20px 0 0}@media (min-width:640px){.sizer-sheet{border-radius:20px;padding-bottom:0}}@keyframes sizer-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.sizer-device-row{border:1px solid var(--hairline);background:var(--surface);width:100%;transition:border-color .15s var(--ease-ios), background .15s var(--ease-ios);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sizer-device-row:hover{border-color:var(--hairline-strong);background:var(--surface-muted)}.sizer-device-row.is-selected{border-color:var(--brand);background:var(--brand-tint)}.sizer-device-icon{width:30px;height:30px;color:var(--brand-dark);background:var(--brand-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sizer-card-outline{border:2px dashed var(--brand);box-sizing:border-box;background:linear-gradient(135deg,#7c5ac51a,#7c5ac508);position:relative}.sizer-card-chip{opacity:.7;background:linear-gradient(135deg,#e9d9a6,#c9a95a);position:absolute}.sizer-qr{border:1px solid var(--hairline);background:#fff;border-radius:12px;padding:6px}.sizer-qr img{width:132px;height:132px;display:block}.sizer-nudge{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;color:#fff;background:var(--hg-inverse,#28282d);max-width:calc(100vw - 32px);box-shadow:var(--shadow-elevated);border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 14px;font-size:13px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.sizer-nudge .sizer-icon-btn{color:#ffffffb3;border-radius:50%;width:26px;height:26px}.sizer-nudge .sizer-icon-btn:hover{color:#fff;background:#ffffff1f}.sizer-promo{border:1px solid var(--hairline);background:var(--surface);text-align:center;max-width:520px;color:var(--foreground-secondary);border-radius:12px;flex-wrap:wrap;justify-content:center;align-self:center;gap:4px 8px;padding:10px 14px;font-size:13px;line-height:1.4;display:inline-flex}.sizer-promo:hover{border-color:var(--hairline-strong)}.sizer-promo-cta{color:var(--brand-dark);white-space:nowrap;font-weight:600}