:root{--bg:#f4f3f0;--surface:#fff;--border:#dedcd6;--text:#2a2822;--text-dim:#6b675e;--accent:#b06a2c;--accent-text:#fff;--danger:#c2453a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161a;--surface:#201f24;--border:#34333a;--text:#eeece7;--text-dim:#a3a09a;--accent:#d78f4c;--accent-text:#201406}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);font:15px/1.5 system-ui,Segoe UI,Roboto,Malgun Gothic,sans-serif}button{font:inherit;color:inherit}h1,h2,h3{color:var(--text);margin:0}p{color:var(--text-dim);margin:0}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);flex:none;align-items:baseline;gap:10px;padding:10px 16px;display:flex}.app-header h1{letter-spacing:-.2px;font-size:17px;font-weight:700}.app-header p{font-size:12.5px}.app-body{flex:1;min-height:0;display:flex}.viewport{background:var(--bg);flex:1;min-width:0;position:relative}.panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:340px;display:flex;overflow:hidden}.panel-toggle{display:none}.panel-content{flex-direction:column;gap:4px;padding:4px 16px 24px;display:flex;overflow-y:auto}.panel-section{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 0;display:flex}.panel-section:last-child{border-bottom:none}.quick-guide ol{color:var(--text-dim);margin:0;padding-left:20px;font-size:12px}.quick-guide details{color:var(--text-dim);font-size:12px}.quick-guide summary{color:var(--text);cursor:pointer;font-weight:600}.quick-guide p,.quick-guide a{font-size:12px}.quick-guide a{color:var(--accent);font-weight:600}.panel-section h2{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-size:13px}.panel-subheader{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.panel-subheader h3{color:var(--text-dim);font-size:12.5px;font-weight:600}.hint-text{font-size:12px;line-height:1.5}.mode-switch{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.mode-switch button{background:var(--surface);cursor:pointer;border:none;flex:1;padding:8px 6px;font-size:12.5px}.mode-switch button.active{background:var(--accent);color:var(--accent-text);font-weight:600}.button-row,.button-col{flex-wrap:wrap;gap:8px;display:flex}.button-col{flex-direction:column}.button-row button,.button-col button,.preset-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:8px 10px;font-size:12.5px}.button-row button{flex:1}.button-row button:disabled,.button-col button:disabled{opacity:.4;cursor:not-allowed}.button-col button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset-btn{text-align:left;width:100%}.preset-grid .preset-btn{flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.preset-thumb{aspect-ratio:5/3;background:#1c1c21;width:100%;display:block}.preset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.preset-label{text-align:center;padding:6px 8px}.user-pose-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.user-pose-list li{gap:6px;display:flex}.user-pose-list .preset-btn{flex:1}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;color:var(--danger);border-radius:7px}.empty-hint{font-size:12px;font-style:italic}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.selection-hint{color:var(--text-dim);align-items:center;gap:8px;font-size:12.5px;display:flex}.field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.field select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:7px 8px}.checkbox-field{align-items:center;gap:8px;font-size:12.5px;display:flex}.checkbox-field-nested{color:var(--text-dim);margin-left:22px}.export-preview{flex-direction:column;gap:8px;display:flex}.export-preview-main{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;overflow:hidden}.export-preview-main img{object-fit:contain;width:100%;height:100%;display:block}.export-preview-thumbs{gap:8px;display:flex}.export-preview-thumb{flex-direction:column;flex:1;gap:4px;display:flex}.export-preview-thumb img,.export-preview-thumb .export-preview-empty{aspect-ratio:4/3;border:1px solid var(--border);object-fit:contain;background:var(--surface);border-radius:6px;width:100%;display:block}.export-preview-thumb span{color:var(--text-dim);text-align:center;font-size:11px}.export-preview-empty{width:100%;height:100%}@media (width<=760px){.app-body{flex-direction:column}.viewport{flex:1;min-height:0}.panel{border-left:none;border-top:1px solid var(--border);width:100%;max-height:46vh}.panel.collapsed{max-height:44px}.panel-toggle{background:var(--surface);border:none;border-bottom:1px solid var(--border);cursor:pointer;flex:none;width:100%;padding:10px;font-size:13px;font-weight:600;display:block}.panel.collapsed .panel-content{display:none}.panel-content{padding:4px 14px 16px}}