/* AION 2: ice blue, indigo and violet */
:root{--accent:#80dcf3;--violet:#b9a5ff;--surface:#101b30;--muted:#9eafca;--line:#314663;--text:#e9f2ff}
body{background:#080f1f;color:var(--text)}
.hero{background:radial-gradient(ellipse at 80% 50%,#572f7940,transparent 65%),linear-gradient(120deg,#0a1729,#12162b);border-color:#394665}
.hero-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-block:44px}
.hero-art{border:1px solid #739acf55;background:#101c32;box-shadow:0 15px 70px #44236d44}
.hero-art img{aspect-ratio:616/353;object-fit:contain;width:100%;height:auto}
.hero-glow{background:radial-gradient(ellipse at 25% 65%,#75f3ff33,transparent 45%),radial-gradient(ellipse at 85% 40%,#b087ff33,transparent 50%)}
h1 span{color:#a9c7ff}.eyebrow{color:#8dd9ed}.brand span{color:#b7a7f8}
.workspace-shell{border-color:#3c5376}.workspace-tabs [aria-selected=true]{box-shadow:inset 0 -3px #81ddf5}
.planner-workspace{scroll-margin-top:20px}.planner-workspace .builder-button.primary{background:#87daee;border-color:#a5e9f6;color:#081829}
@media(max-width:900px){.hero-layout{display:flex;padding-block:22px 32px}}
.timeline-studio{padding:26px;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#13243b,#161c32 65%,#23213d)}
.record-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.record-heading .eyebrow{margin:0 0 9px}.record-heading h4{font:600 1.35rem/1.4 'DM Sans',sans-serif;margin:0;color:#f0f6ff}.record-author{font-size:.78rem;color:var(--muted);max-width:220px}
.timeline-studio input:not([type=range]):not([type=file]),.timeline-studio select{display:block;min-width:0;width:100%;border:1px solid #496080;border-radius:5px;background:#0c1729;color:#e1eeff;padding:10px 12px;font:inherit;margin-top:6px}.timeline-studio input:focus-visible,.timeline-studio select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.record-help{font-size:.875rem;line-height:1.7;color:#aec0d9;margin:13px 0 18px;max-width:90ch}.record-actions{display:flex;gap:8px;flex-wrap:wrap}.record-status{font-size:.82rem;line-height:1.6;color:#aec0d9;margin:15px 0}.record-status[data-state=saved]{color:#94decf}.record-status[data-state=error]{color:#ffbdba}.record-status[data-state=saving]{color:#ced8ee}
.step-player{padding:20px;border:1px solid #566d8a;border-radius:8px;background:#091626b3}.step-player-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.step-player-top label{display:flex;align-items:center;gap:12px;color:#9eb2d1;font-size:.8rem}.step-player-top select{width:auto;margin:0}.step-player-top strong{white-space:nowrap;color:#99daf4;font-size:.85rem;font-variant-numeric:tabular-nums}
.step-description{display:grid;gap:7px;margin:20px 0 10px;min-height:55px}.step-description strong{font-size:1.05rem;color:#edf6ff}.step-description span{color:#aec0d9;font-size:.86rem;line-height:1.6}.step-player input[type=range]{width:100%;accent-color:#93dbf2;cursor:pointer;margin:15px 0 20px}.step-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step-buttons .builder-button{min-width:68px}
.timeline-studio .builder-button{font-size:.8rem;min-height:39px;padding:10px 13px}.timeline-studio button:disabled{opacity:.38;cursor:default}.share-url{font-size:.8rem!important;word-break:break-all}
.sequence-editor,.record-tools{margin-top:20px;border-top:1px solid #3c4e69;padding-top:16px}.sequence-editor summary,.record-tools summary{cursor:pointer;color:#bacbf0;font-size:.88rem;padding:6px 0;list-style-position:inside}.sequence-editor h4{margin:24px 0 8px;color:#cbdfff}.sequence-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:15px 0}.sequence-item{display:flex;align-items:center;gap:8px;border:1px solid #455975;border-radius:6px;background:#0b192c;padding:10px;width:100%;max-width:460px;position:relative}.sequence-skill{display:block;font-size:.82rem;line-height:1.5;flex:1}.sequence-skill small{display:block;font-size:.72rem;color:#a4b3d0}.sequence-number{color:#a49ad2;font-size:.8rem;width:17px}.sequence-item img{border-radius:4px;object-fit:contain}.sequence-control{border:1px solid #475d7b;background:#1c2c45;color:#ccdaf3;cursor:pointer;font:1rem 'DM Sans',sans-serif;min-width:28px;min-height:34px;border-radius:4px}.sequence-control:focus-visible{outline:2px solid var(--accent)}
.sequence-empty{font-size:.85rem;color:#8fa5c4;line-height:1.6}.sequence-add{display:flex;gap:8px;max-width:620px;align-items:stretch}.sequence-add select{margin:0;flex:1}.sequence-add button{white-space:nowrap}.record-tools .builder-actions{margin-top:15px}.record-import{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.record-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.step-current{outline:3px solid #fde599!important;outline-offset:3px;box-shadow:0 0 25px #ffe39340!important;z-index:2}.daeva-node.step-current{border-color:#f9e59e!important}.daeva-node[data-progress]:not([data-progress=""])::after{content:attr(data-progress);position:absolute;inset:auto 0 0;background:#17273a;color:#fff3c2;font:700 10px/1.5 Arial;text-align:center}.daeva-node.selected{background:#255778!important;border-color:#8be6fb!important;filter:brightness(1.15)}
[data-readonly=true] .planner-preset,[data-readonly=true] [data-ui=build-reset],[data-readonly=true] [data-ui=daeva-reset-board],[data-readonly=true] [data-ui=daeva-reset-all],[data-readonly=true] [data-ui=daeva-undo],[data-readonly=true] [data-ui=build-undo]{display:none!important}
@media(max-width:700px){.timeline-studio{padding:17px}.record-heading{display:block}.record-author{display:block;margin-top:17px;max-width:none}.step-player{padding:15px}.step-player-top{align-items:flex-start;flex-direction:column;gap:12px}.step-player-top label{width:100%}.step-player-top select{width:100%;min-width:0}.sequence-add{flex-direction:column}.sequence-item{max-width:none;padding:8px;gap:6px}.sequence-control{min-width:30px;min-height:36px}.record-actions .builder-button{flex:1 1 45%}.step-description strong{font-size:.92rem}.step-description{min-height:75px}}
@media(prefers-reduced-motion:reduce){.step-current{transition:none}}
.timeline-studio [hidden]{display:none!important}.daeva-node.step-current img{opacity:1;filter:none}
.workspace-shell>.step-player{position:sticky;top:8px;z-index:20;border-width:1px 0;border-radius:0;background:#0b1729f7;backdrop-filter:blur(12px);padding:15px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;box-shadow:0 8px 22px #0004}
.workspace-shell>.step-player .step-player-top{grid-column:1/-1}.workspace-shell>.step-player .step-description{margin:4px 0;min-height:48px}.workspace-shell>.step-player input[type=range]{grid-column:1/-1;grid-row:3;margin:2px 0 0}.workspace-shell>.step-player .step-buttons{grid-column:2;grid-row:2;justify-content:flex-end}.workspace-shell>.step-player select{border:1px solid #496080;border-radius:4px;background:#0c1729;color:#dfeaff;padding:6px 8px;font:inherit}.workspace-shell>.step-player button{font-size:.8rem;padding:10px;min-width:55px;min-height:39px}.workspace-shell>.step-player button:disabled{opacity:.38;cursor:default}
@media(max-width:700px){.workspace-shell>.step-player{top:0;padding:12px;display:block}.workspace-shell>.step-player .step-player-top{flex-direction:row;align-items:center;gap:10px}.workspace-shell>.step-player .step-player-top label{font-size:0;width:auto}.workspace-shell>.step-player .step-player-top select{font-size:.75rem;width:auto;max-width:180px}.workspace-shell>.step-player .step-description{min-height:57px;gap:3px;margin:10px 0}.workspace-shell>.step-player .step-description strong{font-size:.82rem}.workspace-shell>.step-player .step-description span{font-size:.75rem}.workspace-shell>.step-player input[type=range]{margin:3px 0 12px}.workspace-shell>.step-player .step-buttons{justify-content:stretch;gap:6px}.workspace-shell>.step-player .step-buttons button{flex:1;min-width:0}}