.story-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 245px;gap:0;height:calc(100dvh - 160px);min-height:520px;border:1px solid #303641;border-radius:18px;overflow:hidden;background:#161a22}.story-layout button:disabled{opacity:.4}.story-sessions{background:#14171e;padding:20px 14px;display:flex;flex-direction:column;min-height:0;border-right:1px solid #303641}.story-sessions .back-link{font-size:10px;margin-bottom:24px}.story-sessions h2{font-size:17px}.story-world-list{display:grid;gap:7px;margin:20px 0}.story-world-list a{display:flex;align-items:center;gap:9px;padding:10px 7px;border-radius:8px;color:#919aab;font-size:11px}.story-world-list a.selected{background:#252c28;color:#d5ff70}.story-world-list img{width:28px;height:35px;border-radius:5px;object-fit:cover}.story-world-list span{flex:1;min-width:0}.story-world-list svg{width:12px}.story-list-label{font-size:9px;letter-spacing:1px;color:#6e7c91;padding:8px;border-top:1px solid #2b3240}.story-session-list{overflow:auto;flex:1}.story-session-list button{display:block;width:100%;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:8px;margin-bottom:5px}.story-session-list button.selected{border-color:#394337;background:#20271f}.story-session-list strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.story-session-list small{display:block;color:#77869b;font-size:9px;margin-top:5px}.story-local-note{font-size:9px;color:#778394;line-height:1.9;padding:15px 4px 0}.story-local-note svg{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle}.story-room{min-width:0;display:flex;flex-direction:column;min-height:0}.story-room-head{display:flex;gap:10px;align-items:center;padding:17px 22px;border-bottom:1px solid #2d3440}.story-room-head>div{flex:1;min-width:0}.story-world-title{font-size:13px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-room-head p{font-size:10px;color:#7f8ca0;margin-top:3px}.story-model{display:flex;align-items:center;gap:6px;max-width:170px;font-size:10px;padding:6px 9px;border:1px solid #394236;border-radius:7px;color:#a9b99c;overflow-wrap:anywhere}.story-status{width:6px;height:6px;border-radius:50%;background:#7a8290;flex-shrink:0}.story-status.ready{background:#d5ff70;box-shadow:0 0 8px #d5ff7040}.story-scene{height:133px;flex-shrink:0;position:relative;display:flex;align-items:center;padding:24px;overflow:hidden}.story-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000)}.story-scene>div{position:relative}.story-scene span{font-size:8px;letter-spacing:2px;color:#b6b1fc}.story-scene h2{font-size:21px;letter-spacing:1px;margin:8px 0 4px}.story-scene p{font-size:10px;color:#b2bccc}.story-scene-edit{position:absolute;right:15px;bottom:20px;display:flex;gap:5px;align-items:center;font-size:10px;background:#151b24a8;border:1px solid #646f8299;padding:5px 8px;border-radius:6px}.story-scene-edit svg{width:11px;height:11px}.story-toolbar{display:flex;flex-wrap:wrap;gap:18px;padding:11px 22px;border-block:1px solid #303640;background:#1b2029}.story-toolbar button{display:flex;gap:5px;align-items:center;color:#a8b3c7;font-size:10px}.story-toolbar svg{width:13px;height:13px}.story-messages{flex:1;min-height:0;overflow:auto;padding:22px 26px;scroll-behavior:smooth;overscroll-behavior:contain}.story-date{text-align:center;color:#68748a;font-size:9px;margin-bottom:25px;letter-spacing:.5px}.story-message{margin-bottom:24px;max-width:93%}.story-message-name{font-size:11px;color:#b6b1fc;display:flex;align-items:center;gap:9px;margin-bottom:8px}.story-message-name span{font-size:7px;letter-spacing:1px;opacity:.55}.story-bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#d6dce6;background:#202631;border:1px solid #303a49;border-radius:2px 13px 13px;padding:14px 17px}.story-message.is-user{margin-left:auto;max-width:88%}.is-user .story-message-name{justify-content:flex-end;color:#c6de9b}.is-user .story-bubble{background:#252e24;border-color:#3a4b32;border-radius:13px 2px 13px 13px;color:#dfebd0}.story-message-actions{display:flex;align-items:center;gap:14px;padding:6px 2px;color:#7c8a9e;opacity:.65}.story-message-actions button,.story-message-actions small{font-size:9px}.story-message:hover .story-message-actions{opacity:1}.story-live .story-bubble{border-color:#69774f}.story-pulse{animation:story-pulse 1s infinite}@keyframes story-pulse{50%{opacity:.2}}.story-compose{padding:15px 20px;border-top:1px solid #303640;background:#191e27}.story-compose form{display:flex;gap:12px;align-items:flex-end;padding:8px 10px 8px 0;border:1px solid #46503c;border-radius:12px;background:#141820}.story-compose textarea{flex:1;width:100%;resize:none;background:none;border:0;font-size:12px;padding:5px 12px;max-height:130px;outline-offset:0}.story-send{background:#d5ff70;color:#263019;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.story-send svg{width:17px;height:17px}.story-send.stop{width:auto;padding:0 10px;font-size:10px;background:#343c2d;color:#d5ff70}.story-compose-note{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#788498;margin-top:9px}.story-error{font-size:11px;color:#f2c9a6;padding:8px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.story-error a,.story-error button{color:#d5ff70;text-decoration:underline;font-size:11px}.story-context{background:#171c24;min-height:0;display:flex;flex-direction:column;border-left:1px solid #303641}.story-context nav{display:flex;padding:15px 14px 0;gap:17px;border-bottom:1px solid #303641}.story-context nav button{font-size:11px;padding:7px 0 13px;color:#8290a4}.story-context nav button.selected{color:#d5ff70;border-bottom:2px solid #d5ff70}.story-context-body{padding:22px 17px;overflow:auto}.story-context-head span{font-size:8px;letter-spacing:1.5px;color:#798697}.story-context-head h3{font-size:14px;letter-spacing:.5px;margin:6px 0 13px}.story-muted{font-size:10px;line-height:1.9;color:#7f8da2}.story-lore-card{border:1px solid #333c49;border-radius:10px;padding:12px;margin:14px 0;background:#1c222d}.story-lore-card.activated{border-color:#536145;background:#242d24}.story-lore-card>div{display:flex;justify-content:space-between;gap:5px;align-items:center}.story-lore-card strong{font-size:11px}.story-lore-card small{font-size:8px;color:#87919e}.story-lore-card.activated small{color:#d5ff70}.story-lore-card p{font-size:10px;color:#a3aec0;line-height:1.9;margin:9px 0}.story-lore-card>span{font-size:8px;color:#75839a}.story-context .secondary{width:100%;font-size:10px;padding:9px}.story-budget{font-size:9px;color:#6e7d92;margin-top:17px}.story-person,.story-memory-card{padding:14px 0;border-bottom:1px solid #303846;margin-bottom:16px}.story-person small,.story-memory-card small{font-size:9px;color:#8795a9}.story-person h3{font-size:14px;margin:4px 0}.story-person p,.story-memory-card p{font-size:11px;color:#a3aec0;line-height:1.9;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.story-initial{float:right;background:#34354b;color:#c7c2ff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.story-mobile-sessions{display:none}.modal:has([id^="story-"]) .field{margin-top:17px}.story-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.story-form-actions .primary{margin-left:auto}.story-file{position:relative;overflow:hidden;cursor:pointer}.story-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.story-file:focus-within{outline:2px solid var(--lime)}.story-lore-edit{border:1px solid #394251;border-radius:10px;padding:15px;margin:18px 0}.story-lore-edit .row-between>input{width:70%;font-size:12px}.story-checks{display:flex;gap:20px;margin-top:12px;font-size:11px;color:#a2aec1}.story-checks label,.story-checkbox{display:flex;gap:8px;align-items:center}.story-checkbox{font-size:11px;margin-top:18px}.story-model-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.story-save-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #354051;padding:18px 0}.story-save-row>div{flex:1;min-width:0}.story-save-row strong{font-size:13px;overflow-wrap:anywhere}.story-save-row small{display:block;font-size:10px;color:#8795ac;margin-top:4px}.story-save-row button{font-size:11px}.chat-content:has(.story-layout){padding:24px 25px 30px}.modal [id^="story-"] .field input,.modal [id^="story-"] .field textarea{width:100%}
@media(max-width:1250px){.story-layout{grid-template-columns:175px minmax(0,1fr)}.story-context{display:none}.story-room-head{padding:15px}.story-sessions{padding:17px 10px}.story-scene{height:120px}.story-messages{padding:20px}.story-compose-note span:last-child{display:none}}
@media(max-width:800px){.story-layout{grid-template-columns:minmax(0,1fr);min-height:520px}.story-sessions{display:none}.story-mobile-sessions{display:block}.story-room-head{gap:8px}.story-model{max-width:140px}.chat-content:has(.story-layout){padding:18px 18px 30px}}
@media(max-width:620px){.chat-content:has(.story-layout){padding:9px 8px 80px}.story-layout{height:calc(100dvh - 157px);min-height:450px;border-radius:12px}.story-room-head{padding:12px 13px}.story-world-title{font-size:11px}.story-room-head p{font-size:9px}.story-model{font-size:8px;max-width:105px;padding:5px}.story-room-head>.icon-button{display:grid;width:22px;height:24px;flex-shrink:0}.story-mobile-sessions{width:20px;flex-shrink:0;padding:0}.story-mobile-sessions svg{width:17px}.story-scene{height:100px;padding:16px}.story-scene h2{font-size:18px}.story-scene p{font-size:9px;max-width:70%}.story-scene-edit{font-size:8px;bottom:14px;right:11px}.story-toolbar{padding:10px 14px;gap:14px}.story-toolbar button{font-size:9px}.story-toolbar svg{width:11px}.story-messages{padding:17px 14px}.story-bubble{font-size:12px;padding:11px 13px;line-height:1.9}.story-message{max-width:96%;margin-bottom:17px}.story-message-name{font-size:10px}.story-message-actions{opacity:1}.story-compose{padding:10px 11px}.story-compose textarea{font-size:11px}.story-compose-note{font-size:8px}.story-date{font-size:8px;margin-bottom:17px}.story-form-actions{gap:10px}.story-form-actions .primary{margin-left:0}.story-local-note{font-size:10px}}
@media(max-width:620px) and (max-height:650px){.story-scene{display:none}.story-layout{min-height:280px}}
.story-model-row{display:flex;align-items:center;gap:10px;margin-bottom:11px;min-width:0}.story-model-row>label{font-size:10px;color:#a1aec0;white-space:nowrap}.story-model-picker{display:flex;align-items:center;gap:3px;min-width:0;flex:0 1 245px;padding-left:10px;background:#171d25;border:1px solid #3b4834;border-radius:8px}.story-model-picker select{width:100%;min-width:0;background:transparent;border:0;border-radius:7px;padding:6px 8px;font-size:11px;color:#d6e6c2;text-overflow:ellipsis;cursor:pointer;color-scheme:dark}.story-model-picker select:disabled{cursor:default;opacity:.65}.story-model-picker select option{background:#1b222b;color:#e0e8d8}.story-model-hint{font-size:9px;color:#85947c;white-space:nowrap}.story-model-row>.text-button{font-size:10px;color:var(--lime)}
@media(max-width:620px){.story-model-row{gap:8px;margin-bottom:9px}.story-model-picker{flex-basis:215px}.story-model-picker select{font-size:10px;padding:5px 7px}.story-model-row>label{font-size:9px}.story-model-hint{font-size:8px}}
.story-model-row{flex-wrap:wrap}.story-model-metrics{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:10px;color:#9297a5;white-space:nowrap}.story-model-metrics b{font-weight:500;color:#55aaff;font-variant-numeric:tabular-nums}.story-metrics-example{font-size:8px;line-height:1.5;color:#8b98ac;border:1px solid #3a4553;border-radius:4px;padding:1px 5px}
@media(max-width:620px){.story-model-metrics{width:100%;margin-left:0;gap:13px;font-size:10px}.story-metrics-example{margin-left:auto}}
.world-credit h2{font-size:15px}.world-credit p{font-size:11px;color:#97a5bb;line-height:1.9;margin-top:9px}.world-credit a{color:var(--lavender);text-decoration:underline;text-underline-offset:3px}
.story-add-session{width:100%;margin-top:14px;padding:9px 10px;border:1px solid #3b4931;border-radius:8px;background:#222b1e;color:var(--lime);font-size:11px;text-align:center}.story-add-session:hover{background:#2d3925;border-color:#63784b}
.story-session-row{display:flex;align-items:center;gap:2px;margin-bottom:6px;border:1px solid transparent;border-radius:8px;overflow:hidden}.story-session-row.selected{border-color:#394337;background:#20271f}.story-session-list .story-session-open,.story-session-row .story-session-open{flex:1;min-width:0;width:auto;margin:0;padding:12px 9px;border:0;text-align:left;display:block}.story-session-open strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.story-session-open small{display:block;font-size:9px;color:#77869b;margin-top:5px}.story-session-list .story-session-delete,.story-session-row .story-session-delete{flex-shrink:0;width:32px;margin:0 4px 0 0;padding:8px 2px;border:0;border-radius:5px;font-size:9px;color:#a59596;text-align:center}.story-session-delete:hover{background:#633a3a55;color:#ffb2b2}.story-session-open:hover{background:#ffffff04}.story-confirm-delete{background:#c86b6b;color:#fff}.story-confirm-delete:hover{background:#d67b7b}