.appShell{height:100%}.appMain{height:100%;display:flex;gap:0}.viewerPane{flex:3 1 0;min-width:0;position:relative;background:var(--viewer-bg)}.optionsPane{flex:1 1 0;min-width:280px;max-width:420px;border-left:1px solid var(--panel-border);background:var(--panel-bg);overflow:auto}.viewerOnly{height:100%;display:flex;flex-direction:column;min-height:0}.optionsOnly{height:100%;background:var(--panel-bg);overflow:auto}@media(max-width:900px){.appMain{flex-direction:column}.viewerPane{flex:0 0 auto;height:58vh}.optionsPane{max-width:none;min-width:0;border-left:none;border-top:1px solid var(--panel-border);height:42vh}}:root{--bg: #f7f8fb;--fg: #0f172a;--panel-bg: #ffffff;--panel-border: rgba(15, 23, 42, .12);--muted: rgba(15, 23, 42, .62);--accent: #2563eb;--viewer-bg: #eef2f7;--viewer-ground: #e3e9f2;--viewer-key: .98;--viewer-fill: .42;--viewer-rim: .22;--viewer-exposure: .98;--viewer-accent: #2563eb}:root[data-theme=dark]{--bg: #0b1020;--fg: #e7eaf2;--panel-bg: #0f1730;--panel-border: rgba(231, 234, 242, .12);--muted: rgba(231, 234, 242, .7);--accent: #60a5fa;--viewer-bg: #0a0f1c;--viewer-ground: #0f172a;--viewer-key: 1.05;--viewer-fill: .45;--viewer-rim: .35;--viewer-exposure: 1.1;--viewer-accent: #60a5fa}:root[data-theme=blue]{--bg: #061326;--fg: #eaf2ff;--panel-bg: #071a33;--panel-border: rgba(234, 242, 255, .14);--muted: rgba(234, 242, 255, .72);--accent: #38bdf8;--viewer-bg: #051427;--viewer-ground: #071b34;--viewer-key: 1;--viewer-fill: .45;--viewer-rim: .35;--viewer-exposure: 1.05;--viewer-accent: #38bdf8}:root[data-theme=orange-light]{--bg: #fff7f0;--fg: #1f2937;--panel-bg: #ffffff;--panel-border: rgba(31, 41, 55, .14);--muted: rgba(31, 41, 55, .64);--accent: #f97316;--viewer-bg: #fff1e6;--viewer-ground: #f7e3d3;--viewer-key: 1;--viewer-fill: .44;--viewer-rim: .24;--viewer-exposure: .98;--viewer-accent: #f97316}:root[data-theme=orange-dark]{--bg: #1a0f0b;--fg: #fff2e8;--panel-bg: #20120c;--panel-border: rgba(255, 242, 232, .14);--muted: rgba(255, 242, 232, .7);--accent: #fb923c;--viewer-bg: #160c08;--viewer-ground: #23120b;--viewer-key: 1.02;--viewer-fill: .46;--viewer-rim: .34;--viewer-exposure: 1.06;--viewer-accent: #fb923c}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}button,select,input{font:inherit}a{color:inherit}#root{height:100%}