:root{color-scheme:light;--ink: #1d1e24;--muted: #747987;--paper: #f5f6fa;--paper-deep: #e9ebf2;--surface: #ffffff;--line: #e1e4ec;--wine: #202127;--wine-deep: #41434c;--brass: #858d9e;--olive: #52675d;--display-font: "Bodoni MT", "Palatino Linotype", "Book Antiqua", Georgia, serif;--body-font: "Aptos", "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:360px;min-height:100%;background:var(--paper)}body{min-width:360px;min-height:100vh;margin:0;color:var(--ink);font-family:var(--body-font);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:radial-gradient(ellipse at 17% 8%,rgba(220,228,244,.54),transparent 39%),radial-gradient(ellipse at 82% 15%,rgba(235,231,242,.38),transparent 35%),linear-gradient(145deg,#fafbfe,#f2f4f8 54%,#f7f7fa)}button,input,select{font:inherit}button,a,select,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}::selection{color:#fff;background:var(--wine)}.studio .immersive-toggle{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--ink);border-radius:999px;color:#fff;background:var(--ink)}.studio .view-toggle button{cursor:pointer;font-size:13px;font-weight:650;white-space:nowrap;transition:background .16s ease,transform .16s ease}.studio .immersive-toggle:hover{transform:translateY(-1px);background:var(--wine-deep)}.studio .immersive-toggle svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.studio .immersive-toggle:focus-visible,.studio .immersive-exit:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.studio.is-immersive .studio-workspace{position:relative;width:100%;height:100%;gap:0;padding:0}.studio.is-immersive .workspace-panels{height:100%;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-auto-rows:minmax(0,1fr);gap:0;padding:56px 0 0}.studio.is-immersive .workspace-panels.compare{grid-template-columns:repeat(2,minmax(0,1fr))}.studio.is-immersive .looks-comparison{height:100%;padding:0}.studio.is-immersive .comparison-card figure{min-height:0}.studio.is-immersive .comparison-results{flex:1;min-height:0}.studio .workspace-control-menu{position:relative;flex:0 0 auto}.studio .workspace-control-menu:after{position:absolute;top:100%;right:0;width:46px;height:12px;content:""}.studio .workspace-actions{position:absolute;z-index:5;top:calc(100% + 8px);right:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:5px;border:1px solid var(--line);border-radius:24px;background:#fffffff0;box-shadow:0 14px 36px #2528331f;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden}.studio .workspace-control-menu.is-open .workspace-actions{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.studio .workspace-control-menu.is-open.opens-up .workspace-actions{top:auto;bottom:calc(100% + 4px)}.studio .workspace-menu-toggle{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffffe6;box-shadow:0 8px 24px #25283314;color:var(--ink);cursor:pointer}.studio .workspace-menu-toggle svg{width:21px;height:21px;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.studio .workspace-menu-toggle:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.studio .immersive-exit{position:fixed;top:16px;right:16px;z-index:30;opacity:.72;transition:opacity .15s ease}.studio .fullscreen-error{position:fixed;top:72px;right:16px;z-index:31;max-width:min(360px,100vw - 32px);margin:0;padding:10px 14px;border:1px solid #e8c4c2;border-radius:10px;color:#923e3d;background:#fff7f6;box-shadow:0 8px 24px #2528331f;font-size:13px;line-height:1.4}.studio .immersive-exit:hover,.studio .immersive-exit:focus-visible{opacity:1}.result-model-picker{position:relative;z-index:4}.model-picker-trigger{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffeb;cursor:pointer;font:inherit;font-size:13px;font-weight:650;white-space:nowrap}.model-picker-trigger:hover,.model-picker-option:hover{border-color:#835b3e57;background:#fbf7f2}.model-picker-trigger:focus-visible,.model-picker-option:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.model-picker-cost{color:var(--muted);font-size:12px;font-weight:500}.model-picker-chevron{width:14px;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:transform .16s ease}.model-picker-chevron.is-open{transform:rotate(180deg)}.model-picker-options{position:absolute;top:calc(100% + 7px);right:0;display:grid;width:min(216px,100vw - 40px);gap:3px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 34px #25283329}.model-picker-option{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:#fff;cursor:pointer;font:inherit;text-align:left}.model-picker-option.is-selected{border-color:#835b3e33;background:#f7f1eb}@media(max-width:680px){.studio.is-immersive .workspace-panels{height:auto;flex:0 0 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(400px,65dvh)}.studio .workspace-actions{width:min(100vw - 32px,330px);max-height:calc(100dvh - 32px);flex-direction:column;align-items:stretch;gap:4px;overflow-y:auto;padding:3px}}@media(prefers-reduced-motion:reduce){.model-picker-chevron{transition:none}}.result-fullscreen{position:absolute;z-index:3;top:14px;right:14px;display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff;background:#1d1e24bd;box-shadow:0 8px 22px #14161d2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-size:12px;font-weight:650;transition:background .16s ease,transform .16s ease}.result-fullscreen:hover{transform:translateY(-1px);background:#1d1e24e6}.result-fullscreen svg,.lightbox-close svg{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.result-fullscreen:focus-visible,.lightbox-close:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.result-lightbox[open]{position:fixed;inset:0;display:flex;width:100vw;max-width:none;height:100dvh;max-height:none;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0;padding:clamp(20px,4vw,56px);overflow:hidden;border:0;color:#fff;background:#101116;outline:none}.result-lightbox::backdrop{background:#101116f7}.lightbox-close{position:absolute;z-index:2;top:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:#ffffff1a;cursor:pointer;transition:background .16s ease,transform .16s ease}.lightbox-close:hover{transform:rotate(90deg);background:#ffffff2e}.lightbox-figure{display:flex;width:100%;height:100%;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0}.lightbox-image{display:block;width:100%;height:calc(100% - 60px);min-height:0;object-fit:contain}.lightbox-figure figcaption{display:flex;min-height:40px;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;text-align:center}.lightbox-eyebrow{color:#d9c8a4;font-size:10px;font-weight:700;letter-spacing:1.7px}.lightbox-figure strong{font-family:var(--display-font);font-size:clamp(18px,2.4vw,26px);font-weight:400}.lightbox-figure figcaption>span:not(.lightbox-eyebrow){color:#ffffff9e;font-size:12px}.lightbox-hint{position:absolute;bottom:12px;margin:0;color:#ffffff85;font-size:11px;letter-spacing:.2px}@media(max-width:680px){.studio.is-immersive .workspace-panels.compare{grid-template-columns:minmax(0,1fr)}.studio.is-immersive .looks-comparison{height:auto}.result-fullscreen{top:10px;right:10px;min-height:42px;padding-inline:12px;font-size:11px}.lightbox-image{height:calc(100% - 84px)}.lightbox-hint{bottom:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.studio.is-immersive .workspace-toolbar,.result-fullscreen,.lightbox-close,.studio .immersive-toggle{transition:none}}