@layer tokens,reset,layout,components,states,accessibility,responsive;@layer tokens{:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f1ee;color:#2f2a2a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cream: #f4f1ee;--warm-white: #fbf8f5;--surface: #ffffff;--petal: #f1cfd3;--rose: #d9a3aa;--rose-deep: #a96f78;--champagne: #c8a96a;--champagne-dark: #a98945;--taupe: #b8aea2;--taupe-soft: #e7dfd8;--ink: #2f2a2a;--muted: #635b58;--line: #e5dfdc;--line-strong: #d7ccc7;--danger: #b45858;--ok: #7c9b72;--camera-glass: rgba(24, 24, 24, .48);--camera-glass-strong: rgba(24, 24, 24, .66);--shadow: 0 18px 44px rgba(44, 40, 38, .12)}}@layer reset{*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}}@layer layout{.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,26vw,372px);gap:16px;width:100vw;height:100dvh;padding:16px;background:linear-gradient(135deg,#f4f1eef5,#fbf8f5e6 58%,#e7dfd8b8),#f4f1ee}.experience-column{display:grid;grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0}}@layer components{.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;border:1px solid rgba(200,169,106,.52);border-radius:8px;background:var(--champagne);color:var(--ink);font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.primary-button:hover{background:#b8944f;box-shadow:0 10px 22px #c8a96a33}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:100%;border:1px solid var(--line-strong);border-radius:8px;background:#ffffffbd;color:var(--muted);font-weight:800;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.secondary-button:hover{border-color:#c8a96a9e;background:var(--warm-white);color:var(--ink)}.secondary-button:disabled{cursor:not-allowed;opacity:.58}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--warm-white);color:var(--muted);cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.icon-button:hover{border-color:#c8a96ab8;background:#fff;color:var(--ink)}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.9}}@layer components{.stage{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid rgba(37,34,32,.1);border-radius:8px;background:#1f1d1c;box-shadow:var(--shadow);isolation:isolate}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;background:linear-gradient(180deg,#ffffffd1,#f4f1eedb 62%,#e7dfd89e),#fbf8f5;opacity:1;transition:opacity .22s ease}.necklace-outline{position:relative;z-index:1;width:190px;height:104px;border:2px solid rgba(200,169,106,.72);border-top:0;border-radius:0 0 110px 110px}.necklace-outline:before,.necklace-outline:after{position:absolute;content:"";left:50%;transform:translate(-50%)}.necklace-outline:before{top:72px;width:9px;height:9px;border-radius:999px;background:var(--champagne);box-shadow:0 0 0 6px #c8a96a1f}.necklace-outline:after{top:88px;width:1px;height:22px;background:#c8a96aad}.camera-video,.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-video{z-index:0;object-fit:cover;opacity:0;transform:none;background:#f4e8e7;transition:opacity .18s ease}.overlay-canvas{z-index:1;pointer-events:none}.debug-canvas{opacity:0;transition:opacity .16s ease}.stage-topbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.stage-brand{display:flex;align-items:center;gap:8px;min-width:0}.studio-mark,.live-pill{display:inline-flex;align-items:center;min-height:30px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#1818185c;color:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-mark{padding:0 12px;font-size:12px;font-weight:700}.live-pill{gap:7px;padding:0 10px;font-size:11px;font-weight:800;text-transform:uppercase}.live-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--rose);box-shadow:0 0 0 4px #d9a3aa2e}.stage-mode-tabs{width:min(292px,48vw);flex:0 1 auto;border-color:#ffffff47;background:#1818185c;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-mode-tabs .mode-tab{min-height:34px;color:#ffffffb8}.stage-mode-tabs .mode-tab:hover,.stage-mode-tabs .mode-tab.is-selected{background:#fffffff0;color:var(--ink)}.status-panel{position:absolute;z-index:4;left:max(16px,env(safe-area-inset-left));top:max(58px,calc(env(safe-area-inset-top) + 58px));bottom:auto;display:grid;gap:6px;min-width:220px;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#1818186b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #0000001f;color:#fffffff0;transition:opacity .18s ease,transform .18s ease}.status-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--rose);box-shadow:0 0 0 4px #d9a3aa29}.status-metrics{color:#ffffffb8;font-size:12px;line-height:1.45}}@layer components{.developer-panel{position:absolute;z-index:4;right:max(74px,calc(env(safe-area-inset-right) + 74px));top:max(62px,calc(env(safe-area-inset-top) + 62px));display:grid;gap:10px;width:min(280px,calc(100vw - 112px));padding:12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#18181880;color:#fffffff0;box-shadow:0 14px 34px #00000029;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.developer-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.developer-panel__header span:first-child{font-size:13px;font-weight:900}.developer-panel__header span:last-child{color:#ffffff8f;font-size:10px;font-weight:800;text-transform:uppercase}.developer-panel__metrics{display:grid;gap:6px;margin:0}.developer-panel__metrics div{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:baseline;gap:10px;min-height:22px}.developer-panel__metrics dt,.developer-panel__metrics dd{min-width:0;margin:0}.developer-panel__metrics dt{color:#ffffff9e;font-size:11px;font-weight:800}.developer-panel__metrics dd{overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}}@layer components{.camera-toolrail{position:absolute;z-index:5;top:max(62px,calc(env(safe-area-inset-top) + 62px));right:max(14px,env(safe-area-inset-right));display:grid;gap:10px}.camera-toggle-button>span{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:var(--camera-glass);color:#fff;box-shadow:0 10px 24px #0000002e;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .12s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.camera-toggle-button:hover>span,.camera-toggle-button input:checked+span{border-color:#c8a96acc;background:var(--camera-glass-strong)}.camera-toggle-button:active>span{transform:translateY(1px)}.debug-tool-toggle{opacity:.46;transition:opacity .14s ease}.debug-tool-toggle:hover,.debug-tool-toggle:focus-within,.debug-tool-toggle:has(input:checked){opacity:1}.camera-toggle-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.camera-toggle-button{position:relative;display:inline-grid;cursor:pointer}.camera-toggle-button input{position:absolute;opacity:0;pointer-events:none}.stage-actionbar{position:absolute;z-index:5;left:50%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100vw - 24px);transform:translate(-50%);pointer-events:none}.camera-control-toolbar{display:inline-flex;align-items:center;gap:4px;min-height:56px;padding:5px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#18181861;box-shadow:0 16px 34px #00000029;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.start-camera-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:126px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#ffffffeb;color:var(--ink);font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 5px #c8a96a1f;pointer-events:auto;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.start-camera-button span{width:16px;height:16px;border:2px solid var(--champagne-dark);border-radius:999px;box-shadow:inset 0 0 0 3px #c8a96a29}.start-camera-button:hover{box-shadow:inset 0 0 0 5px #c8a96a33}.start-camera-button:active{transform:translateY(1px)}.start-camera-button:disabled{cursor:wait;opacity:.76}.camera-control-button{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff24;color:#fff;cursor:pointer;transition:transform .12s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.camera-control-button:not(:disabled):hover{border-color:#c8a96acc;background:var(--camera-glass-strong)}.camera-control-button:active{transform:translateY(1px)}.camera-control-button:disabled{cursor:not-allowed;opacity:.42}.camera-control-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.capture-button{display:inline-grid;place-items:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#ffffffeb;color:var(--ink);box-shadow:0 16px 36px #0003,inset 0 0 0 8px #c8a96a24;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.capture-button:hover{border-color:#c8a96ae6;box-shadow:0 18px 42px #0000003d,inset 0 0 0 8px #c8a96a33}.capture-button:active{transform:translateY(1px)}.capture-button:disabled{cursor:not-allowed;opacity:.54}.capture-button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}}@layer components{.controls{z-index:2;display:flex;flex-direction:column;gap:0;min-width:0;height:100%;overflow:auto;padding:max(22px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));border:1px solid rgba(215,204,199,.92);border-radius:8px;background:linear-gradient(180deg,#ffffffd6,#fbf8f5db 45%,#e7dfd861),#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand-block{display:grid;gap:8px;padding:0 0 20px;border-bottom:1px solid rgba(184,174,162,.44)}.eyebrow{margin:0;color:var(--champagne-dark);font-size:12px;font-weight:800;letter-spacing:0}.brand-block h1{margin:0;color:var(--ink);font-size:30px;line-height:1.08;letter-spacing:0}.brand-block p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.control-section{display:grid;gap:12px;padding:16px 0;border-bottom:1px solid rgba(184,174,162,.38)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}.section-heading span:first-child{color:var(--ink);font-size:15px;font-weight:800}.section-heading span:last-child{color:var(--rose-deep);font-size:11px;font-weight:700}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(184,174,162,.46);border-radius:8px;background:#e7dfd880}.mode-tab{min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.mode-tab:hover,.mode-tab.is-selected{background:#fff;color:var(--ink)}.mode-tab.is-selected{box-shadow:0 6px 14px #5f525217}.control-panel{display:block}.control-panel summary{display:flex;align-items:center;min-height:34px;padding:0 0 2px;cursor:pointer;list-style:none}.control-panel summary::-webkit-details-marker{display:none}.control-panel summary:after{margin-left:12px;content:"+";color:var(--champagne-dark);font-size:18px;font-weight:700;line-height:1}.control-panel[open] summary:after{content:"-"}.control-panel summary+*{margin-top:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;color:var(--ink);font-size:14px}.switch-row span{display:grid;gap:2px}.switch-row strong{font-size:14px;line-height:1.2}.switch-row small{color:var(--muted);font-size:12px;line-height:1.2}.switch-row input{position:relative;width:46px;height:26px;flex:0 0 auto;margin:0;border:1px solid var(--line-strong);border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8ecec;cursor:pointer;transition:background .14s ease,border-color .14s ease}.switch-row input:before{position:absolute;top:3px;left:3px;width:18px;height:18px;content:"";border-radius:999px;background:#fff;box-shadow:0 2px 6px #5f525229;transition:transform .14s ease}.switch-row input:checked{border-color:#c8a96ac2;background:var(--petal)}.switch-row input:checked:before{transform:translate(20px)}.sidebar-note{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.advanced-panel{padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}.advanced-panel summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;color:var(--muted);font-size:14px;font-weight:800;cursor:pointer;list-style:none}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel summary:after{content:"+";color:var(--champagne-dark);font-size:18px;line-height:1}.advanced-panel[open] summary:after{content:"-"}.error-box{margin-top:auto;padding:12px;border:1px solid rgba(180,88,88,.32);border-radius:8px;background:#b4585814;color:var(--danger);font-size:13px;line-height:1.45}}@layer components{.bottom-sheet-head,.bottom-sheet-tabs{display:none}@media (max-width: 820px){.controls{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));z-index:8;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:min(34dvh,288px);max-height:288px;overflow:hidden;padding:8px 12px 10px;border-color:#ffffff6b;background:#ffffffe6;box-shadow:0 20px 54px #18161633;transition:width .18s ease,height .18s ease,max-height .18s ease,background .18s ease,box-shadow .18s ease}.brand-block{display:none}.bottom-sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:6px;width:100%;padding:0 0 7px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.bottom-sheet-icon{display:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.bottom-sheet-handle{grid-column:2;width:42px;height:4px;border-radius:999px;background:#5f52523d}.bottom-sheet-head strong{grid-column:2;font-size:12px}.bottom-sheet-chevron{grid-column:3;justify-self:end;width:9px;height:9px;margin-right:4px;border-right:2px solid rgba(95,82,82,.56);border-bottom:2px solid rgba(95,82,82,.56);transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.app-shell.is-controls-collapsed .controls{left:auto;width:58px;grid-template-rows:auto;height:58px;max-height:58px;padding:0;border:0;border-radius:999px;overflow:visible;background:transparent;box-shadow:none}.app-shell.is-controls-collapsed .bottom-sheet-tabs,.app-shell.is-controls-collapsed .control-panel{display:none}.app-shell.is-controls-collapsed .bottom-sheet-head{display:inline-grid;grid-template-columns:1fr;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#ffffffeb;color:var(--ink);box-shadow:0 14px 30px #0000002e,inset 0 0 0 7px #c8a96a1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell.is-controls-collapsed .bottom-sheet-handle,.app-shell.is-controls-collapsed .bottom-sheet-head strong,.app-shell.is-controls-collapsed .bottom-sheet-chevron{display:none}.app-shell.is-controls-collapsed .bottom-sheet-icon{display:block}.app-shell.is-controls-collapsed .bottom-sheet-chevron{transform:translateY(3px) rotate(225deg)}.bottom-sheet-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f4f1eed1}.app-shell.is-ar-mode .bottom-sheet-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-sheet-tab{min-width:0;min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:900;cursor:pointer}.bottom-sheet-tab.is-selected{background:#fff;color:var(--ink);box-shadow:0 5px 12px #5f52521a}.control-section{padding:10px 0 0;border-bottom:0;overflow:auto}.control-section:not(.control-panel),.advanced-panel{display:none}.control-panel{display:none;min-height:0}.control-panel.is-active{display:block}.control-panel summary{display:none}.control-panel summary+*{margin-top:0}}}@layer components{.product-panel{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(270px,1fr) minmax(250px,.95fr);gap:12px;min-height:150px;padding:14px;border:1px solid rgba(229,223,220,.92);border-radius:8px;background:#ffffffc2;box-shadow:0 12px 30px #2c282614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.product-panel__section{display:grid;align-content:start;gap:12px;min-width:0}.product-panel__section+.product-panel__section{padding-left:12px;border-left:1px solid var(--line)}.necklace-card-list{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.necklace-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;width:min(260px,88vw);min-width:220px;min-height:72px;padding:9px;border:1px solid rgba(215,204,199,.94);border-radius:8px;background:linear-gradient(90deg,#e7dfd870,#fff0 32%),#ffffffb8;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.necklace-card:hover,.necklace-card.is-selected{border-color:#c8a96ac7;background:linear-gradient(90deg,#c8a96a1f,#fff0 38%),var(--warm-white)}.necklace-card.is-selected{box-shadow:inset 0 0 0 1px #c8a96a3d,0 10px 22px #24222014}.necklace-card__preview{position:relative;display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border:1px solid rgba(234,219,221,.92);border-radius:8px;background:linear-gradient(180deg,#ffffffd1,#fff8f6eb),#fff8f6}.necklace-card__thumbnail{display:block;width:100%;height:100%;object-fit:contain}.necklace-card__preview.has-thumbnail:before,.necklace-card__preview.has-thumbnail:after{display:none}.necklace-card__preview:before{position:absolute;top:15px;left:11px;width:30px;height:20px;content:"";border:2px solid var(--champagne);border-top:0;border-radius:0 0 28px 28px}.necklace-card__preview:after{position:absolute;top:32px;left:25px;width:5px;height:5px;content:"";border-radius:999px;background:var(--champagne);box-shadow:0 0 0 4px #c8a96a24}.necklace-card__content{display:grid;gap:4px;min-width:0}.necklace-card__content strong{overflow:hidden;color:var(--ink);font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.necklace-card__content small{color:var(--muted);font-size:12px;line-height:1.25}}@layer components{.color-swatch-list{display:grid;gap:12px}.color-target-group{display:grid;gap:8px;padding:10px 0 12px;border-top:1px solid rgba(184,174,162,.28)}.color-target-group__heading{color:var(--muted);font-size:12px;font-weight:900;line-height:1.25}.color-target-group__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.color-swatch{display:grid;justify-items:center;gap:6px;min-width:0;min-height:64px;padding:8px 5px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:var(--muted);cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease,opacity .14s ease}.color-swatch:hover,.color-swatch.is-selected{border-color:#c8a96ac7;background:var(--warm-white);color:var(--ink)}.color-swatch.is-selected{box-shadow:inset 0 0 0 1px #c8a96a3d}.color-swatch:disabled{cursor:not-allowed;opacity:.52}.color-swatch__chip{width:26px;height:26px;border:1px solid rgba(95,82,82,.14);border-radius:999px;background:radial-gradient(circle at 30% 24%,#ffffffd1,#fff0 36%),var(--swatch-color);box-shadow:inset 0 0 0 1px #ffffff57,0 4px 10px #5f52521f}.color-swatch span:last-child{max-width:100%;overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.18;text-align:center}.color-hint{margin:-4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.meaning-section{gap:12px}.color-meaning{display:grid;gap:8px;padding:12px;border:1px solid rgba(234,219,221,.9);border-radius:8px;background:#f4f1ee94}.color-meaning__title{display:flex;align-items:center;gap:8px;min-width:0}.color-meaning__chip{width:16px;height:16px;flex:0 0 auto;border:1px solid rgba(95,82,82,.14);border-radius:999px;background:radial-gradient(circle at 30% 24%,#ffffffd1,#fff0 42%),var(--meaning-color);box-shadow:0 3px 8px #5f52521a}.color-meaning strong{color:var(--ink);font-size:14px;line-height:1.2}.color-meaning p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.meaning-keywords{display:flex;flex-wrap:wrap;gap:6px}.meaning-keywords span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(222,198,201,.74);border-radius:999px;background:#ffffff94;color:var(--rose-deep);font-size:11px;font-weight:800;line-height:1}}@layer components{.tuning-list{display:grid;gap:8px}.calibration-note{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(200,169,106,.28);border-radius:8px;background:#fbf8f5b8;color:var(--muted);font-size:12px;font-weight:700;line-height:1.55}.calibration-note.is-dirty{border-color:#d9a3aa94;color:var(--rose-deep)}.calibration-note.is-saved{border-color:#7c9b726b;color:#617a59}.calibration-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:4px}.range-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:700}.range-row output{min-width:46px;color:var(--rose-deep);font-variant-numeric:tabular-nums;text-align:right}.range-control{width:100%;height:24px;margin:0 0 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.range-control::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--petal),var(--champagne))}.range-control::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;border:2px solid #ffffff;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--champagne);box-shadow:0 3px 8px #5f52522e}.range-control::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--petal),var(--champagne))}.range-control::-moz-range-thumb{width:16px;height:16px;border:2px solid #ffffff;border-radius:999px;background:var(--champagne);box-shadow:0 3px 8px #5f52522e}}@layer components{.share-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px}.share-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#2f2a2a3d;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-card{position:relative;z-index:1;display:grid;gap:14px;width:min(420px,calc(100vw - 36px));max-height:min(92dvh,760px);padding:18px;overflow:auto;border:1px solid rgba(234,219,221,.92);border-radius:8px;background:#fffffff0;box-shadow:0 24px 70px #5f525238}.share-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.share-card__header h2{margin:3px 0 0;color:var(--ink);font-size:22px;line-height:1.16}.share-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--warm-white)}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@layer states{.stage.is-camera-on .stage-placeholder,.stage.is-showcase .necklace-outline,.stage.is-ar-mode .necklace-outline{opacity:0}.stage.is-selfie-camera .camera-video{transform:scaleX(-1)}.stage.is-camera-on .camera-video{opacity:1}.stage.is-showcase #threeCanvas,.stage.is-ar-mode.is-camera-on #threeCanvas{cursor:grab;pointer-events:auto;touch-action:none}.stage.is-dragging-showcase #threeCanvas,.stage.is-dragging-calibration #threeCanvas{cursor:grabbing}.debug-canvas.is-visible{opacity:1}.developer-panel[hidden]{display:none}.status-dot.is-tracking{background:var(--ok);box-shadow:0 0 0 4px #7c9b7229}.status-dot.is-error{background:var(--danger);box-shadow:0 0 0 4px #b4585829}.camera-toolrail[hidden],.stage-actionbar[hidden],.stage.is-camera-on .start-camera-button{display:none}.stage:not(.is-camera-on) .capture-button{display:none}.capture-button.is-capturing{cursor:wait}.control-section[hidden],.advanced-panel[hidden],.color-swatch-list[hidden],.color-meaning[hidden],.error-box[hidden],.share-sheet[hidden]{display:none}}@layer accessibility{button:focus-visible,input:focus-visible,summary:focus-visible,[role=radio]:focus-visible{outline:2px solid rgba(200,169,106,.74);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}}@layer responsive{@media (max-width: 1120px){.app-shell{grid-template-columns:minmax(0,1fr) 300px}.product-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-panel__section:nth-child(3){grid-column:1 / -1;padding-left:0;padding-top:12px;border-top:1px solid var(--line);border-left:0}}@media (max-width: 820px){html,body{overflow:hidden}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:100dvh;height:100dvh;overflow:hidden;padding:0}.experience-column{min-height:100dvh}.stage{height:100dvh;min-height:100dvh;border:0;border-radius:0}.product-panel{grid-template-columns:1fr;min-height:auto;padding:12px}.product-panel__section+.product-panel__section,.product-panel__section:nth-child(3){grid-column:auto;padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0}.stage-topbar{top:12px;left:12px;right:12px;align-items:flex-start}.stage-brand{display:grid;gap:6px}.stage-mode-tabs{width:min(238px,62vw)}.camera-toolrail{top:58px;right:12px;gap:8px}.developer-panel{right:64px;top:58px;width:min(258px,calc(100vw - 132px))}.camera-toggle-button>span{width:42px;height:42px}.stage-actionbar{bottom:calc(min(34dvh,288px) + 22px + env(safe-area-inset-bottom))}.app-shell.is-controls-collapsed .stage-actionbar{bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px))}.start-camera-button{min-height:42px;min-width:112px;padding:0 14px;font-size:13px}.camera-control-toolbar{min-height:54px}.camera-control-button{width:42px;height:42px}.capture-button{width:62px;height:62px}.capture-button svg{width:27px;height:27px}}@media (max-width: 520px){.studio-mark{display:none}.status-panel{left:12px;right:auto;top:56px;min-width:0;max-width:calc(100vw - 82px);padding:10px 11px}.stage.is-camera-on .status-panel.is-passive{opacity:0;transform:translateY(8px);pointer-events:none}.developer-panel{left:12px;right:64px;top:108px;width:auto;padding:10px}.developer-panel__metrics div{grid-template-columns:72px minmax(0,1fr)}.necklace-card{min-height:66px}.share-card{padding:16px}.share-actions{grid-template-columns:1fr}}}