:root{--bg-main: #0b0b0b;--bg-panel: #141414;--bg-panel-alt: #1a1a1a;--border-main: #3a3a3a;--text-main: #e6d28a;--text-muted: #a69c6d;--text-white: #f5f5f5;--dmm-red: #c02c2c;--dmm-red-bright: #e14b4b;--gold: #ffd700}*{box-sizing:border-box}body{overflow-x:hidden}html,body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:Verdana,Arial,sans-serif;font-size:14px}.osrs-heading{color:var(--gold);font-weight:700;margin:0 0 12px;text-shadow:0 1px 0 #000}.dmm-heading{color:var(--dmm-red);font-weight:800;text-shadow:0 1px 0 #000;letter-spacing:.5px}.dmm-info{margin-top:8px;padding:6px 10px;border:1px solid var(--dmm-red);background:#160909;color:var(--dmm-red-bright);font-weight:700;font-size:13px}.osrs-button{background:var(--bg-panel-alt);border:1px solid var(--border-main);color:var(--text-main);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}.osrs-button:hover{background:#222}.osrs-button-danger{border-color:var(--dmm-red);color:var(--dmm-red-bright)}.osrs-button:disabled{opacity:.5;cursor:not-allowed}.app-layout{display:grid;grid-template-columns:320px minmax(300px,420px) minmax(420px,1fr);gap:16px;align-items:start}.timeline-col,.editor-col{min-width:0}@media(max-width:1100px){.app-layout{grid-template-columns:1fr}}.timeline-col,.editor-col{max-height:calc(100vh - 220px);overflow:hidden}.timeline-scroll,.editor-scroll{max-height:100%;overflow-y:auto;padding-right:6px}.timeline-scroll::-webkit-scrollbar,.editor-scroll::-webkit-scrollbar{width:10px}.timeline-scroll::-webkit-scrollbar-thumb,.editor-scroll::-webkit-scrollbar-thumb{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px}.step-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.app-shell{height:calc(100vh - 230px);min-height:400px}.app-layout{height:100%}.app-layout>*{min-height:0}.timeline-col,.editor-col{display:flex;flex-direction:column;min-height:0}.timeline-scroll,.editor-scroll{flex:1;min-height:0;overflow-y:auto}.donate-link{color:var(--dmm-red);font-weight:700;font-size:12px;text-decoration:none;opacity:.7}.donate-link:hover{opacity:1;color:var(--dmm-red-bright)}@media(max-width:1100px){.app-shell{height:auto!important;min-height:0!important}.app-layout{height:auto!important;grid-template-columns:1fr!important}.app-layout>*{min-height:auto!important}.timeline-col,.editor-col{display:block!important;max-height:none!important;overflow:visible!important}.timeline-scroll,.editor-scroll{max-height:none!important;height:auto!important;overflow:visible!important;padding-right:0!important}}