:root {
  --paper: #f7f5ef;
  --paper-subtle: #efece4;
  --canvas: var(--paper);
  --canvas-subtle: var(--paper-subtle);
  --surface: #ffffff;
  --surface-raised: #fffcf7;
  --ink: #18191c;
  --ink-soft: #3a3b40;
  --ink-muted: #6b6c72;
  --text: var(--ink);
  --text-soft: var(--ink-muted);
  --line: rgba(24, 25, 28, 0.1);
  --line-soft: rgba(24, 25, 28, 0.06);

  --pillar-nutrition: #30be60;
  --pillar-movement: #ff383b;
  --pillar-awareness: #7b32e8;
  --pillar-energy: #ffb62d;

  --life-color: #18191c;
  --life-on-color: #f7f5ef;
  --life-color-hover: #121316;
  --life-color-active: #0c0d0f;
  --life-color-soft: color-mix(in srgb, var(--life-color) 14%, var(--paper));
  --life-color-line: color-mix(in srgb, var(--life-color) 38%, var(--paper));
  --life-color-muted: color-mix(in srgb, var(--life-color) 58%, var(--paper));
  --life-focus-ring: var(--life-color);

  --pillar-nutrition-soft: color-mix(in srgb, var(--pillar-nutrition) 16%, var(--paper));
  --pillar-nutrition-muted: color-mix(in srgb, var(--pillar-nutrition) 38%, var(--ink));
  --pillar-movement-soft: color-mix(in srgb, var(--pillar-movement) 14%, var(--paper));
  --pillar-movement-muted: color-mix(in srgb, var(--pillar-movement) 42%, var(--ink));
  --pillar-awareness-soft: color-mix(in srgb, var(--pillar-awareness) 14%, var(--paper));
  --pillar-awareness-muted: color-mix(in srgb, var(--pillar-awareness) 42%, var(--ink));
  --pillar-energy-soft: color-mix(in srgb, var(--pillar-energy) 22%, var(--paper));
  --pillar-energy-muted: color-mix(in srgb, var(--pillar-energy) 48%, var(--ink));

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-card: 24px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --shadow-card: 0 18px 40px rgba(24, 25, 28, 0.06);
  --shadow-raised: 0 10px 28px rgba(24, 25, 28, 0.08);

  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 180ms;
  --duration-md: 240ms;

  --content-width: 42rem;
  --shell-width: 72rem;

  --ljlk-purple-deep: var(--ink);
  --ljlk-purple: var(--pillar-awareness);
  --ljlk-gold: var(--ink);
  --ljlk-gold-light: var(--pillar-energy-soft);
  --ljlk-cream: var(--paper);
  --ljlk-lilac: var(--paper-subtle);
  --ljlk-text: var(--ink);
  --ljlk-muted: var(--ink-muted);
  --ljlk-white: var(--surface);
  --ljlk-voeding: var(--pillar-nutrition);
  --ljlk-beweging: var(--pillar-movement);
  --ljlk-energie: var(--pillar-energy-muted);
  --ljlk-bewustzijn: var(--pillar-awareness);

  --background: var(--paper);
  --foreground: var(--ink);
  --card: var(--surface);
  --radius: var(--radius-card);
  --pillar-current: var(--ink);
}

html.dark {
  --paper: #18191c;
  --paper-subtle: #222327;
  --canvas: #18191c;
  --canvas-subtle: #222327;
  --surface: #24252a;
  --surface-raised: #2c2d33;
  --ink: #f4f1ea;
  --ink-soft: #d8d4cc;
  --ink-muted: #9a978f;
  --text: var(--ink);
  --text-soft: var(--ink-muted);
  --line: rgba(244, 241, 234, 0.12);
  --line-soft: rgba(244, 241, 234, 0.06);
  --shadow-card: 0 18px 40px rgba(0, 0, 0, 0.28);
  --background: var(--canvas);
  --foreground: var(--ink);
  --card: var(--surface);
  --ljlk-text: var(--ink);
  --ljlk-muted: var(--ink-muted);
}


:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,label.import-button{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 14px;font-size:12px}button:hover{background:var(--paper-subtle)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,label.import-button:focus-within{outline:2px solid var(--pillar-awareness);outline-offset:3px}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--surface-raised)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:9px;letter-spacing:1.5px;line-height:1.7}.brand b{font-weight:650}.brand-symbol{font-size:44px;color:#67918a;letter-spacing:0}.product{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:22px;display:flex;align-items:center;gap:16px}.product span{font-family:Segoe UI,sans-serif;font-size:9px;letter-spacing:1.6px;color:var(--ink-muted);border-left:1px solid var(--line);padding-left:16px}.top-actions{display:flex;gap:9px}.import-button{font-size:12px;background:var(--ink);color:var(--paper);border-radius:8px;padding:11px 16px}main{display:grid;grid-template-columns:280px minmax(380px,1fr) 280px;min-height:calc(100vh - 90px)}aside{padding:34px 25px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:var(--ink-muted)}h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:29px;font-weight:400;line-height:1.27;letter-spacing:-.5px;margin:18px 0 13px}p{line-height:1.7}.intro,.detail-intro{color:var(--ink-muted);font-size:12px;margin-bottom:29px}.section-label{font-size:10px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.text-button{border:0;background:none;font-size:11px;padding:5px 0;color:var(--ink-soft)}.layer-card{padding:14px 0;border-bottom:1px solid var(--line)}.layer-title{display:flex;gap:10px;align-items:center}.layer-color{height:9px;width:9px;border-radius:50%}.layer-title label{font-size:12px;font-weight:600;flex:1}.layer-title input{accent-color:var(--ink);width:16px;height:16px;margin:0}.layer-card p{font-size:10px;color:var(--ink-muted);margin:4px 0 8px 19px}.layer-range{display:flex;align-items:center;gap:10px;padding-left:19px}.layer-range input{width:100%;height:3px;accent-color:var(--ink)}.layer-range output{font-size:10px;color:var(--ink-muted);min-width:30px}.perspective-card{display:flex;gap:10px;margin:29px 0;background:var(--paper-subtle);padding:14px;border-radius:9px;font-size:11px}.perspective-card p{font-size:10px;color:var(--ink-muted);margin:4px 0 0}.small-dot{height:7px;min-width:7px;border-radius:50%;background:var(--pillar-nutrition);margin-top:4px}.cut-label{font-size:11px;display:flex;justify-content:space-between}.cut-label span{font-size:10px;color:var(--ink-muted)}#slice{width:100%;accent-color:var(--ink);height:3px;margin-top:18px}.restore{margin-top:24px;width:100%;font-size:11px;background:transparent}.stage{position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,var(--surface-raised) 0,var(--paper) 65%,var(--paper-subtle) 100%);min-height:700px;display:flex;flex-direction:column}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:34px 29px;position:relative;z-index:2;pointer-events:none}.stage-head h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400;font-size:23px;margin:10px 0}.model-badge{font-size:9px;background:var(--surface-raised);border:1px solid var(--line);border-radius:30px;padding:7px 11px;color:var(--ink-muted);white-space:nowrap;margin-top:3px}#viewport{position:absolute;inset:75px 0 60px}#canvas{width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;left:20%;top:45%;font-size:13px;color:var(--ink-muted)}.views{display:flex;gap:3px;align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:5px;position:absolute;bottom:70px;z-index:3}.views button{border:0;background:transparent;padding:9px 15px;font-size:11px}.views button.active{background:var(--ink);color:var(--paper)}.stage-foot{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--ink-muted)}.stage-foot i{padding:0 8px;color:var(--ink-muted)}.details-panel h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400;font-size:25px;line-height:1.3;margin:16px 0}.search{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:10px}.search input{min-width:0;width:100%;border:0;background:none;font-size:11px;color:var(--ink);outline:none}.search span{font-size:20px;line-height:1;color:var(--ink-muted)}.entity-list{margin-top:13px;height:210px;overflow:auto;scrollbar-width:thin}.entity-list button{display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;width:100%;text-align:left;padding:11px 3px;font-size:11px;color:var(--ink-soft)}.entity-list button.selected{color:var(--ink);font-weight:650}.entity-list button span{float:right;color:var(--ink-muted);font-size:9px}.selection{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.selection h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400;font-size:21px;margin:10px 0}.selection p{font-size:11px;color:var(--ink-muted);min-height:55px}.selection-actions{display:flex;gap:8px;margin:14px 0 7px}.selection-actions button{flex:1;font-size:11px}.source-note{background:var(--paper-subtle);border-radius:9px;padding:15px;font-size:10px;color:var(--ink-muted);margin-top:27px}.source-note b{color:var(--ink-soft)}.source-note p{margin:7px 0 0}.source-note .credits a{color:inherit}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border-radius:9px;color:var(--paper);background:var(--ink);z-index:10;font-size:12px;max-width:90vw;padding:0}#status:not(:empty){padding:13px 20px}@media(min-width:1600px){main{grid-template-columns:320px 1fr 320px}aside{padding:45px 33px}}@media(max-width:1050px){main{grid-template-columns:230px 1fr}.details-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.details-panel .entity-list{height:150px}.details-panel .selection{grid-column:2;grid-row:1/6}.source-note{grid-column:1/-1}.stage-head{padding:25px 20px}.model-badge{display:none}.topbar{padding:0 20px}.top-actions #save{display:none}}@media(max-width:650px){.topbar{height:72px}.product{font-size:18px}.product span{display:none}.brand{font-size:7px;letter-spacing:.8px}.brand-symbol{font-size:32px}.import-button{padding:9px;font-size:10px}main{display:flex;flex-direction:column}.stage{order:-1;height:650px;min-height:650px}aside{padding:25px}.layers-panel h1{font-size:26px}.details-panel{display:block}.views{bottom:60px}.stage-foot{bottom:20px;font-size:9px}#layers{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.stage-head h2{font-size:22px}.layer-title label{font-size:11px}}
select{font:inherit}#quality{width:100%;margin:10px 0 0;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface-raised);font-size:12px}label[for=quality]{margin-top:22px}select:focus-visible{outline:2px solid var(--pillar-awareness);outline-offset:3px}


.brand-logo{width:48px;height:48px;flex-shrink:0}.logo-dark{display:none}.dark .logo-light{display:none}.dark .logo-dark{display:block}
.product{flex-direction:column;align-items:flex-start;gap:6px;font-weight:500;letter-spacing:-.03em}.product span{border:0;padding:0;font-size:12px;letter-spacing:0;font-weight:400;max-width:360px}
h1,.stage-head h2,.details-panel h2,.selection h3{font-weight:500;letter-spacing:-.03em}.top-actions{align-items:center}.theme-picker{display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--ink-muted)}#theme{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:7px 10px;font-size:12px}.import-button,button,.search,.views{border-radius:16px}.import-button{border-radius:999px}.perspective-card,.source-note{border-radius:20px}.entity-list button{border-radius:0}.source-note,.intro,.detail-intro,.selection p,.stage-foot{color:var(--ink-soft)}.views button.active{color:var(--paper)}
@media(max-width:1050px){.topbar{gap:20px}.product span{max-width:260px}.brand-logo{width:40px;height:40px}.topbar{height:auto;min-height:90px;padding-top:14px;padding-bottom:14px}}
@media(max-width:650px){.topbar{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px}.product{grid-column:1/-1;grid-row:2;font-size:24px}.product span{display:block;max-width:none;font-size:12px}.top-actions{gap:8px}.brand{font-size:8px}.theme-picker span{display:none}.brand-logo{width:38px;height:38px}.stage{height:650px}.stage-head{padding-top:22px}}

#anatomy-model{width:100%;padding:12px;margin:10px 0 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}