html,body{margin:0;padding:0;background:#0b1410;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f3efe2;overflow:hidden}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.ss-root{position:relative;width:640px;height:480px;max-width:100vw;max-height:100vh;background:linear-gradient(180deg,#1a2a22,#0c1612);overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:4px;box-shadow:0 10px 40px #0006}.ss-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ss-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}.ss-overlay>*{pointer-events:auto}.ss-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:linear-gradient(180deg,#0000008c,#0000);font-size:12px}.ss-title{font-weight:700;letter-spacing:.5px;color:#fff8e0}.ss-scene-tag{font-size:11px;opacity:.8;padding:2px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px}.ss-meters{position:absolute;top:36px;right:8px;display:flex;flex-direction:column;gap:4px;width:150px;font-size:10px}.ss-meter{background:#00000073;border-radius:4px;padding:3px 6px}.ss-meter-label{display:flex;justify-content:space-between;margin-bottom:2px;color:#f4ecd2}.ss-meter-bar{height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ss-meter-fill{height:100%;border-radius:3px;transition:width .4s ease}.ss-bottom{margin-top:auto;padding:10px;background:linear-gradient(0deg,#000000b3,#0000)}.ss-panel{background:#0f1914e6;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.4;color:#f3efe2;max-width:100%}.ss-panel-title{font-weight:700;color:#ffe4a3;margin-bottom:4px;font-size:13px}.ss-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ss-btn{font-family:inherit;font-size:12px;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:#2c4034;color:#f4ecd2;cursor:pointer;transition:background .15s,transform .1s}.ss-btn:hover{background:#3c5645}.ss-btn:active{transform:translateY(1px)}.ss-btn-primary{background:#c8842b;border-color:#b07120;color:#1a1107;font-weight:600}.ss-btn-primary:hover{background:#d99334}.ss-btn-ghost{background:transparent}.ss-btn-small{font-size:11px;padding:4px 8px}.ss-controls-hint{position:absolute;bottom:6px;left:8px;font-size:11px;color:#f4ecd2;background:#0009;border:1px solid rgba(255,255,255,.15);padding:4px 10px;border-radius:999px;pointer-events:none;font-weight:500;letter-spacing:.2px}.ss-help-btn{position:absolute;top:34px;right:8px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#ffe4a3;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.ss-help-btn:hover{background:#000000d9}.ss-help-panel{position:absolute;top:64px;right:8px;background:#0f1914f7;border:1px solid rgba(255,228,163,.3);border-radius:6px;padding:10px 14px;font-size:11px;line-height:1.7;color:#f3efe2;z-index:11;max-width:220px;box-shadow:0 4px 16px #0006}.ss-help-panel h4{margin:0 0 6px;color:#ffd989;font-size:12px;letter-spacing:.3px}.ss-help-panel kbd{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 5px;font-family:ui-monospace,monospace;font-size:10px;color:#fff8e0;min-width:14px;text-align:center}.ss-camera-buttons{position:absolute;bottom:8px;right:8px;display:flex;gap:4px}.ss-camera-buttons button{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:#00000080;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ss-camera-buttons button:hover{background:#000000bf}.ss-center-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.ss-card{background:#14201b;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:18px 22px;max-width:480px;width:calc(100% - 40px);text-align:center;box-shadow:0 8px 30px #00000080}.ss-card h1{margin:0 0 6px;color:#ffd989;font-size:22px;letter-spacing:.5px}.ss-card h2{margin:0 0 10px;color:#ffd989;font-size:18px}.ss-card p{margin:4px 0;font-size:12px;line-height:1.45;color:#e8e1cb}.ss-summary{text-align:left;font-size:11px;margin:10px 0;background:#0000004d;padding:8px 10px;border-radius:4px}.ss-summary div{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.ss-summary div:last-child{border-bottom:none}.ss-summary span:first-child{color:#b8b0a0}.ss-summary span:last-child{color:#f4ecd2;font-weight:600}.ss-feedback{margin-top:6px;font-size:11px;color:#a4d99a;font-style:italic}.ss-feedback.bad{color:#ff9b8a}.ss-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#000000d9;color:#ffe4a3;font-size:11px;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,228,163,.3);animation:ss-toast-in .3s ease;max-width:380px;text-align:center}@keyframes ss-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.ss-options-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.ss-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0000004d;padding:5px 8px;border-radius:4px;font-size:11px}.ss-option-row.selected{background:#c8842b33;border:1px solid rgba(200,132,43,.5)}.ss-tip{font-size:10px;color:#b8b0a0;margin-top:8px;line-height:1.35}.ss-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}