:root{color-scheme:dark;font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;background:#080909;color:#eff6f1}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{position:relative;display:grid;width:100vw;height:100vh;place-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),#111614;background-size:96px 96px}.stage-frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;background-image:var(--simulator-bg);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 0 1px #eff6f11a}.simulator-canvas{display:block;width:100%;height:100%}.floating-tools{position:fixed;top:14px;right:14px;z-index:10;display:grid;gap:8px}.tool-fab{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid rgba(239,246,241,.32);border-radius:999px;background:#08090994;color:#eff6f1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-fab:hover{background:#eff6f129}.record-fab{color:#ffd9d2}.record-fab.recording{border-color:#ff5d48d1;background:#ff5d4838;color:#ff6d58}.recording-indicator,.recording-error{position:fixed;left:14px;z-index:10;border:1px solid rgba(239,246,241,.2);border-radius:4px;background:#0809099e;color:#eff6f1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recording-indicator{top:14px;display:flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;color:#ff6d58;font-size:12px;font-weight:900}.recording-error{bottom:14px;max-width:min(420px,calc(100vw - 28px));padding:10px 12px;color:#ffd9d2;font-size:13px;line-height:1.4}.key-guide{position:fixed;top:98px;right:14px;z-index:9;width:168px;padding:10px;border:1px solid rgba(239,246,241,.2);border-radius:4px;background:#0809099e;color:#eff6f1c7;font-size:12px;line-height:1.3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.key-guide-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#eff6f1;font-weight:800}.key-guide-close{display:grid;width:22px;height:22px;place-items:center;padding:0;border:1px solid rgba(239,246,241,.18);border-radius:999px;background:transparent;color:#eff6f1;cursor:pointer}.key-guide dl{display:grid;grid-template-columns:52px 1fr;gap:6px 8px;margin:0}.key-guide dt{min-width:0;padding:2px 5px;border-radius:3px;background:#eff6f11f;color:#eff6f1;font-weight:800;text-align:center}.key-guide dd{margin:0}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#02030394}.settings-modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(239,246,241,.18);border-radius:8px;background:#101412f5;box-shadow:0 24px 80px #0000008c}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 10px}.eyebrow{margin:0 0 6px;color:#a8c7b2;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.modal-header h1{margin:0;font-size:24px;line-height:1.2}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(239,246,241,.22);border-radius:999px;background:transparent;color:#eff6f1;cursor:pointer;font-size:22px;line-height:1}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 24px 22px}.control-block,.toggle-row{display:grid;gap:10px;min-height:92px;padding:14px;border:1px solid rgba(239,246,241,.14);border-radius:6px;background:#eff6f10b}.control-block span,.toggle-row span{color:#eff6f1d1;font-size:13px;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented button{min-height:40px;border:1px solid rgba(239,246,241,.16);border-radius:4px;background:#ffffff0d;color:#eff6f1;cursor:pointer}.segmented button.active{border-color:#b0e0becc;background:#b0e0be;color:#101513}.range-row{display:grid;grid-template-columns:1fr 76px;gap:12px;align-items:center}input[type=range]{width:100%;accent-color:#b0e0be}.number-input{min-width:0;height:38px;border:1px solid rgba(239,246,241,.18);border-radius:4px;background:#0003;color:#eff6f1;text-align:center}.toggle-row{grid-template-columns:1fr auto;align-items:center;min-height:72px}.toggle-row input{width:22px;height:22px;accent-color:#b0e0be}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 24px}.primary-button,.secondary-button,.ghost-button{min-height:40px;padding:0 16px;border-radius:4px;cursor:pointer}.primary-button{border:1px solid #b0e0be;background:#b0e0be;color:#101513;font-weight:800}.secondary-button,.ghost-button{border:1px solid rgba(239,246,241,.18);background:#ffffff0f;color:#eff6f1}.ghost-button{background:transparent}@media(max-width:680px){.modal-backdrop{padding:12px}.control-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{flex:1 1 160px}}