:root { --ink:#17201d; --muted:#69736f; --paper:#f4f1e9; --panel:#fbfaf6; --line:#d9d7cf; --acid:#d9ff43; --dark:#13211b; --danger:#bb3e32; }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Manrope,system-ui,sans-serif;background:var(--paper);color:var(--ink)}
body{padding:18px}.app-shell{height:calc(100vh - 36px);min-height:680px;border:1px solid #c9c8c1;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 20px 70px #263c2d18}
.topbar{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--dark);color:var(--acid);font-weight:700}.brand div{display:flex;flex-direction:column}.brand strong{font-size:14px}.brand small{color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}#status-dot{width:7px;height:7px;background:#70ba76;border-radius:50%;box-shadow:0 0 0 4px #70ba7620}.about-btn{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:600 11px Manrope;cursor:pointer}.about-btn:hover{border-color:#a5a89d;background:#f7f6f1}
.workspace{height:calc(100% - 70px);display:grid;grid-template-columns:minmax(310px,390px) 1fr}.panel{padding:28px}.editor-panel{border-right:1px solid var(--line);overflow-y:auto}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.16em;color:#748079}.panel h1{font-size:28px;letter-spacing:-.04em;margin:5px 0 0}.text-btn{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:var(--muted)}
.drop-zone{height:72px;border:1px dashed #aaa99f;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s;background:#fff}.drop-zone:hover,.drop-zone.drag{border-color:#6b7c24;background:#f7ffe0}.upload-icon{font-size:24px}.drop-zone span:last-child{display:flex;flex-direction:column;font-size:12px}.drop-zone small{color:var(--muted);margin-top:2px}
.code-wrap{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.code-label{height:34px;padding:9px 12px;border-bottom:1px solid var(--line);font:10px DM Mono;color:var(--muted)}textarea{width:100%;height:250px;border:0;resize:vertical;padding:14px;outline:0;background:#fff;font:12px/1.6 DM Mono,monospace;color:#26342f}.error{min-height:18px;margin:8px 0;color:var(--danger);font-size:11px}.primary-btn{width:100%;height:48px;padding:0 17px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:white;font-weight:600;cursor:pointer}.primary-btn:hover{background:#20362d}.primary-btn span{color:var(--acid);font-size:20px}details{margin-top:18px;color:var(--muted);font-size:11px}summary{cursor:pointer;font-weight:600;color:var(--ink)}details pre{padding:10px;background:#eeece5;border-radius:8px;overflow:auto;font:10px/1.5 DM Mono}code{font-family:DM Mono}
.visual-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#263c34 0,#17251f 45%,#0e1713 100%)}#graph{position:absolute;inset:0}#labels-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.graph-overlay{position:absolute;z-index:2;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;pointer-events:none;color:white}.graph-overlay h2{margin:4px 0;font-size:22px;letter-spacing:-.03em}.overlay-actions{display:flex;align-items:flex-start;gap:10px;pointer-events:auto}.graph-search{display:flex;height:36px;border:1px solid #ffffff25;border-radius:10px;overflow:hidden;background:#0e1713cc;backdrop-filter:blur(8px)}.graph-search input{width:170px;border:0;outline:0;padding:0 11px;background:transparent;color:white;font:11px Manrope}.graph-search input::placeholder{color:#89958f}.graph-search button{border:0;border-left:1px solid #ffffff20;padding:0 11px;background:#ffffff0c;color:var(--acid);font:600 10px Manrope;cursor:pointer}.graph-search button:hover{background:#ffffff18}.view-switch{display:flex;padding:3px;border:1px solid #ffffff25;border-radius:10px;background:#0e1713aa;backdrop-filter:blur(8px)}.view-switch button{height:29px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#aeb8b3;font:600 10px Manrope;cursor:pointer}.view-switch button.active{background:var(--acid);color:var(--dark)}.export-btn{height:36px;padding:0 12px;border:1px solid #d9ff4350;border-radius:10px;background:#d9ff4315;color:var(--acid);font:600 10px Manrope;cursor:pointer;white-space:nowrap}.export-btn:hover{background:#d9ff4325}.export-btn:disabled{opacity:.55;cursor:wait}.metrics{display:flex;gap:8px}.metrics span{padding:8px 11px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff0d;font-size:11px;backdrop-filter:blur(8px)}.metrics strong{color:var(--acid);font-size:15px}.metrics i{font-style:normal}.controls-hint{position:absolute;z-index:2;bottom:18px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:20px;color:#c4cbc7;background:#0e1713aa;font-size:10px;white-space:nowrap}.show-all-btn{position:absolute;z-index:3;left:20px;bottom:20px;height:40px;padding:0 14px;border:1px solid #d9ff4360;border-radius:10px;background:#17251fe8;color:var(--acid);font:600 11px Manrope;cursor:pointer;backdrop-filter:blur(8px)}.show-all-btn:hover{background:#263d33}.reset-btn{position:absolute;z-index:2;right:20px;bottom:20px;width:40px;height:40px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff12;color:white;font-size:22px;cursor:pointer}.node-card{position:absolute;z-index:3;right:20px;top:112px;width:220px;padding:18px;border:1px solid #ffffff25;border-radius:14px;background:#17251fe8;color:white;backdrop-filter:blur(15px);transform:translateX(260px);transition:.25s}.node-card.open{transform:translateX(0)}.node-card button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:white;font-size:20px;cursor:pointer}.node-card h3{margin:8px 0 5px;font-size:18px}.node-card p{margin:0;color:#aeb8b3;font-size:11px}
@media(max-width:1100px){.metrics{display:none}.graph-search input{width:135px}}@media(max-width:780px){body{padding:0}.app-shell{height:auto;min-height:100vh;border:0;border-radius:0}.workspace{display:block;height:auto}.editor-panel{border-right:0}.visual-panel{height:65vh;min-height:480px}.graph-overlay{top:16px;left:16px;right:16px}.graph-overlay h2{font-size:17px}.overlay-actions{flex-direction:column;align-items:flex-end}.graph-search input{width:125px}.controls-hint{display:none}}
.modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#0e1713aa;backdrop-filter:blur(8px)}.modal[hidden]{display:none}.about-card{position:relative;width:min(430px,100%);padding:34px;border:1px solid #ffffff25;border-radius:20px;background:var(--panel);box-shadow:0 28px 90px #00000045}.modal-close{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.about-mark{width:46px;height:46px;margin-bottom:22px;display:grid;place-items:center;border-radius:12px;background:var(--dark);color:var(--acid);font-size:20px;font-weight:700}.about-card h2{margin:6px 0 25px;font-size:30px;letter-spacing:-.04em}.credit-list{display:grid;gap:2px}.credit-list p{margin:0;padding:15px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.credit-list small{font:500 9px DM Mono;letter-spacing:.13em;color:var(--muted)}.credit-list strong{font-size:14px}
.envelopes-btn{height:36px;padding:0 12px;border:1px solid #d9ff4350;border-radius:10px;background:#d9ff4315;color:var(--acid);font:600 10px Manrope;cursor:pointer;white-space:nowrap}.envelopes-btn:hover{background:#d9ff4325}.envelopes-btn.active{background:var(--acid);color:var(--dark);border-color:var(--acid)}.envelopes-btn:disabled{opacity:.35;cursor:not-allowed}
.dimension-switch button{min-width:34px;padding-left:9px;padding-right:9px}
.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.save-yaml-btn{height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);font:600 11px Manrope;cursor:pointer}.save-yaml-btn:hover{border-color:#a7aaa0;background:#f7f6f1}.save-yaml-btn span{font-size:17px;color:#64712b}@media(max-width:380px){.editor-actions{grid-template-columns:1fr}}
.layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.layout-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font:500 9px DM Mono;letter-spacing:.08em;text-transform:uppercase}.layout-controls select{width:100%;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:600 10px Manrope;outline:0}.layout-controls select:focus{border-color:#829239;box-shadow:0 0 0 3px #d9ff4325}.layout-controls select:disabled{opacity:.5;background:#efeee9}@media(max-width:380px){.layout-controls{grid-template-columns:1fr}}
.node-card{width:290px;max-height:calc(100% - 145px);overflow:auto;transform:translateX(330px)}.node-card.open{transform:translateX(0)}.node-attributes{margin:14px 0 0;border-top:1px solid #ffffff20}.node-attributes div{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(100px,1.15fr);gap:10px;padding:9px 0;border-bottom:1px solid #ffffff14}.node-attributes dt{margin:0;color:#8fa098;font:500 9px/1.35 DM Mono;overflow-wrap:anywhere}.node-attributes dd{margin:0;color:#f4f1e9;font:600 10px/1.35 Manrope;text-align:right;overflow-wrap:anywhere}
.node-card .explore-links-btn{position:static;width:100%;height:38px;margin-top:14px;border:1px solid #d9ff4360;border-radius:9px;background:#d9ff4315;color:var(--acid);font:600 11px Manrope}.node-card .explore-links-btn:hover{background:#d9ff4325}.directed-exploration-options{margin-top:10px;padding:10px;border:1px solid #ffffff20;border-radius:10px;background:#0e17136b}.directed-exploration-options label{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;margin-bottom:8px;color:#aeb8b3;font:500 9px DM Mono;text-transform:uppercase}.directed-exploration-options select{min-width:0;height:32px;padding:0 7px;border:1px solid #ffffff25;border-radius:7px;background:#17251f;color:#fff;font:600 10px Manrope}.directed-exploration-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.node-card .directed-exploration-actions button{position:static;height:32px;border-radius:7px;font:600 10px Manrope}.node-card .apply-exploration-btn{background:var(--acid);color:var(--dark)}.node-card .cancel-exploration-btn{border:1px solid #ffffff25;background:#ffffff0d;color:#fff}
.node-relations{margin-top:14px;border-top:1px solid #ffffff20;padding-top:7px}.relation-section{border-bottom:1px solid #ffffff18}.relation-section summary{padding:9px 0;color:#dce4df;font:600 10px Manrope;cursor:pointer;list-style-position:inside}.relation-card{margin:0 0 8px;padding:8px;border:1px solid #ffffff18;border-radius:8px;background:#0e171375;transition:border-color .15s,background .15s}.relation-card:hover{border-color:#d9ff4360;background:#1d3028}.relation-route{display:flex;align-items:center;gap:5px;color:#9eaaa4;font:600 9px Manrope;overflow-wrap:anywhere}.node-card .relation-node-link{position:static;padding:0;border:0;background:transparent;color:var(--acid);font:700 10px Manrope;text-align:left;text-decoration:underline;text-decoration-color:#d9ff4360;text-underline-offset:2px}.relation-attributes{margin:7px 0 0}.relation-attributes div{display:grid;grid-template-columns:minmax(58px,.7fr) minmax(80px,1.3fr);gap:7px;padding:4px 0;border-top:1px solid #ffffff10}.relation-attributes dt{color:#819088;font:500 8px DM Mono;overflow-wrap:anywhere}.relation-attributes dd{margin:0;color:#eef2ef;font:500 9px/1.35 Manrope;text-align:right;overflow-wrap:anywhere}.relations-empty{padding:0 0 8px!important;color:#76827c!important;font-size:9px!important}
.node-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;max-width:100%;overflow-wrap:anywhere}.node-card .breadcrumb-step{position:static;max-width:100%;padding:2px 0;border:0;background:transparent;color:#b7c1bc;font:500 9px/1.35 Manrope;text-align:left;overflow-wrap:anywhere}.node-card .breadcrumb-step:hover{color:var(--acid);text-decoration:underline}.node-card .breadcrumb-step[aria-current="page"]{color:#fff;font-weight:700}.breadcrumb-separator{color:#68766f;font-size:10px;flex:0 0 auto}
.beta-badge{display:inline-flex;vertical-align:middle;margin-left:4px;padding:3px 6px;border-radius:5px;background:var(--acid);color:var(--dark);font:700 8px DM Mono;letter-spacing:.08em;text-transform:uppercase}.about-card{max-height:calc(100vh - 40px);overflow:auto}.beta-notice{margin:-8px 0 22px;padding:16px;border:1px solid #cad49c;border-radius:12px;background:#f4f8e6}.beta-notice strong{font-size:13px}.beta-notice p{margin:8px 0 0;color:#53605a;font-size:11px;line-height:1.55}.inspirations{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.inspirations p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.workspace{transition:grid-template-columns .28s ease}.editor-panel{min-width:0;transition:opacity .18s ease,padding .28s ease}.workspace.editor-collapsed{grid-template-columns:0 1fr}.workspace.editor-collapsed .editor-panel{padding-left:0;padding-right:0;border-right:0;opacity:0;pointer-events:none;visibility:hidden}.workspace.editor-collapsed .visual-panel{min-width:0}@media(max-width:780px){.workspace.editor-collapsed .editor-panel{display:none}.workspace.editor-collapsed .visual-panel{height:calc(100vh - 70px);min-height:520px}.topbar-actions .status{display:none}.topbar-actions{gap:7px}.about-btn{padding:0 9px}}
.credit-link{color:var(--ink);text-decoration:none;border-bottom:1px solid #aeb69a;transition:border-color .18s,color .18s}.credit-link:hover{color:#536312;border-color:#536312}.credit-link span{margin-left:3px;color:#728128;font-size:11px}
.share-btn{height:36px;padding:0 12px;border:1px solid var(--acid);border-radius:10px;background:var(--acid);color:var(--dark);font:700 10px Manrope;cursor:pointer;white-space:nowrap}.share-btn:hover{background:#e4ff75}.share-btn:disabled{opacity:.55;cursor:wait}
.share-card{position:relative;width:min(620px,100%);padding:34px;border:1px solid #ffffff25;border-radius:20px;background:var(--panel);box-shadow:0 28px 90px #00000045}.share-card h2{margin:6px 0 10px;font-size:28px}.share-card>p{color:var(--muted);font-size:12px;line-height:1.55}.share-link-output{height:150px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;resize:none;background:#fff;font:10px/1.45 DM Mono,monospace;overflow-wrap:anywhere}.share-copy-status{min-height:18px;margin:9px 0 0!important;color:#536312!important;font-weight:600}
.tag-filter{position:absolute;z-index:3;left:26px;top:88px;width:min(310px,calc(100% - 52px));margin:0;padding:10px 12px;border:1px solid #ffffff25;border-radius:11px;background:#0e1713e8;color:#eef3ef;backdrop-filter:blur(12px)}.tag-filter summary{display:flex;align-items:center;gap:6px;color:white;font:600 11px Manrope;list-style-position:inside}.tag-filter summary span{color:var(--acid)}.tag-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.tag-filter-header span{font-size:10px;color:#b7c1bc}.tag-filter-header button{border:0;background:transparent;color:var(--acid);font:600 10px Manrope;text-decoration:underline;cursor:pointer}.tag-filter fieldset{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;margin:0;padding:0;border:0;overflow:auto}.tag-option{position:relative}.tag-option input{position:absolute;opacity:0;pointer-events:none}.tag-option span,.node-tag{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;border:1px solid #ffffff30;border-radius:99px;background:#ffffff0b;color:#d7ded9;font:600 10px Manrope;cursor:pointer}.tag-option input:checked+span{border-color:var(--acid);background:#d9ff4325;color:var(--acid)}.tag-option input:focus-visible+span,.node-tag:focus-visible{outline:2px solid white;outline-offset:2px}.tag-option input:checked+span::before{content:'✓';font-weight:700}.tag-option small{opacity:.72}.node-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.node-tag{position:static;border-color:#d9ff4360;background:#d9ff4315;color:var(--acid)}
.tag-filter .tag-display-mode{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:5px;max-height:none;margin:10px 0 4px;overflow:visible}.tag-display-mode legend{grid-column:1;float:left;margin-right:3px;color:#9eaaa4;font:500 9px DM Mono;letter-spacing:.08em;text-transform:uppercase}.tag-display-mode label{position:relative}.tag-display-mode input{position:absolute;opacity:0;pointer-events:none}.tag-display-mode span{display:grid;min-height:26px;place-items:center;padding:3px 8px;border:1px solid #ffffff25;border-radius:7px;color:#c4cec8;font:600 9px Manrope;cursor:pointer}.tag-display-mode input:checked+span{border-color:var(--acid);background:var(--acid);color:var(--dark)}.tag-display-mode input:focus-visible+span{outline:2px solid white;outline-offset:2px}
@media(max-width:780px){.tag-filter{left:16px;top:82px;width:min(280px,calc(100% - 32px))}.node-card{top:150px;max-height:calc(100% - 170px);overflow:auto}}
.node-card .node-tag{position:static;right:auto;top:auto;min-height:21px;padding:2px 7px;border:1px solid #d9ff4355;border-radius:99px;background:transparent;color:var(--acid);font:600 9px/1.2 Manrope;cursor:pointer}.node-card .node-tag:hover{background:#d9ff4315;border-color:#d9ff4380}.node-tags{gap:4px;margin:7px 0 9px}

/* Mode lecteur pour l'integration dans une iframe. Le graphe et ses outils
   d'exploration restent inchanges; seuls les outils d'auteur sont masques. */
body.atlas-embed{width:100vw;height:100vh;height:100dvh;min-height:0;padding:0;overflow:hidden}
body.atlas-embed .app-shell{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
body.atlas-embed .topbar,
body.atlas-embed .editor-panel,
body.atlas-embed #export-png-btn,
body.atlas-embed #export-svg-btn,
body.atlas-embed #share-diagram-btn,
body.atlas-embed #link-animation-btn,
body.atlas-embed .metrics,
body.atlas-embed .controls-hint,
body.atlas-embed .scene-nav-info{display:none!important}
body.atlas-embed .workspace,
body.atlas-embed .workspace.editor-collapsed{display:grid;height:100%;grid-template-columns:minmax(0,1fr)}
body.atlas-embed .visual-panel,
body.atlas-embed .workspace.editor-collapsed .visual-panel{width:100%;height:100%;min-height:0}
body.atlas-embed .graph-overlay>div:first-child{min-width:0;margin-right:16px}
body.atlas-embed .graph-overlay h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.atlas-embed .node-card{top:82px;max-height:calc(100% - 98px)}

@media(max-width:780px){
  body.atlas-embed .app-shell{height:100%;min-height:0}
  body.atlas-embed .workspace,
  body.atlas-embed .workspace.editor-collapsed{display:grid;height:100%;grid-template-columns:minmax(0,1fr)}
  body.atlas-embed .visual-panel,
  body.atlas-embed .workspace.editor-collapsed .visual-panel{height:100%;min-height:0}
  body.atlas-embed .graph-overlay{display:block;top:12px;left:12px;right:12px}
  body.atlas-embed .graph-overlay>div:first-child{margin-right:0}
  body.atlas-embed .overlay-actions{flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:6px;margin-top:7px}
  body.atlas-embed .graph-search{flex:1 1 190px}
  body.atlas-embed .graph-search input{width:100%;min-width:0}
  body.atlas-embed .tag-filter{top:150px;left:12px;width:min(280px,calc(100% - 24px))}
  body.atlas-embed .node-card{top:150px;right:12px;width:min(290px,calc(100% - 24px));max-height:calc(100% - 166px)}
}

@media (min-width:520px) and (max-width:780px){
  body.atlas-embed .tag-filter{top:114px}
}

@media(max-width:430px){
  body.atlas-embed .graph-overlay h2{font-size:15px}
  body.atlas-embed .view-switch button,
  body.atlas-embed .envelopes-btn{padding-right:8px;padding-left:8px}
  body.atlas-embed .tag-filter{top:150px}
  body.atlas-embed .node-card{top:188px;max-height:calc(100% - 204px)}
}

/* Conserve tous les contrôles visibles lorsque les noms de relations sont offerts. */
.overlay-actions{width:calc(100% - 210px);min-width:0;max-width:calc(100% - 210px);justify-content:flex-end;flex-wrap:wrap}
@media(max-width:780px){.overlay-actions{width:auto;max-width:none}}
.inspirations .about-legal-link{margin-top:14px}.about-legal-link a{color:#38504a;font-weight:700;text-decoration:underline;text-underline-offset:3px}