:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171b1e;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--panel:#f8f9f5f0;--panel-strong:#fff;--line:#171b1e24;--ink:#171b1e;--muted:#667078;--accent:#e34d34;--blue:#1768a8;background:#f0f1ed;font-family:Avenir Next,Pretendard,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}.app-shell{width:100%;height:100%;position:relative;overflow:hidden}.app-shell canvas{display:block}.state-panel{z-index:100;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;width:min(390px,100vw - 36px);max-height:calc(100vh - 36px);padding:18px;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 18px 55px #1f232129}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.panel-heading svg{width:26px;height:26px;color:var(--accent);flex:none}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.73rem;font-weight:700}h1{letter-spacing:0;margin:0;font-size:1.22rem;line-height:1.12}.navigation-hint{color:#4d565c;background:#ffffffa3;border:1px solid #171b1e1f;border-radius:7px;margin:12px 0 0;padding:9px 11px;font-size:.78rem;font-weight:700;line-height:1.35}.start-sequence-button{color:#fff;text-align:left;cursor:pointer;background:#e34d34;border:1px solid #e34d3494;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;font-weight:850;display:grid}.start-sequence-button:disabled{cursor:default;opacity:.72}.state-buttons{gap:8px;margin-top:16px;display:grid}.state-button{border:1px solid var(--line);min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff9e;border-radius:6px;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:9px 11px;transition:border-color .14s,background .14s,transform .14s;display:grid}.state-button:hover{border-color:#e34d3473;transform:translateY(-1px)}.state-button.is-active{box-shadow:inset 3px 0 0 var(--accent);background:#fff7f3;border-color:#e34d34b8}.state-button svg{color:var(--accent)}.state-button span{overflow-wrap:anywhere;letter-spacing:0;min-width:0;font-size:.86rem;font-weight:700}.timeline-control{border:1px solid var(--line);background:#ffffffa8;border-radius:8px;gap:8px;margin-top:16px;padding:14px;display:grid}.timeline-control span,.timeline-control strong{color:var(--muted);letter-spacing:0;font-size:.78rem}.timeline-control strong{color:var(--ink)}.timeline-control input{width:100%;accent-color:var(--accent)}.toggle-row{border:1px solid var(--line);color:var(--ink);background:#ffffff9e;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:.86rem;font-weight:700;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 0;display:grid}.readouts div{border:1px solid var(--line);background:#ffffff94;border-radius:7px;min-width:0;padding:10px}.readouts dt{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.7rem;font-weight:800}.readouts dd{color:var(--ink);letter-spacing:0;margin:0;font-size:1rem;font-weight:800}.scene-label,.inline-tag,.measurement-label{color:#171b1e;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;pointer-events:none;background:#ffffffeb;border:1px solid #161d2329;border-radius:6px;width:max-content;min-width:108px;max-width:220px;padding:7px 9px;font-size:12px;font-weight:800;line-height:1.25;position:relative;box-shadow:0 8px 24px #1c23281f}.scene-label--compact{min-width:0;max-width:170px;padding:5px 7px;font-size:10px}.scene-label--hot{color:#9d2f1e;background:#fff8f4f2;border-color:#e34d3466}.scene-label--warning{color:#7a4a00;background:#fff9e8f5;border-color:#f39c1273}.inline-tag{color:#f7f8f5;text-align:center;min-width:0;max-width:150px;box-shadow:none;background:#161b1fd1;border-radius:5px;padding:4px 7px;font-size:10px}.inline-tag--hot{background:#d33d2d}.measurement-label{color:#46515a;box-shadow:none;padding:4px 7px;font-size:10px}@media (width<=720px){.state-panel{width:auto;max-height:46vh;padding:14px;inset:auto 12px 12px}.state-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.state-button{grid-template-columns:20px 1fr}.state-button span{font-size:.74rem}}