.athanork-engine { width:100%; max-width:100%; box-sizing:border-box; color:#e9f5fa; font-family:Inter,system-ui,sans-serif; }
.athanork-engine *, .athanork-engine *::before, .athanork-engine *::after { box-sizing:border-box; }
.ath-diag { max-width: 860px; padding: 28px; border: 1px solid #1b5368; border-radius: 12px; background: #071217; box-shadow: 0 12px 28px rgba(0, 0, 0, .2); }
.ath-diag--error { border-color: #8b3333; }
.ath-diag h2 { margin: 0 0 8px; font-size: 25px; color: #fff; }
.ath-diag__eyebrow { margin: 0 0 8px; color: #5edaf9; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.ath-diag__intro { max-width: 680px; color: #a7c2cd; line-height: 1.55; }
.ath-diag__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin: 22px 0; }
.ath-diag__row { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border-radius: 7px; background: #0d2028; color: #bad0d8; font-size: 14px; }
.ath-diag__row strong { text-align: right; }
.ath-diag__ok { color: #6de5ad; }.ath-diag__warn { color: #ffd276; }.ath-diag__bad { color: #ff8585; }.ath-diag__neutral { color: #d7e6ec; }
.ath-diag__result { margin: 0; padding: 12px; border-radius: 7px; background: #0d2028; font-weight: 600; }
.ath-editor { display:grid; grid-template-columns:minmax(280px, 1fr) minmax(280px, 1.3fr); gap:24px; width:100%; max-width:none; min-width:0; padding:28px; border:1px solid #1b5368; border-radius:12px; background:#071217; }
.ath-editor h2 { margin:0 0 18px; color:#fff; }.ath-editor__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.ath-preset { grid-column:1/-1; padding:10px; border:1px solid #a78bfa; border-radius:7px; background:#18142b; }.ath-preset select { border-color:#a78bfa; }
.ath-editor label { display:grid; gap:5px; color:#bad0d8; font-size:13px; }.ath-editor input,.ath-editor select,.ath-editor button { border:1px solid #316578; border-radius:5px; padding:8px; background:#0d2028; color:#fff; }.ath-editor button { margin-top:14px; background:#0b6f87; font-weight:700; cursor:pointer; }.ath-editor__preview { display:grid; gap:14px; min-width:0; align-content:start; }.ath-editor__canvas { display:block; width:100%; height:auto; aspect-ratio:1/1; min-width:0; min-height:280px; border-radius:8px; background:#020607; image-rendering:auto; }.ath-editor__tile { display:grid; gap:7px; color:#bad0d8; font-size:12px; font-weight:700; letter-spacing:.03em; }.ath-editor__tile canvas { display:block; width:100%; aspect-ratio:1/1; border:1px solid #214d5c; border-radius:8px; background:#020607; } @media(max-width:700px){.ath-editor{grid-template-columns:1fr;padding:18px}.ath-editor__canvas{min-height:220px}}
.ath-editor__actions { display:flex; flex-wrap:wrap; gap:8px; }.ath-editor__actions button { margin-top:14px; }
.ath-pattern-parameters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; padding:14px; border:1px solid #214d5c; border-radius:8px; background:#08171d; }.ath-pattern-parameters strong { grid-column:1/-1; color:#5edaf9; font-size:12px; letter-spacing:.07em; }.ath-pattern-parameters label { display:grid; gap:5px; color:#bad0d8; font-size:13px; }
.ath-node-inspector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; padding:14px; border:1px solid #356c7f; border-radius:8px; background:#0a1b22; }.ath-node-inspector h3,.ath-node-inspector p { grid-column:1/-1; margin:0; }.ath-node-inspector h3 { color:#5edaf9; font-size:13px; letter-spacing:.07em; }.ath-node-inspector p { color:#bad0d8; font-size:13px; }.ath-node-inspector label { display:grid; gap:5px; color:#bad0d8; font-size:13px; }
.ath-visual-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; padding:14px; border:1px solid #a78bfa; border-radius:8px; background:#151126; }.ath-visual-controls strong { grid-column:1/-1; color:#c4b5fd; font-size:12px; letter-spacing:.07em; }.ath-visual-controls label { display:grid; gap:6px; color:#d7cfef; font-size:12px; }.ath-visual-controls input { accent-color:#a78bfa; }
.ath-procedural-chain { display:grid; gap:12px; margin:14px 0; padding:14px; border:1px solid #0ea5a8; border-radius:8px; background:#071d22; }.ath-procedural-chain__heading { display:flex; justify-content:space-between; gap:12px; align-items:start; }.ath-procedural-chain__heading strong { color:#5eead4; font-size:13px; letter-spacing:.06em; }.ath-procedural-chain__heading p,.ath-procedural-chain__note { margin:4px 0 0; color:#9fc6cc; font-size:12px; line-height:1.4; }.ath-procedural-chain__toggle { display:flex!important; align-items:center; gap:6px; white-space:nowrap; }.ath-procedural-chain__nodes { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:10px; border-radius:6px; background:#06282b; color:#d3fbf6; font-size:12px; font-weight:700; }.ath-procedural-chain__nodes span { padding:5px 7px; border:1px solid #1aa8a2; border-radius:4px; background:#0a3b3c; }.ath-procedural-chain__nodes b { color:#5eead4; }.ath-procedural-chain__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.ath-procedural-chain__controls label { display:grid; gap:5px; color:#bad0d8; font-size:12px; }.ath-procedural-chain--disabled .ath-procedural-chain__nodes,.ath-procedural-chain--disabled .ath-procedural-chain__controls,.ath-procedural-chain--disabled .ath-procedural-chain__note { opacity:.45; }.ath-procedural-chain--disabled .ath-procedural-chain__controls { pointer-events:none; }
.ath-procedural-canvas { position:relative; height:156px; min-width:930px; overflow:hidden; border:1px solid #21686b; border-radius:6px; background-color:#062427; background-image:radial-gradient(#27666a 1px,transparent 1px); background-size:16px 16px; }.ath-procedural-node { position:absolute; width:132px; min-height:76px; padding:10px; border:1px solid #1aa8a2; border-radius:6px; background:#09393c; color:#e6fffd; cursor:grab; touch-action:none; }.ath-procedural-node:active { cursor:grabbing; }.ath-procedural-node strong,.ath-procedural-node small { display:block; }.ath-procedural-node small { margin-top:5px; color:#9ed7d2; font-size:10px; }.ath-procedural-port { position:absolute!important; top:31px; width:12px; height:12px; min-width:0; margin:0!important; padding:0!important; border-radius:50%!important; background:#5eead4!important; }.ath-procedural-port--in { left:-7px; }.ath-procedural-port--out { right:-7px; }.ath-procedural-port--selected { box-shadow:0 0 0 3px #facc15; }.ath-procedural-links { display:grid; gap:6px; color:#bad0d8; font-size:12px; }.ath-procedural-links ol { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }.ath-procedural-links li { display:flex; align-items:center; gap:6px; padding:4px 6px; border:1px solid #21686b; border-radius:4px; background:#082f32; }.ath-procedural-links button { margin:0!important; padding:0 5px!important; background:#6c2630!important; border-color:#b44a56!important; }.ath-procedural-links__empty { color:#9fc6cc; }.ath-procedural-links p { margin:0; color:#9fc6cc; }
.ath-commercial-library { display:grid; gap:10px; margin:14px 0; padding:14px; border:1px solid #a78bfa; border-radius:8px; background:#151126; }.ath-commercial-library strong { color:#ddd6fe; font-size:13px; letter-spacing:.06em; }.ath-commercial-library p { margin:4px 0 0; color:#c4b5fd; font-size:12px; }.ath-commercial-library .ath-library-active { min-height:18px; color:#f5c96a; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; }.ath-commercial-library>div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.ath-commercial-library button { display:flex; align-items:center; gap:7px; margin:0!important; padding:8px!important; background:#251b45!important; border-color:#6650a6!important; text-align:left; }.ath-commercial-library button.is-active { border-color:#f5c96a!important; background:#342554!important; box-shadow:inset 3px 0 #f5c96a; }.ath-commercial-library button[data-ath="library-reset"] { min-height:30px; color:#f5c96a; background:#312147!important; }.ath-commercial-library button[data-ath="library-reset"]:disabled { opacity:.45; cursor:not-allowed; }.ath-library-swatch { width:16px; height:16px; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:var(--ath-swatch,#5b6770); }
.ath-editor { grid-template-columns:minmax(340px,1fr) minmax(360px,1.3fr); }.ath-workspace-toolbar { grid-column:1/-1; position:sticky; top:8px; z-index:5; display:flex; flex-wrap:wrap; gap:8px; padding:10px; border:1px solid #28576a; border-radius:8px; background:rgba(7,18,23,.94); backdrop-filter:blur(8px); }.ath-workspace-toolbar button { margin:0!important; padding:7px 11px!important; background:#133743!important; border-color:#32748a!important; }.ath-workspace-toolbar button:hover,.ath-workspace-toolbar button:focus { background:#0b6f87!important; outline:2px solid #5edaf9; outline-offset:1px; }.ath-editor__preview { position:sticky; top:64px; align-self:start; } @media(max-width:700px){.ath-editor{grid-template-columns:1fr}.ath-editor__preview,.ath-workspace-toolbar{position:static}.ath-workspace-toolbar{grid-column:auto}}
.ath-procedural-canvas { height:278px; min-width:1110px; }.ath-procedural-chain__image { grid-column:1/-1; margin:0; color:#9fc6cc; font-size:12px; }.ath-procedural-chain__actions button:disabled { opacity:.45; cursor:not-allowed; }
.ath-layers { display:grid; gap:10px; margin:14px 0; padding:14px; border:1px solid #3b82f6; border-radius:8px; background:#0a1728; }.ath-layers strong { color:#93c5fd; font-size:13px; letter-spacing:.06em; }.ath-layers p { margin:4px 0 0; color:#b7cde4; font-size:12px; }.ath-layer { display:grid; grid-template-columns:30px minmax(0,1fr) 72px 30px 30px 30px 30px; gap:6px; align-items:center; padding:7px; border:1px solid #315b82; border-radius:6px; background:#0c2136; }.ath-layer--hidden { opacity:.55; }.ath-layer--locked { border-color:#9a7a40; }.ath-layer input { min-width:0; margin:0!important; padding:6px!important; }.ath-layer span { color:#9fc6cc; font-size:11px; }.ath-layer button { margin:0!important; padding:5px!important; }
.ath-layer-add { display:inline-grid; margin-top:8px; color:#b7cde4; font-size:12px; }.ath-layer-add input { max-width:230px; }.ath-layer-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:0 0 8px 36px; padding:8px; border:1px solid #284d71; border-radius:6px; background:#091a2c; }.ath-layer-tools summary { grid-column:1/-1; cursor:pointer; color:#93c5fd; }.ath-layer-tools label { display:grid; gap:4px; color:#b7cde4; font-size:11px; }.ath-layer-tools input,.ath-layer-tools select { min-width:0; margin:0!important; padding:5px!important; }
.ath-layer-seam { grid-column:1/-1; margin:0; color:#fbbf24; font-size:11px; line-height:1.4; }.ath-layer-seam--ok { color:#6ee7b7; }
.ath-node-canvas { position:relative; width:920px; min-width:920px; height:230px; margin:16px 0; overflow:hidden; border:1px solid #214d5c; border-radius:8px; background-color:#07151b; background-image:radial-gradient(#2d5866 1px,transparent 1px); background-size:16px 16px; }.ath-node-links { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }.ath-node-links path { fill:none; stroke:#39bad6; stroke-width:2; }.ath-node { position:absolute; width:150px; height:74px; padding:10px; border:1px solid #356c7f; border-radius:6px; background:#0a1b22; color:#e9f5fa; text-align:left; cursor:grab; touch-action:none; }.ath-node:active { cursor:grabbing; }.ath-node strong,.ath-node small { display:block; }.ath-node small { margin-top:5px; color:#9abac5; font-size:11px; }.ath-node__in,.ath-node__out { position:absolute; top:32px; width:9px; height:9px; border-radius:50%; background:#53d1e9; }.ath-node__in { left:-5px; }.ath-node__out { right:-5px; }.ath-node--pattern { border-color:#09a8c8; } [data-ath="graph"] { width:100%; min-width:0; overflow-x:auto; }
.ath-node--selected { border-color:#ffd276; box-shadow:0 0 0 2px rgba(255,210,118,.3); }.ath-node__in,.ath-node__out { z-index:2; cursor:crosshair; }
.ath-node__secondary { top:60px; background:#ffd276; }
.ath-node[data-node^="value-"] { border-color:#a78bfa; background:#1d1635; }.ath-node[data-node^="value-"] .ath-node__out { background:#c4b5fd; }.ath-node[data-node="world-space"] { border-color:#38bdf8; background:#092235; }.ath-node[data-node="world-space"] .ath-node__out { background:#7dd3fc; }.ath-node[data-node="pattern"],.ath-node[data-node="pattern-b"] { border-color:#14b8a6; background:#082b2c; }.ath-node[data-node="pattern"] .ath-node__out,.ath-node[data-node="pattern-b"] .ath-node__out { background:#5eead4; }.ath-node[data-node="blend"] { border-color:#f59e0b; background:#33240a; }.ath-node[data-node="colorize"] { border-color:#ec4899; background:#351126; }.ath-node[data-node="material"] { border-color:#818cf8; background:#171d43; }.ath-node[data-node="output"] { border-color:#22c55e; background:#0c2c1b; }.ath-node-legend { display:flex; flex-wrap:wrap; gap:8px; margin:-8px 0 12px; color:#bad0d8; font-size:11px; }.ath-node-legend span { display:inline-flex; align-items:center; gap:5px; }.ath-node-legend i { width:9px; height:9px; border-radius:50%; background:#a78bfa; }.ath-node-legend .ath-legend-coordinate { background:#38bdf8; }.ath-node-legend .ath-legend-pattern { background:#14b8a6; }.ath-node-legend .ath-legend-process { background:#f59e0b; }.ath-node-legend .ath-legend-output { background:#22c55e; }
.ath-node-legend button { margin:0; padding:4px 7px; background:#2b1b4a; border-color:#a78bfa; font-size:11px; }.ath-values-collapsed .ath-node[data-node^="value-"] { display:none; }.ath-values-collapsed .ath-node-links path { opacity:.35; }
.ath-node-legend label { display:flex; align-items:center; gap:6px; color:#bad0d8; font-size:11px; }.ath-node-legend input { width:142px; padding:4px 7px; border-color:#356c7f; font-size:11px; }.ath-node--filtered { opacity:.18; filter:saturate(.2); }

/* F8.2: espacio de trabajo profesional. Conserva la paleta Athanork y separa
   documento, lienzo y grafo sin cambiar el estado o el motor procedural. */
.ath-editor.ath-workspace { display:block; min-height:680px; padding:0; overflow:hidden; border-color:#28576a; background:#071217; font-family:ui-sans-serif,system-ui,sans-serif; }
.ath-workspace__top { display:flex; align-items:center; min-height:50px; gap:8px; padding:8px 12px; border-bottom:1px solid #214d5c; background:#08171d; }
.ath-workspace__identity { display:grid; min-width:max-content; padding:0 10px 0 2px; border-right:1px solid #214d5c; color:#5edaf9; line-height:1; letter-spacing:.12em; }
.ath-workspace__identity strong { font-size:12px; }.ath-workspace__identity span { margin-top:4px; color:#77939d; font-size:9px; letter-spacing:.08em; }
.ath-workspace .ath-workspace-toolbar { position:static; display:flex; flex-wrap:nowrap; gap:4px; padding:0; border:0; border-radius:0; background:transparent; backdrop-filter:none; }
.ath-workspace .ath-workspace-toolbar button,.ath-workspace__modes button { margin:0!important; padding:6px 8px!important; border-color:#28576a!important; background:#102b34!important; color:#bad0d8; font-size:11px; }
.ath-workspace .ath-workspace-toolbar button:hover,.ath-workspace__modes button:hover,.ath-workspace__modes button.is-active { background:#0b6f87!important; color:#f4fdff; }
.ath-workspace__modes { display:flex; gap:3px; margin-left:auto; padding-left:8px; border-left:1px solid #214d5c; }
.ath-workspace__top .ath-editor__actions { display:flex; flex-wrap:nowrap; gap:4px; margin-left:4px; overflow-x:auto; }
.ath-workspace__top .ath-editor__actions button { flex:0 0 auto; margin:0!important; padding:6px 8px!important; border-color:#26738a; background:#0b6074; font-size:11px; white-space:nowrap; }
.ath-workspace__top .ath-editor__actions button[data-ath="export"],.ath-workspace__top .ath-editor__actions button[data-ath="export-set"] { background:#0b839f; }
.ath-workspace__body { display:grid; grid-template-columns:minmax(232px,.74fr) minmax(360px,1.55fr) minmax(248px,.82fr); align-items:start; min-height:620px; }
.ath-workspace__side { min-width:0; max-height:calc(100vh - 146px); overflow:auto; background:#08171d; }.ath-workspace__side--left { border-right:1px solid #214d5c; }.ath-workspace__side--right { border-left:1px solid #214d5c; }
.ath-workspace__center { min-width:0; padding:12px; background:#061116; }.ath-workspace .ath-editor__preview { position:sticky; top:10px; display:grid; gap:10px; align-self:start; }.ath-workspace .ath-editor__canvas { min-height:0; max-height:calc(100vh - 180px); border:1px solid #214d5c; border-radius:5px; background:#020607; }.ath-workspace .ath-editor__tile { display:none; }
.ath-panel { border-bottom:1px solid #214d5c; background:#08171d; }.ath-panel>summary { display:flex; align-items:center; justify-content:space-between; min-height:38px; padding:0 12px; color:#d5ecf1; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.04em; list-style:none; }.ath-panel>summary::-webkit-details-marker { display:none; }.ath-panel>summary small { color:#5edaf9; transition:transform .16s ease; }.ath-panel[open]>summary small { transform:rotate(180deg); }.ath-panel>summary:hover { background:#0b222a; }
.ath-panel>.ath-workspace__settings,.ath-panel>.ath-layers,.ath-panel>.ath-commercial-library,.ath-panel>.ath-node-inspector,.ath-panel>.ath-workspace__graph { margin:0; border:0; border-radius:0; background:transparent; }
.ath-workspace__settings { display:grid; gap:10px; padding:10px 12px 14px; }.ath-workspace__settings h2 { margin:0; font-size:15px; }.ath-workspace__settings .ath-diag__eyebrow { margin:0; font-size:10px; }.ath-workspace .ath-editor__controls { gap:8px; margin:0; }.ath-workspace .ath-editor label { color:#aac5cd; font-size:11px; }.ath-workspace .ath-editor input,.ath-workspace .ath-editor select { min-height:31px; padding:5px 7px; border-color:#28576a; background:#0d2028; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
.ath-workspace .ath-preset { padding:8px; border-color:#6650a6; border-radius:5px; background:#151126; }.ath-workspace .ath-pattern-parameters,.ath-workspace .ath-visual-controls { gap:8px; margin:0; padding:10px; border-radius:5px; }.ath-workspace .ath-node-inspector { grid-template-columns:1fr; padding:10px 12px 14px; }.ath-workspace .ath-node-inspector h3 { font-size:13px; }.ath-workspace .ath-node-inspector p { font-size:11px; line-height:1.45; }
.ath-workspace .ath-layers,.ath-workspace .ath-commercial-library { padding:10px 12px 14px; }.ath-workspace .ath-commercial-library>div:last-child { grid-template-columns:1fr; }.ath-workspace .ath-layer { grid-template-columns:25px minmax(0,1fr) 48px 25px 25px 25px 25px; gap:4px; padding:5px; }.ath-workspace .ath-layer span { display:none; }.ath-workspace .ath-layer input { min-width:0; }
.ath-workspace .ath-workspace__graph { padding:10px 12px 14px; }.ath-workspace .ath-node-canvas { width:100%; min-width:820px; margin:0 0 10px; }.ath-workspace .ath-procedural-chain { margin:10px 0 0; padding:10px; }.ath-workspace .ath-procedural-canvas { min-width:860px; height:220px; }
.ath-workspace__statusbar { display:flex; align-items:center; min-height:30px; gap:12px; padding:5px 12px; border-top:1px solid #214d5c; background:#08171d; color:#88aeb9; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; }.ath-workspace__statusbar .ath-diag__result { flex:1; margin:0; padding:0; background:transparent; font-size:10px; font-weight:600; }.ath-workspace__gpu { display:flex; align-items:center; gap:5px; white-space:nowrap; color:#6de5ad; }.ath-workspace__gpu::before { width:6px; height:6px; border-radius:50%; background:#49d990; box-shadow:0 0 8px #49d990; content:""; }
.ath-workspace--simple .ath-panel--expert { display:none; }.ath-workspace--simple .ath-workspace__settings .ath-editor__controls>label:not(.ath-preset),.ath-workspace--simple .ath-pattern-parameters { display:none; }.ath-workspace--simple .ath-workspace__settings h2::after { margin-left:8px; color:#8eb6bf; font-size:10px; font-weight:500; content:"Simple mode"; }
.ath-editor--load-error { display:grid; gap:10px; padding:24px; color:#e5f7fb; border-color:#a377e8; background:#151126; }.ath-editor--load-error strong { color:#f5c96a; }.ath-editor--load-error p { margin:0; color:#bad0d8; line-height:1.55; }.ath-editor--load-error button { width:max-content; margin:0; }
@media(max-width:1100px){.ath-workspace__top{flex-wrap:wrap}.ath-workspace__top .ath-editor__actions{order:4;width:100%;margin-left:0}.ath-workspace__body{grid-template-columns:minmax(220px,.72fr) minmax(360px,1.45fr)}.ath-workspace__side--right{grid-column:1/-1;max-height:none;border-top:1px solid #214d5c;border-left:0}.ath-workspace__side--right .ath-panel--expert{display:block}.ath-workspace--simple .ath-workspace__side--right{display:none}}
@media(max-width:760px){.ath-editor.ath-workspace{border-radius:8px}.ath-workspace__top{padding:8px}.ath-workspace__identity{display:none}.ath-workspace .ath-workspace-toolbar{overflow-x:auto;max-width:100%}.ath-workspace__modes{margin-left:0}.ath-workspace__body{display:block;min-height:0}.ath-workspace__side{max-height:none;border:0!important;border-bottom:1px solid #214d5c!important}.ath-workspace__center{padding:8px}.ath-workspace .ath-editor__preview{position:static}.ath-workspace .ath-editor__canvas{max-height:none}.ath-workspace__statusbar{align-items:flex-start;flex-direction:column;gap:4px}.ath-workspace__top .ath-editor__actions{overflow-x:auto}.ath-workspace .ath-node-canvas{min-width:720px}}
.ath-editor.ath-workspace .ath-layer { grid-template-columns:18px 28px minmax(0,1fr); gap:4px; margin:4px 0; transition:border-color .16s; }
.ath-workspace .ath-layer--selected { border-color:#5edaf9; box-shadow:inset 3px 0 #5edaf9; background:#102a38; }
.ath-layer-buttons { grid-column:2/-1; display:flex; flex-wrap:wrap; gap:4px; }
.ath-layer-membership { grid-column:2/-1; color:#9fc6cc; font-size:11px; overflow-wrap:anywhere; }
.ath-workspace .ath-layer input[data-layer-select] { width:14px; height:14px; min-height:14px; padding:0!important; accent-color:#5edaf9; }
.ath-layer-actions { margin:8px 0; }
.ath-workspace .ath-layer-tools { margin:8px 0; min-width:0; }
.ath-layer-tools legend { color:#93c5fd; font-size:12px; }
.ath-layer-tools input { font-family:ui-monospace,Consolas,monospace; }
.ath-layer-buttons button:focus-visible,.ath-layer input:focus-visible { outline:2px solid #5edaf9; outline-offset:2px; }

/* F8.4: keep layer actions accessible and the canvas visible while editing. */
.ath-editor.ath-workspace .ath-workspace__top { flex-wrap:wrap; }
.ath-editor.ath-workspace .ath-editor__actions { flex-basis:100%; overflow-x:auto; }
.ath-editor.ath-workspace--simple .ath-workspace__body { grid-template-columns:minmax(240px,.74fr) minmax(0,2.37fr); }
.ath-editor.ath-workspace .ath-layer button:disabled { opacity:.4; cursor:not-allowed; }
@media(max-width:760px) {
  .ath-editor.ath-workspace .ath-workspace__body { display:flex; flex-direction:column; }
  .ath-editor.ath-workspace .ath-workspace__center { order:-1; width:100%; box-sizing:border-box; position:sticky; top:0; z-index:2; }
  .ath-editor.ath-workspace .ath-editor__canvas { max-height:38vh; width:auto; max-width:100%; margin:auto; }
  .ath-editor.ath-workspace .ath-workspace__side { width:100%; max-height:48vh; overflow:auto; }
}
.ath-workspace .ath-smart-material { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px; border:1px solid #285667; border-radius:5px; background:#11212b; }
.ath-workspace .ath-smart-material strong,.ath-workspace .ath-smart-material small { grid-column:1/-1; }
.ath-workspace .ath-smart-material strong { font-size:12px; color:#b5e2eb; }
.ath-workspace .ath-smart-material small { color:#91acb8; font-size:11px; line-height:1.45; }
.ath-workspace .ath-smart-material label { display:grid; gap:4px; font-size:12px; color:#c9dce2; }
.ath-workspace .ath-smart-material input { min-width:0; width:100%; box-sizing:border-box; background:#172c38; color:#e5f1f4; border:1px solid #426272; border-radius:3px; padding:5px; font-family:Consolas,monospace; }
.ath-workspace .ath-smart-material input[type=color] { height:30px; padding:2px; }
.ath-editor.ath-workspace--simple .ath-visual-controls,.ath-editor.ath-workspace--simple .ath-editor__controls>label:not(.ath-document-control) { display:none; }
.ath-editor.ath-workspace--simple .ath-editor__controls>label.ath-document-control { display:grid; }
.ath-workspace label[hidden] { display:none!important; }
.ath-workspace .ath-document-control { min-width:0; }
.ath-workspace .ath-document-control input,.ath-workspace .ath-document-control select { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.ath-variation-action { grid-column:1/-1; display:flex; align-items:center; gap:8px; border-top:1px solid #285667; padding-top:8px; }
.ath-variation-action button,.ath-variation-editor button { min-height:30px; border:1px solid #2d879f; border-radius:4px; background:#106d87; color:#eefcff; font-weight:700; cursor:pointer; }
.ath-variation-action button:disabled { opacity:.45; cursor:not-allowed; }
.ath-variation-action span { color:#91acb8; font-size:10px; line-height:1.35; }
.ath-variation-editor { grid-column:1/-1; border:1px solid #315869; border-radius:4px; background:#0d1c24; }
.ath-variation-editor summary { padding:7px 8px; color:#b5e2eb; font-size:11px; cursor:pointer; }
.ath-variation-editor>div { display:grid; gap:8px; padding:0 8px 8px; }
.ath-variation-row { display:grid; grid-template-columns:1.35fr 1fr 1fr; align-items:end; gap:6px; padding-top:7px; border-top:1px solid #203e4a; }
.ath-smart-material .ath-variation-row .ath-variation-lock { display:flex; align-items:center; gap:6px; min-height:30px; }
.ath-smart-material .ath-variation-lock input[type=checkbox] { appearance:none; width:30px; height:16px; padding:0; border-radius:10px; background:#344c57; cursor:pointer; }
.ath-smart-material .ath-variation-lock input[type=checkbox]::after { display:block; width:12px; height:12px; margin:1px; border-radius:50%; background:#d5e6ea; content:""; transition:transform .16s; }
.ath-smart-material .ath-variation-lock input[type=checkbox]:checked { border-color:#5edaf9; background:#106d87; }
.ath-smart-material .ath-variation-lock input[type=checkbox]:checked::after { transform:translateX(14px); }
.ath-workspace--simple .ath-variation-editor { display:none; }
@media(max-width:420px){.ath-variation-row{grid-template-columns:1fr 1fr}.ath-smart-material .ath-variation-row .ath-variation-lock{grid-column:1/-1}}
.ath-smart-material .ath-palette-control { grid-column:1/-1; }
.ath-palette-picker { display:grid; grid-template-columns:34px minmax(0,1fr); gap:6px; align-items:center; }
.ath-palette-picker>i,.ath-variation-palette fieldset i { display:block; border:1px solid #52707d; border-radius:3px; background:linear-gradient(135deg,var(--ath-bg) 0 50%,var(--ath-fg) 50% 100%); }
.ath-palette-picker>i { width:32px; height:29px; }
.ath-palette-control>[data-ath=palette-status] { color:#7fa6b1; font-size:10px; }
.ath-variation-palette { display:grid; gap:7px; padding-top:7px; border-top:1px solid #203e4a; }
.ath-variation-palette fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:0; padding:7px; border:1px solid #294a57; border-radius:4px; }
.ath-variation-palette legend { padding:0 4px; color:#91acb8; font-size:10px; }
.ath-smart-material .ath-variation-palette fieldset label { display:grid; grid-template-columns:16px 20px minmax(0,1fr); align-items:center; gap:5px; font-size:10px; }
.ath-smart-material .ath-variation-palette fieldset input { width:14px; height:14px; margin:0; padding:0; }
.ath-variation-palette fieldset i { width:18px; height:14px; }
.ath-palette-advanced { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding-top:7px; border-top:1px solid #203e4a; }
.ath-palette-advanced>strong { grid-column:1/-1; color:#91acb8!important; font-size:10px!important; }
@media(max-width:420px){.ath-variation-palette fieldset,.ath-palette-advanced{grid-template-columns:1fr}}
.ath-workspace [hidden] { display:none !important; }
.ath-chakana-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; }
.ath-chakana-actions button { min-height:32px; border:1px solid #426272; border-radius:4px; background:#173542; color:#dceff2; padding:5px 9px; cursor:pointer; }
.ath-chakana-actions button:focus-visible { outline:2px solid #5edaf9; outline-offset:2px; }
.ath-workspace--simple .ath-smart-material--chakana .ath-chakana-roughness { display:none; }
.ath-workspace--expert [data-chakana-simple] { display:none; }
.ath-workspace.ath-workspace--expert .ath-smart-material [data-meander-simple] { display:none; }
[data-chakana-extra] { display:grid; gap:8px; border-top:1px solid #285667; padding-top:8px; }

/* 0.37: canvas-first workspace. Neutral surfaces, one cyan action accent. */
.athanork-engine { container-type:inline-size; color-scheme:dark; }
.ath-editor.ath-workspace { --ath-surface:#191e24; --ath-input:#10161c; --ath-line:#36424d; --ath-accent:#65d7ee; background:#11161c; border-color:var(--ath-line); border-radius:6px; }
.ath-editor.ath-workspace .ath-workspace__top { background:#191e24; padding:12px; gap:12px; }
.ath-workspace__identity { border:0; }
.ath-workspace__identity strong { font-size:15px; }
.ath-workspace__identity span { color:#a3b0bb; letter-spacing:.03em; }
.ath-editor.ath-workspace .ath-editor__actions { flex-wrap:wrap; overflow:visible; margin:0; gap:6px; }
.ath-workspace__top .ath-editor__actions button { background:#252e38; border-color:var(--ath-line); }
.ath-workspace__top .ath-editor__actions button[data-ath=export] { background:#137589; border-color:#56c6dd; }
.ath-workspace__top .ath-editor__actions button[data-ath=export-set] { background:#234650; }
.ath-editor.ath-workspace .ath-workspace__body { grid-template-columns:82px 290px minmax(0,1fr) 248px; min-height:590px; align-items:stretch; }
.ath-editor.ath-workspace--simple .ath-workspace__body { grid-template-columns:82px 290px minmax(0,1fr); }
.ath-workspace--simple .ath-workspace__side--right,.ath-workspace--simple .ath-workspace__dock { display:none; }
.ath-editor.ath-workspace .ath-workspace-toolbar { grid-column:auto; flex-direction:column; flex-wrap:nowrap; padding:10px 7px; gap:8px; background:#141a20; border-right:1px solid var(--ath-line); align-self:stretch; }
.ath-workspace button,.ath-workspace summary { font-family:inherit; }
.ath-workspace .ath-smart-material>* { min-width:0; }
.ath-workspace .ath-variation-action { flex-wrap:wrap; }
.ath-workspace .ath-file-picker { position:relative; display:block; padding:9px; border:1px solid #526372; border-radius:4px; background:#25313c; cursor:pointer; }
.ath-workspace .ath-file-picker input[type=file] { position:absolute; width:1px; height:1px; min-height:0; opacity:0; overflow:hidden; padding:0; }
.ath-workspace .ath-file-picker:focus-within { outline:2px solid var(--ath-accent); outline-offset:2px; }
.ath-editor.ath-workspace .ath-workspace-toolbar button { white-space:normal; min-height:38px; width:100%; background:#202a34!important; border-color:#35434f!important; padding:6px 4px!important; }
.ath-editor.ath-workspace .ath-workspace__side { max-height:78vh; background:var(--ath-surface); border-color:var(--ath-line); }
.ath-workspace .ath-panel { background:var(--ath-surface); border-color:var(--ath-line); }
.ath-workspace .ath-panel>summary { min-height:42px; }
.ath-workspace .ath-panel>summary:hover { background:#26313b; }
.ath-editor.ath-workspace .ath-workspace__center { padding:16px; background-color:#10161c; background-image:radial-gradient(#28323c 1px,transparent 1px); background-size:16px 16px; position:static; }
.ath-workspace .ath-editor__preview { position:static; align-content:center; min-height:300px; }
.ath-workspace .ath-editor__canvas { border-color:#495762; border-radius:2px; box-shadow:0 8px 22px #0005; }
.ath-workspace .ath-editor__tile:not([hidden]) { display:grid; width:100%; }
.ath-workspace .ath-editor__tile canvas { height:auto; border-radius:2px; border-color:#495762; }
.ath-workspace__context { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.ath-workspace__maps,.ath-workspace__views { display:flex; flex-wrap:wrap; gap:4px; }
.ath-workspace__context button { margin:0; padding:7px 9px; font-size:11px; background:#222c36; border-color:#3c4b58; }
.ath-workspace__context button[aria-pressed=true] { background:#174d5a; border-color:var(--ath-accent); color:#e6fbff; }
.ath-workspace__metrics { margin:0 0 14px; font:11px/1.5 ui-monospace,Consolas,monospace; color:#b4c0cb; }
.ath-workspace .ath-smart-material,.ath-workspace .ath-pattern-parameters,.ath-workspace .ath-visual-controls,.ath-workspace .ath-preset,.ath-workspace .ath-variation-editor { background:#202832; border-color:#3a4856; }
.ath-workspace .ath-smart-material strong,.ath-workspace .ath-visual-controls strong,.ath-workspace .ath-pattern-parameters strong { color:#d3e4ec; }
.ath-workspace .ath-smart-material small { color:#b0bec9; }
.ath-workspace .ath-visual-controls input { accent-color:var(--ath-accent); }
.ath-workspace input:not([type=checkbox]):not([type=range]):not([type=hidden]),.ath-workspace select { max-width:100%; min-width:0; background:var(--ath-input); border-color:#4c5c6a; color:#eaf0f5; font:12px ui-monospace,Consolas,monospace; }
.ath-workspace :is(button,input,select,summary):focus-visible { outline:2px solid var(--ath-accent); outline-offset:2px; }
.ath-workspace button:disabled { opacity:.45; cursor:not-allowed; }
.ath-workspace .ath-commercial-library button { background:#25313c!important; border-color:#526372!important; }
.ath-workspace .ath-commercial-library button.is-active { border-color:var(--ath-accent)!important; box-shadow:inset 3px 0 var(--ath-accent); }
.ath-workspace--simple .ath-workspace__settings h2::after { content:none; }
.ath-workspace__dock { border-top:1px solid var(--ath-line); min-width:0; }
.ath-workspace__dock .ath-workspace__graph { overflow:auto; max-height:560px; }
.ath-workspace__dock .ath-procedural-chain { overflow-x:auto; }
.ath-workspace__statusbar { background:#191e24; border-color:var(--ath-line); overflow-wrap:anywhere; }
.ath-workspace__gpu { color:#b6c5d0; }
.ath-workspace__gpu::before { box-shadow:none; background:#a8b7c5; }
.ath-workspace__gpu[data-ready=false]::before { background:#ffd276; }
@container(max-width:1200px) {
  .ath-editor.ath-workspace .ath-workspace__body { grid-template-columns:74px 270px minmax(0,1fr); }
  .ath-editor.ath-workspace .ath-workspace__side--right { grid-column:2/-1; max-height:none; border-left:0; border-top:1px solid var(--ath-line); }
}
@container(max-width:760px) {
  .ath-editor.ath-workspace .ath-workspace__body { display:flex; flex-direction:column; }
  .ath-editor.ath-workspace .ath-workspace-toolbar { flex-direction:row; flex-wrap:wrap; order:-2; width:100%; border-right:0; border-bottom:1px solid var(--ath-line); }
  .ath-editor.ath-workspace .ath-workspace-toolbar button { width:auto; flex:1; }
  .ath-editor.ath-workspace .ath-workspace__center { order:-1; width:100%; padding:12px; position:static; }
  .ath-editor.ath-workspace .ath-workspace__side { width:100%; max-height:none; }
  .ath-editor.ath-workspace .ath-workspace__identity { display:grid; }
  .ath-workspace .ath-editor__preview { min-height:0; }
  .ath-editor.ath-workspace .ath-editor__canvas { max-height:none; width:100%; }
  .ath-editor.ath-workspace .ath-workspace__statusbar { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) {
  .athanork-engine * { scroll-behavior:auto!important; transition:none!important; }
}

/* Studio 0.40: asset browser / viewport / contextual properties. */
.ath-editor.ath-workspace.ath-studio {
  --ath-surface:#1b2025; --ath-panel:#20272e; --ath-input:#13191e;
  --ath-line:#35414b; --ath-muted:#9baab5; --ath-accent:#70d9d0;
  display:block; padding:0; border:1px solid var(--ath-line); border-radius:8px;
  background:var(--ath-surface); color:#e1e7ec; font-family:"Segoe UI Variable","Segoe UI",sans-serif;
  overflow:hidden; box-shadow:0 16px 48px #0003;
}
.ath-studio [hidden] { display:none!important; }
.ath-editor.ath-studio .ath-workspace__top { display:flex; flex-wrap:wrap; gap:16px; padding:14px 18px; background:#20272e; min-height:70px; }
.ath-studio .ath-workspace__identity { display:grid; gap:5px; border:0; padding:0; }
.ath-studio .ath-workspace__identity strong { font-size:13px; letter-spacing:.09em; color:#edf5f6; }
.ath-studio .ath-studio-mark { color:var(--ath-accent); }
.ath-studio .ath-workspace__identity>span { font-size:10px; color:var(--ath-muted); margin:0; }
.ath-studio .ath-workspace__header-meta { flex:1; margin:0; color:#aab9c3; font-size:12px; }
.ath-editor.ath-studio .ath-editor__actions { display:flex; flex-basis:auto; width:auto; order:0; gap:5px; flex-wrap:wrap; overflow:visible; margin:0; }
.ath-editor.ath-studio button { min-height:32px; border-radius:5px; font-size:12px; box-shadow:none; transition:background .15s; }
.ath-editor.ath-studio button:focus-visible,.ath-studio summary:focus-visible { outline:2px solid var(--ath-accent); outline-offset:2px; }
.ath-studio .ath-workspace__modes { display:flex; margin:0; padding:3px; border:1px solid var(--ath-line); border-radius:6px; background:#151b20; }
.ath-studio .ath-workspace__modes button { border:0!important; background:transparent!important; color:var(--ath-muted); }
.ath-studio .ath-workspace__modes button.is-active { background:#35434b!important; color:#ecf7f7; }
.ath-studio .ath-studio-export { position:relative; }
.ath-studio .ath-studio-export>summary { list-style:none; cursor:pointer; background:var(--ath-accent); color:#102c2b; font-weight:700; border-radius:5px; padding:8px 16px; }
.ath-studio-export>summary span { margin-left:12px; }
.ath-studio .ath-studio-export__items { position:absolute; right:0; top:calc(100% + 8px); z-index:20; width:190px; display:grid; padding:7px; gap:4px; background:#263139; border:1px solid #50616c; border-radius:6px; box-shadow:0 12px 30px #0008; }
.ath-studio .ath-studio-export__items button { text-align:left; background:transparent!important; }
.ath-editor.ath-studio .ath-workspace-toolbar { display:flex; flex-direction:row; flex-wrap:wrap; gap:4px; width:auto; padding:6px 14px; border:0; border-bottom:1px solid var(--ath-line); background:#181e23; }
.ath-editor.ath-studio .ath-workspace-toolbar button { width:auto; min-height:32px; padding:6px 16px; background:transparent!important; border-color:transparent!important; color:var(--ath-muted); font-size:12px; }
.ath-editor.ath-studio .ath-workspace-toolbar button::before { content:none; }
.ath-editor.ath-studio .ath-workspace-toolbar button.is-active { color:var(--ath-accent); background:#25363a!important; border-color:#39565b!important; }
.ath-editor.ath-studio .ath-workspace__body { display:grid; grid-template-columns:236px minmax(0,1fr) 300px; min-height:660px; align-items:stretch; }
.ath-editor.ath-studio .ath-workspace__side { grid-column:auto; width:auto; min-width:0; max-height:780px; height:calc(100vh - 200px); min-height:660px; overflow:auto; background:#1b2228; border:0; scrollbar-width:thin; scrollbar-color:#53616b transparent; }
.ath-editor.ath-studio .ath-workspace__side--left { border-right:1px solid var(--ath-line); }
.ath-editor.ath-studio .ath-workspace__side--right { border-left:1px solid var(--ath-line); display:block; }
.ath-studio .ath-panel { border:0; margin:0; background:transparent; }
.ath-studio .ath-panel>summary { padding:14px; min-height:44px; background:transparent; border-bottom:1px solid var(--ath-line); font-size:12px; color:#dce6ec; cursor:pointer; }
.ath-studio [data-workspace-panel=settings]>summary,.ath-studio [data-workspace-panel=layers]>summary { display:none; }
.ath-studio .ath-studio-property-tabs { display:flex; position:sticky; top:0; z-index:2; padding:8px; gap:4px; background:#20282f; border-bottom:1px solid var(--ath-line); }
.ath-studio-property-tabs button { flex:1; background:transparent!important; border:0!important; color:var(--ath-muted); }
.ath-studio-property-tabs button[aria-pressed=true] { background:#344149!important; color:#eef5f7; }
.ath-studio .ath-workspace__settings { display:grid; gap:0; padding:0; }
.ath-studio .ath-workspace__group { padding:16px; display:grid; gap:12px; border-bottom:1px solid var(--ath-line); }
.ath-studio h3 { margin:0; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#a5b7c3; }
.ath-studio .ath-smart-material { display:grid; grid-template-columns:1fr 1fr; margin:0; padding:0; border:0; background:transparent; gap:12px; }
.ath-studio .ath-smart-material>strong { display:none; }
.ath-studio .ath-smart-material>small { font-size:10px; line-height:1.6; color:var(--ath-muted); }
.ath-studio .ath-smart-material>.ath-palette-control,.ath-studio .ath-variation-action,.ath-studio .ath-variation-editor,.ath-studio .ath-smart-material>small,.ath-studio .ath-chakana-actions { grid-column:1/-1; }
.ath-studio .ath-variation-action { display:grid; }
.ath-studio .ath-variation-action button { width:100%; background:#283e43!important; border-color:#43626a!important; }
.ath-studio .ath-chakana-actions:empty { display:none; }
.ath-studio label { min-width:0; gap:6px; font-size:11px; color:#b4c2cb; }
.ath-studio input,.ath-studio select { max-width:100%; min-width:0; border-radius:4px; min-height:32px; background:#11181e!important; border-color:#3e4b56!important; color:#e1e9ee!important; }
.ath-studio input[type=number] { font-family:Consolas,monospace; }
.ath-studio input[type=checkbox] { min-height:0; }
.ath-studio .ath-editor__controls { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ath-studio .ath-preset { grid-column:1/-1; }
.ath-studio.ath-workspace--simple .ath-workspace__group--expert { display:none; }
.ath-studio .ath-commercial-library { display:flex; flex-direction:column; padding:12px; gap:14px; background:transparent; border:0; margin:0; }
.ath-studio .ath-commercial-library>div:first-of-type { display:grid; gap:6px; }
.ath-studio .ath-commercial-library>div:first-of-type>strong { display:none; }
.ath-studio .ath-commercial-library p { color:var(--ath-muted); font-size:10px; line-height:1.5; margin:0; }
.ath-studio .ath-commercial-library>div:nth-of-type(2) { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ath-studio .ath-studio-search { display:grid; order:-2; }
.ath-studio .ath-studio-search>span { font-size:10px; }
.ath-studio .ath-studio-generators { order:-1; display:grid; gap:8px; border-bottom:1px solid var(--ath-line); padding-bottom:14px; }
.ath-studio .ath-studio-generator { display:flex; align-items:center; gap:10px; text-align:left; background:#26323a!important; }
.ath-studio .ath-studio-generator__icon { font-size:20px; color:var(--ath-accent); }
.ath-studio .ath-commercial-library .ath-studio-card { position:relative; display:flex; flex-direction:column; align-items:stretch; padding:5px!important; gap:0; text-align:left; overflow:hidden; background:#242e36!important; border:1px solid #3a4853!important; border-radius:6px; }
.ath-studio .ath-commercial-library .ath-studio-card:hover { border-color:#8aabae!important; }
.ath-studio .ath-commercial-library .ath-studio-card.is-active { border-color:var(--ath-accent)!important; box-shadow:0 0 0 1px var(--ath-accent); }
.ath-studio .ath-library-swatch { display:block; width:100%; height:auto; aspect-ratio:1.35; border-radius:3px; overflow:hidden; background:var(--ath-swatch); border:0; }
.ath-studio .ath-library-swatch img { width:100%; height:100%; object-fit:cover; display:block; }
.ath-studio .ath-studio-card__name { padding:7px 3px 2px; color:#e4ebef; font-size:11px; }
.ath-studio .ath-studio-card__category { padding:0 3px 4px; font-size:9px; color:#a5b6c1; }
.ath-editor.ath-studio .ath-workspace__center { min-width:0; padding:0; display:flex; flex-direction:column; position:static; order:0; background:#11171c; background-image:none; }
.ath-studio .ath-workspace__context { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding:14px 18px; margin:0; border-bottom:1px solid var(--ath-line); background:#1b232a; }
.ath-studio .ath-workspace__canvas-title { display:grid; gap:3px; }
.ath-studio .ath-workspace__canvas-title strong { font-size:12px; }
.ath-studio .ath-workspace__canvas-title span { font-size:10px; color:var(--ath-muted); }
.ath-studio .ath-workspace__maps { display:flex; flex-wrap:wrap; gap:3px; }
.ath-studio .ath-workspace__maps button { font-size:11px; padding:6px 9px!important; border:0!important; background:transparent!important; color:var(--ath-muted); }
.ath-studio .ath-workspace__maps button[aria-pressed=true] { background:#33464d!important; color:var(--ath-accent); }
.ath-editor.ath-studio .ath-editor__preview { flex:1; width:100%; align-self:stretch; display:grid; place-items:center; align-content:center; position:static; padding:32px; min-height:460px; margin:0; border:0; border-radius:0; box-shadow:none; background-color:#11171c; background-image:radial-gradient(#35404a .7px,transparent .7px); background-size:16px 16px; overflow:hidden; }
.ath-editor.ath-studio .ath-editor__canvas { width:100%; height:auto; min-height:0; max-width:590px; max-height:590px; object-fit:contain; border:1px solid #71818b; border-radius:0; box-shadow:0 16px 40px #0006; }
.ath-editor.ath-studio .ath-editor__tile { width:100%; max-width:590px; border:0; padding:0; background:transparent; }
.ath-studio .ath-editor__tile canvas { width:100%; height:auto; }
.ath-studio .ath-studio-viewbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:12px 18px; border-top:1px solid var(--ath-line); background:#1b232a; }
.ath-studio .ath-workspace__views { display:flex; gap:4px; }
.ath-studio .ath-workspace__workflow { margin:0; padding:12px 20px; font-size:10px; line-height:1.5; color:#95a8b4; text-align:center; }
.ath-studio .ath-workspace__dock { background:#161d23; border-top:1px solid var(--ath-line); }
.ath-studio.ath-workspace--simple .ath-workspace__dock { display:none; }
.ath-studio .ath-workspace__action-group--tools { display:flex!important; flex-wrap:wrap; gap:6px; padding:10px; }
.ath-studio .ath-workspace__graph { max-height:500px; overflow:auto; }
.ath-studio .ath-workspace__statusbar { display:flex; flex-wrap:wrap; gap:12px; min-height:38px; padding:8px 14px; background:#202830; border-top:1px solid var(--ath-line); font-size:10px; align-items:center; overflow-wrap:anywhere; }
.ath-studio .ath-workspace__statusbar>[data-ath=status] { flex:1; min-width:180px; margin:0; padding:0; border:0; background:transparent; font-size:10px; }
.ath-studio .ath-workspace__metrics { margin:0; padding:0; font:10px Consolas,monospace; color:#aebec9; }
.ath-studio .ath-workspace__gpu { margin:0; white-space:nowrap; }
.ath-editor.ath-studio--focus .ath-workspace__body { grid-template-columns:minmax(0,1fr); }
.ath-editor.ath-studio--focus .ath-workspace__side { display:none; }
.ath-editor.ath-studio--library-hidden:not(.ath-studio--focus) .ath-workspace__body { grid-template-columns:minmax(0,1fr) 300px; }
.ath-studio--library-hidden .ath-workspace__side--left { display:none!important; }
@container(max-width:1100px) {
  .ath-editor.ath-studio .ath-workspace__body { grid-template-columns:190px minmax(0,1fr) 260px; }
  .ath-studio .ath-workspace__header-meta { display:none; }
  .ath-editor.ath-studio .ath-workspace__top { justify-content:space-between; gap:10px; }
  .ath-editor.ath-studio .ath-editor__preview { padding:20px; min-height:350px; }
  .ath-studio .ath-workspace__context { padding:12px; }
}
@container(max-width:900px) {
  .ath-editor.ath-studio .ath-workspace__body { grid-template-columns:minmax(0,1fr) 280px; }
  .ath-editor.ath-studio .ath-workspace__side--left { grid-row:2; grid-column:1/-1; height:auto; min-height:0; max-height:400px; border-top:1px solid var(--ath-line); }
  .ath-editor.ath-studio .ath-workspace__side--right { grid-row:1; grid-column:2; min-height:600px; }
  .ath-studio .ath-commercial-library>div:nth-of-type(2) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ath-studio .ath-studio-generators { grid-template-columns:1fr 1fr; }
  .ath-studio .ath-studio-generators h3 { grid-column:1/-1; }
  .ath-editor.ath-studio--focus .ath-workspace__body { grid-template-columns:minmax(0,1fr); }
}
@container(max-width:650px) {
  .ath-editor.ath-studio .ath-workspace__body { display:flex; flex-direction:column; }
  .ath-editor.ath-studio .ath-workspace__center { order:-1; width:100%; }
  .ath-editor.ath-studio .ath-workspace__side { height:auto; min-height:0; max-height:560px; width:100%; border:0; border-top:1px solid var(--ath-line); }
  .ath-editor.ath-studio .ath-workspace__side--left { order:2; }
  .ath-editor.ath-studio .ath-workspace__top { padding:12px; }
  .ath-editor.ath-studio .ath-editor__actions { order:3; width:100%; }
  .ath-editor.ath-studio .ath-workspace-toolbar { padding:6px; gap:0; }
  .ath-editor.ath-studio .ath-workspace-toolbar button { padding:6px 10px; flex:1; }
  .ath-editor.ath-studio .ath-editor__preview { min-height:280px; padding:22px; }
  .ath-studio .ath-workspace__context { gap:10px; }
  .ath-studio .ath-workspace__canvas-title { display:none; }
  .ath-studio .ath-workspace__maps { width:100%; justify-content:space-between; }
  .ath-studio .ath-commercial-library>div:nth-of-type(2) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ath-editor.ath-studio .ath-workspace__statusbar { flex-direction:row; }
  .ath-studio .ath-studio-export__items { left:0; right:auto; }
}
.ath-editor.ath-studio.ath-studio--focus .ath-workspace__body { grid-template-columns:minmax(0,1fr); }
.athanork-engine .ath-vector-dialog { box-sizing:border-box; width:min(860px,calc(100vw - 24px)); max-height:90vh; overflow:auto; margin:auto; padding:20px; color:#d6e4eb; background:#101e26; border:1px solid #33505d; border-radius:8px; }
.athanork-engine .ath-switcher-controls { grid-column:1/-1; border-bottom:1px solid #29434e; padding:16px; }
.athanork-engine .ath-switcher-controls summary { cursor:pointer; font-weight:600; color:#c3d7df; }
.athanork-engine .ath-switcher-controls>label { display:grid; gap:4px; margin:8px 0; }
.athanork-engine .ath-switcher-controls>p { font-size:12px; line-height:1.5; color:#9bb4c1; }
.athanork-engine .ath-switcher-controls select { width:100%; min-width:0; }
.athanork-engine .ath-vector-dialog::backdrop { background:rgba(5,12,17,.75); }
.athanork-engine .ath-vector-dialog header,.athanork-engine .ath-vector-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.athanork-engine .ath-vector-dialog h2 { margin:0; color:inherit; font-size:18px; }
.athanork-engine .ath-vector-dialog p { margin:12px 0; color:inherit; font-size:13px; }
.athanork-engine .ath-vector-dialog [data-vector-status] { font-variant-numeric:tabular-nums; }
.athanork-engine .ath-vector-dialog button { border:1px solid #3c6574; border-radius:4px; background:#1a3541; color:#e2edf2; padding:8px 14px; cursor:pointer; }
.athanork-engine .ath-vector-dialog button:focus-visible { outline:2px solid #20c4dc; outline-offset:3px; }
.athanork-engine .ath-vector-dialog button:disabled { opacity:.45; cursor:default; }
.athanork-engine .ath-vector-preview { display:grid; place-items:center; min-height:60px; max-height:52vh; overflow:auto; background:#f5f4f0; }
.athanork-engine .ath-vector-preview:empty { display:none; }
.athanork-engine .ath-vector-preview svg { display:block; width:100%; height:48vh; }
.athanork-engine .ath-vector-dialog footer { justify-content:flex-end; }
.ath-studio .ath-array-controls { grid-column:1/-1; border-top:1px solid #29434e; padding-top:8px; }
.ath-studio .ath-array-controls>label { display:grid; gap:4px; margin:8px 0; }
.ath-studio .ath-array-controls>p { font-size:12px; color:#9bb4c1; }
.ath-workspace--expert [data-concentric-simple] { display:none; }
.ath-workspace--simple .ath-smart-material--concentric .ath-chakana-roughness,.ath-workspace--simple .ath-smart-material--concentric>label:has([data-ath=material-seed]) { display:none; }
.ath-studio .ath-png-profile { display:grid; gap:6px; padding:8px; color:#c3dadd; font-size:12px; border-bottom:1px solid #24515a; }
.ath-studio .ath-png-profile select { width:100%; min-width:0; padding:7px; color:#e2f2f3; background:#102c35; border:1px solid #35616a; border-radius:4px; font:12px ui-monospace,Consolas,monospace; }
.ath-studio .ath-png-profile small { color:#a0bac2; font-size:11px; }
.athanork-engine[aria-busy=true] { cursor:progress; }
.athanork-engine .ath-quality-dialog { box-sizing:border-box; width:min(720px,calc(100vw - 24px)); max-height:90vh; overflow:auto; margin:auto; padding:20px; color:#d6e4eb; background:#101e26; border:1px solid #33505d; border-radius:8px; }
.athanork-engine .ath-quality-dialog::backdrop { background:rgba(5,12,17,.75); }
.athanork-engine .ath-quality-dialog header,.athanork-engine .ath-quality-dialog footer { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.athanork-engine .ath-quality-dialog h2 { margin:0; color:inherit; font-size:18px; }
.athanork-engine .ath-quality-dialog header p,.athanork-engine .ath-quality-dialog>p { margin:6px 0; color:#afc2cb; font-size:12px; line-height:1.45; }
.athanork-engine .ath-quality-dialog button { border:1px solid #3c6574; border-radius:4px; background:#1a3541; color:#e2edf2; padding:8px 14px; cursor:pointer; }
.athanork-engine .ath-quality-dialog button:focus-visible { outline:2px solid #20c4dc; outline-offset:3px; }
.athanork-engine .ath-quality-dialog button:disabled { opacity:.45; cursor:default; }
.athanork-engine .ath-quality-dialog footer { justify-content:flex-end; margin-top:14px; }
.athanork-engine [data-quality-summary] { font-weight:700; }.athanork-engine [data-quality-summary][data-state=ready] { color:#62dbb3; }.athanork-engine [data-quality-summary][data-state=review] { color:#f4c76c; }
.athanork-engine .ath-quality-rows { display:grid; gap:8px; margin-top:14px; }.athanork-engine .ath-quality-row { padding:10px; border:1px solid #34505c; border-left-width:3px; border-radius:5px; background:#142730; }.athanork-engine .ath-quality-row--verified { border-left-color:#44c79d; }.athanork-engine .ath-quality-row--review { border-left-color:#e7b34d; }.athanork-engine .ath-quality-row header { align-items:center; }.athanork-engine .ath-quality-row header span { color:#d0e2e8; font:11px ui-monospace,Consolas,monospace; }.athanork-engine .ath-quality-row p { margin:6px 0 0; color:#acc1c9; font-size:12px; line-height:1.45; }
.athanork-engine .ath-tile-dialog { box-sizing:border-box; width:min(920px,calc(100vw - 24px)); max-height:90vh; overflow:auto; margin:auto; padding:20px; color:#d6e4eb; background:#101e26; border:1px solid #33505d; border-radius:8px; }.athanork-engine .ath-tile-dialog::backdrop { background:rgba(5,12,17,.75); }.athanork-engine .ath-tile-dialog header,.athanork-engine .ath-tile-dialog footer { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.athanork-engine .ath-tile-dialog h2 { margin:0; color:inherit; font-size:18px; }.athanork-engine .ath-tile-dialog p { margin:6px 0; color:#afc2cb; font-size:12px; line-height:1.45; }.athanork-engine .ath-tile-dialog button { border:1px solid #3c6574; border-radius:4px; background:#1a3541; color:#e2edf2; padding:8px 14px; cursor:pointer; }.athanork-engine .ath-tile-dialog button:focus-visible { outline:2px solid #20c4dc; outline-offset:3px; }.athanork-engine .ath-tile-dialog button:disabled { opacity:.45; cursor:default; }.athanork-engine .ath-tile-dialog footer { justify-content:flex-end; align-items:center; margin-top:14px; }.athanork-engine .ath-tile-preview { display:grid; place-items:center; min-height:60px; max-height:56vh; overflow:auto; padding:8px; background:#071218; }.athanork-engine .ath-tile-preview canvas { display:block; width:min(100%,760px); height:auto; image-rendering:auto; border:1px solid #526973; }
.athanork-engine .ath-delivery-dialog>label { display:flex; align-items:center; gap:10px; margin:16px 0; color:#d6e4eb; font-size:13px; }
.athanork-engine .ath-delivery-dialog select { min-width:0; flex:1; padding:8px; background:#142730; color:#d6e4eb; border:1px solid #3c6574; border-radius:4px; }
.athanork-engine .ath-delivery-dialog input[type=checkbox] { width:18px; height:18px; margin:0; accent-color:#20c4dc; }
.athanork-engine .ath-delivery-dialog [data-delivery-status] { padding:12px 0; border-top:1px solid #34505c; font-variant-numeric:tabular-nums; }
/* Keep the wide graph scrollable without widening its parameter form. */
.ath-studio .ath-procedural-chain { min-width:0; max-width:100%; overflow:visible; }
.ath-studio [data-ath=procedural-canvas] { min-width:0; max-width:100%; overflow-x:auto; }
.ath-studio .ath-procedural-canvas { min-width:1110px; height:290px; }
.ath-studio .ath-procedural-chain__controls { min-width:0; }
.ath-studio .ath-procedural-chain__controls label { min-width:0; }
.ath-studio .ath-procedural-chain__controls input,.ath-studio .ath-procedural-chain__controls select { min-width:0; width:100%; box-sizing:border-box; }
.ath-studio .ath-procedural-chain [hidden] { display:none!important; }
.ath-studio .ath-procedural-chain__controls>p[data-advanced-noise] { grid-column:1/-1; font-size:12px; line-height:1.5; color:#bad0d8; }
.ath-procedural-path { grid-column:1/-1; display:grid; grid-template-columns:minmax(150px,220px) minmax(0,1fr); gap:10px 14px; padding:10px; border:1px solid #21686b; border-radius:6px; background:#062427; }.ath-procedural-path header { display:flex; justify-content:space-between; gap:8px; align-items:start; }.ath-procedural-path header strong,.ath-procedural-path header small { display:block; }.ath-procedural-path header strong { color:#d3fbf6; font-size:12px; }.ath-procedural-path header small,.ath-procedural-path p { margin:3px 0 0; color:#9fc6cc; font-size:11px; line-height:1.4; }.ath-procedural-path header span { padding:2px 5px; border:1px solid #21686b; border-radius:3px; color:#5eead4; font:10px ui-monospace,SFMono-Regular,Consolas,monospace; }.ath-procedural-path__interpolation { display:flex; flex-wrap:wrap; align-content:start; align-items:center; gap:5px; color:#b8d9dc; font-size:11px; }.ath-procedural-path__interpolation span { margin-right:2px; }.ath-procedural-path__interpolation button { margin:0!important; padding:4px 7px!important; border-color:#245a67!important; color:#b8d9dc!important; background:#082f32!important; font-size:10px!important; }.ath-procedural-path__interpolation button.is-active { border-color:#5eead4!important; color:#e8fffb!important; background:#12515a!important; }.ath-procedural-path svg { width:100%; max-width:220px; aspect-ratio:1; border-radius:4px; }.ath-procedural-path__points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; align-content:start; }.ath-procedural-path__point { display:grid; grid-template-columns:auto 1fr 1fr; gap:5px; align-items:center; padding:5px; border:1px solid #174f52; border-radius:4px; background:#082f32; }.ath-procedural-path__point b { color:#facc15; font:11px ui-monospace,SFMono-Regular,Consolas,monospace; }.ath-procedural-path__point label,.ath-procedural-path__handle label { display:grid!important; grid-template-columns:auto minmax(0,1fr); gap:4px; align-items:center; color:#9fc6cc!important; font-size:10px!important; }.ath-procedural-path__point input,.ath-procedural-path__handle input { min-width:0; padding:4px!important; font:11px ui-monospace,SFMono-Regular,Consolas,monospace; }.ath-procedural-path__handles { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }.ath-procedural-path__handle { display:grid; grid-template-columns:auto repeat(4,minmax(0,1fr)); gap:5px; align-items:center; padding:5px; border:1px solid #245a67; border-radius:4px; background:#092a34; }.ath-procedural-path__handle b { color:#7dd3fc; font:10px ui-monospace,SFMono-Regular,Consolas,monospace; }.ath-procedural-path__actions { display:flex; flex-wrap:wrap; gap:6px; align-items:start; }.ath-procedural-path__actions button { margin:0!important; padding:5px 7px!important; font-size:11px!important; }.ath-procedural-path>p { grid-column:1/-1; }
@media(max-width:600px){.ath-studio .ath-procedural-chain__controls{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ath-procedural-path{grid-template-columns:minmax(0,1fr)}.ath-procedural-path svg{max-width:100%}.ath-procedural-path__points,.ath-procedural-path__handles{grid-template-columns:minmax(0,1fr)}.ath-procedural-path__handle{grid-template-columns:auto repeat(2,minmax(0,1fr))}}