.app-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f3efe7}.app-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;background:#241a19;color:#f8eee3}.app-brand{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid #ffffff18}.app-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#5e1730;color:#d9b45e;font-weight:700}.app-brand div{display:grid;gap:3px}.app-brand strong{font-size:18px}.app-brand small,.sidebar-user small{color:#b8a8a1;font:12px Arial,sans-serif}.app-sidebar nav{display:grid;gap:6px;margin-top:26px}.app-sidebar nav button{padding:12px 14px;text-align:left;background:transparent;color:#d9cac3;font-weight:400}.app-sidebar nav button:hover,.app-sidebar nav button.active{background:#ffffff12;color:#fff}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #ffffff18}.sidebar-user>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#7d1730}.sidebar-user div{display:grid;gap:2px}.app-workspace{min-width:0}.app-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid #d7c8b7;background:#fffaf3ef;backdrop-filter:blur(12px)}.app-topbar h1{margin:.25rem 0 0;font-size:28px}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar-actions>span{color:#376d56;font:12px Arial,sans-serif}.topbar-actions form{display:block}.ghost-button{padding:9px 14px;border:1px solid #ccbba9;background:transparent;color:#5f302d;font-size:13px}.scene-surface{padding:30px}.scene-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.scene-heading h2{margin:.3rem 0 0;font-size:30px}.scene-state{padding:8px 12px;border:1px solid #b9d6c9;border-radius:999px;color:#376d56;font:12px Arial,sans-serif}.scene-feed{display:grid;gap:14px;max-height:calc(100vh - 390px);overflow:auto}.scene-entry{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px;border:1px solid #d9cab9;border-left:4px solid #54758d;border-radius:14px;background:#fffaf3}.scene-entry.master{border-left-color:#7d1730;background:#fff7ec}.scene-entry.npc{border-left-color:#3f7868;background:#f5fbf7}.scene-entry.combat{border-left-color:#b6862e;background:#fff8e6}.entry-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#74213a;color:#fff;font-weight:700}.scene-entry header{display:flex;justify-content:space-between;gap:12px}.scene-entry header span{color:#7c6d64;font:11px Arial,sans-serif}.scene-entry p{margin:12px 0 0;font-size:17px;line-height:1.7}.loading-card{padding:34px;border:1px dashed #cdbba8;border-radius:14px;text-align:center;color:#7c6d64}.scene-composer{margin-top:18px;padding:20px;border:1px solid #ccb9a4;border-radius:14px;background:#fffaf3}.scene-composer textarea{min-height:100px;padding:14px;border:1px solid #cbb9a5;border-radius:10px;resize:vertical;font:16px/1.5 Georgia,serif}.composer-row{display:flex;justify-content:space-between;gap:12px}.composer-row select{min-width:210px;padding:11px;border:1px solid #cbb9a5;border-radius:9px;background:#fff}.mobile-tabs{display:none}@media(max-width:920px){body{padding:0}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.mobile-tabs{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid #d7c8b7;background:#fffaf3}.mobile-tabs button{padding:9px 12px;white-space:nowrap;background:transparent;color:#69443d}.mobile-tabs button.active{background:#7d1730;color:#fff}.app-topbar{padding:18px}.topbar-actions>span{display:none}.scene-surface{padding:18px}.scene-feed{max-height:none}.composer-row{align-items:stretch;flex-direction:column}.composer-row select{width:100%}}