.scenario-suite{--suite-border:#ccd4d1;--suite-gold:#a86b22;color:#243b3a;background:#f8faf7;border:1px solid var(--suite-border);border-radius:16px;padding:20px;max-width:100%;overflow:hidden}.suite-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.suite-header h2{margin:5px 0}.suite-header small{letter-spacing:.12em;color:#6a7771}.suite-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.scenario-suite label,.suite-dialog label{display:grid;gap:5px;font-size:.88rem}.scenario-suite small,.suite-dialog small{font-size:.76rem;color:#65746c}.scenario-suite input,.scenario-suite select,.scenario-suite textarea,.suite-dialog input,.suite-dialog select,.suite-dialog textarea{max-width:100%;min-width:0;border:1px solid #b8c4bc;border-radius:7px;padding:8px;background:#fff;color:#243b3a}.scenario-suite button,.suite-dialog button{min-height:38px;border:1px solid #bcc9bf;border-radius:7px;padding:7px 11px;background:#fff;color:#243b3a;cursor:pointer}.scenario-suite button:hover,.scenario-suite button[aria-pressed=true],.scenario-suite button[aria-current=location]{border-color:var(--suite-gold);background:#fff3d9}.scenario-suite button:disabled{opacity:.5;cursor:default}.suite-layout{display:grid;grid-template-columns:180px minmax(240px,1fr) 290px;gap:16px}.suite-tree,.suite-inspector,.suite-centre{min-width:0}.suite-tree h3{font-size:.95rem;margin:14px 0 8px}.suite-tree nav,.suite-tree #suite-beats,.suite-entry-list{display:grid;gap:5px;margin:10px 0}.suite-tree nav button,.suite-entry-list button{text-align:left;overflow-wrap:anywhere}.suite-tree nav small,.suite-entry-list small{display:block;margin-top:3px}.suite-tree details a{display:block;padding:7px 0}.suite-stage{position:relative;background:#d7dfcf;border:1px solid var(--suite-border);border-radius:12px;overflow:hidden;height:440px}.suite-stage canvas{display:block;width:100%;height:100%;touch-action:none}.suite-stage-actions{position:absolute;bottom:10px;left:10px;display:flex;gap:6px}.suite-stage-actions button{background:#ffffffdf}.suite-centre>p{font-size:.8rem;color:#66736d}.suite-inspector{border-left:1px solid var(--suite-border);padding-left:14px}.suite-inspector [role=tablist]{display:flex;gap:5px}.suite-inspector article{border-top:1px solid var(--suite-border);padding:10px 0}.suite-inspector h3,.suite-inspector h4{margin:12px 0}.suite-inspector p{font-size:.86rem;overflow-wrap:anywhere}.suite-inspector dl{font-size:.85rem}.suite-inspector dd{margin:2px 0 10px}.suite-inspector dd small{display:block}.suite-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid var(--suite-border);padding-top:16px;margin-top:18px;font-size:.8rem}.suite-footer input{width:210px}.suite-view-mode .suite-create-tools,.suite-view-mode #suite-add-scene,.suite-view-mode #suite-add-beat{display:none}.suite-dialog{width:min(720px,calc(100vw - 24px));max-height:90vh;border:1px solid #aabbb0;border-radius:16px;padding:22px;background:#f8faf7;color:#243b3a}.suite-dialog::backdrop{background:#132d38aa}.suite-dialog form{display:grid;gap:14px}.suite-dialog h2{margin:0}.suite-dialog textarea{min-height:110px;resize:vertical}.suite-dialog fieldset{border:1px solid #c3cfc6;border-radius:10px;padding:12px}.suite-coordinate-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.suite-source-list{max-height:250px;overflow:auto}.suite-source-row{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px;border-bottom:1px solid #dce3dd;padding:8px 0}.suite-source-row[hidden]{display:none}.suite-source-row>label:first-child{display:block}.suite-source-row small{display:block;margin-left:23px}.suite-source-row input[type=checkbox],.suite-source-row input[type=radio]{margin-right:8px}.suite-error{color:#9e3232;white-space:pre-wrap}.suite-dialog .primary{background:#244c46;color:#fff}.scenario-maker-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #c8b88c;border-radius:8px;padding:10px;margin:10px 0;background:#fff9e8;color:#34463b}.scenario-maker-bar span{font-size:.8rem}.scenario-maker-bar button{padding:7px 10px}.suite-centre #suite-breadcrumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.suite-centre #suite-breadcrumbs button{min-height:30px;padding:4px 7px;font-size:.8rem}#suite-story-player{border:1px solid #c7a365;border-radius:12px;background:#fff6e4;padding:16px;margin:12px 0}#suite-story-player p{white-space:pre-wrap}#suite-story-player button{margin:4px}#suite-status{min-height:1.3em;font-size:.85rem;color:#536c5d}@media(max-width:1200px){.suite-layout{grid-template-columns:150px minmax(220px,1fr)}.suite-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--suite-border);padding:14px 0 0}.suite-header{display:block}.suite-header>.suite-toolbar{margin-top:12px}}@media(max-width:650px){.scenario-suite{padding:12px}.suite-layout{grid-template-columns:minmax(0,1fr)}.suite-tree{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.suite-tree h3{flex-basis:100%;margin:6px 0}.suite-tree nav,.suite-tree #suite-beats{display:flex;overflow:auto;max-width:100%;margin:0}.suite-tree nav button{min-width:120px}.suite-tree details{flex-basis:100%}.suite-stage{height:330px}.suite-dialog{padding:14px}.suite-source-row{grid-template-columns:minmax(0,1fr) 65px}}
.suite-record-thumbnail{display:block;max-width:100%;max-height:220px;border-radius:8px;object-fit:contain}#suite-recorded-view{display:flex;align-items:center;gap:14px;padding:12px;margin:12px 0;border:1px solid var(--line,#d7dce2);border-radius:10px}#suite-recorded-view[hidden]{display:none}#suite-recorded-view img{width:42%;max-height:220px;object-fit:contain;border-radius:8px}#suite-recorded-view p{font-size:.85rem}#suite-recorded-view button{min-height:44px}@media(max-width:600px){#suite-recorded-view{flex-direction:column;align-items:stretch}#suite-recorded-view img{width:100%}}