/* Organiser et sauvegarder un projet (projet.html) */
.project-hero{min-height:560px}
.project-hero .plugin-back{margin-bottom:28px}
.project-tree-hero{display:grid;gap:8px;padding:30px 34px;border-radius:20px;background:var(--ink);color:#e7ebf3;font:15px 'DM Mono';transform:rotate(-3deg);box-shadow:0 18px 40px #15192530}
.project-tree-hero b{color:#ffd36e}
.project-tree-hero span{padding-left:22px}
.project-tree-hero .file{color:#9cc1ff}
.project-tree-hero .sub{padding-left:44px}
.project-structure{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin:20px 0}
.project-tree,.project-tree ul{list-style:none;margin:0;padding:0}
.project-tree{padding:18px 20px;border-radius:14px;background:var(--ink);color:#e7ebf3;font:13px 'DM Mono'}
.project-tree ul{margin-left:18px;border-left:1px dashed #ffffff30;padding-left:14px}
.project-tree li{margin:7px 0}
.project-tree li:before{margin-right:8px}
.project-tree .folder:before{content:"▰";color:#ffd36e}
.project-tree .file:before{content:"▭";color:#9cc1ff}
.project-tree .project:before{content:"◆";color:var(--mint)}
.project-tree em{display:block;margin-left:22px;font:italic 11.5px Manrope,system-ui,sans-serif;color:#8f98aa}
.project-structure-notes{display:grid;gap:8px;align-content:start}
.project-structure-notes article{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.project-structure-notes b{display:block;margin-bottom:3px}
.project-structure-notes p{margin:0;font-size:13.5px;color:#434958}
.project-page code{font:12.5px 'DM Mono';background:#eef1f7;padding:1px 5px;border-radius:4px}
.project-travel{margin:18px 0;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.pt-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pt-ways button{padding:10px 12px;border:1px solid #ffffff1c;border-radius:10px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.pt-ways button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.pt-render{display:flex;align-items:center;gap:8px;margin:10px 2px;font-size:13px;color:#cfd5e1;cursor:pointer}
.pt-render input{accent-color:var(--mint);width:16px;height:16px}
.pt-result{padding:12px;border-radius:12px;background:#252b38}
.pt-result ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pt-result li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#1b202b}
.pt-result li i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:800;font-size:13px}
.pt-result li.ok i{background:#2c9d63;color:#fff}.pt-result li.bad i{background:#e0412b;color:#fff}.pt-result li.warn i{background:#ffd36e;color:#151925}
.pt-result b{display:block;font-size:13px}
.pt-result small{font-size:11.5px;color:#8f98aa}
.pt-result em{font:11px 'DM Mono';font-style:normal;text-align:right}
.pt-result li.ok em{color:var(--mint)}.pt-result li.bad em{color:#ff8a7a}.pt-result li.warn em{color:#ffd36e}
.pt-result p{margin:10px 2px 0;font-size:14px!important;color:#cfd5e1!important}
.rule-321{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.rule-321 div{display:grid;gap:4px;padding:20px;border-radius:14px;background:var(--ink);color:#fff}
.rule-321 strong{font:600 48px 'DM Mono';line-height:1;color:var(--mint)}
.rule-321 span{font-size:16px;font-weight:700}
.rule-321 small{font-size:12.5px;color:#aab2c2}
.session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.session-grid article{padding:18px;border-radius:13px;background:#eef1f7}
.session-grid small{font:10px 'DM Mono';color:var(--blue);letter-spacing:.05em}
.session-grid b{display:block;margin:5px 0}
.session-grid p{margin:0;font-size:13.5px;color:#434958}
.project-links{display:flex;flex-wrap:wrap;gap:4px 18px}
@media(max-width:900px){.project-structure,.pt-ways,.session-grid,.rule-321{grid-template-columns:1fr}.pt-result li{grid-template-columns:28px 1fr}.pt-result em{grid-column:2;text-align:left}}
@media(max-width:700px){.project-hero{min-height:0}.project-tree-hero{transform:none}}

/* Relier les fichiers manquants */
.relink-tool{margin:18px 0}
.rl-window{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px #15192518}
.rl-window>header{padding:10px 14px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.rl-list{list-style:none;margin:0;padding:8px;display:grid;gap:5px}
.rl-list li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);cursor:pointer}
.rl-list li.sel{border-color:var(--blue);box-shadow:0 0 0 2px #1762ff26}
.rl-list li i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:800;font-size:12px;background:#ffd36e;color:#151925}
.rl-list li.found i{background:#2c9d63;color:#fff}.rl-list li.skipped i{background:#c9ced8;color:#151925}
.rl-list b{display:block;font-size:13.5px}.rl-list small{font-size:12px;color:var(--muted)}
.rl-list em{font:11px 'DM Mono';font-style:normal;color:#9a6b00}
.rl-list li.found em{color:#1f7a4a}.rl-list li.skipped em{color:var(--muted)}
.rl-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 10px}
.rl-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:#eef1f7;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rl-actions button:hover{border-color:var(--blue)}
.rl-picker{margin:0 8px 10px;padding:10px;border-radius:10px;background:#f6f7fa;border:1px dashed #1762ff55}
.rl-picker[hidden]{display:none}
.rl-picker small{display:block;margin-bottom:6px;font-size:12.5px;color:#434958}
.rl-picker ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.rl-picker button{width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;font:12.5px 'DM Mono';text-align:left;cursor:pointer;color:var(--ink)}
.rl-picker button:hover{background:#dbe6ff}
.rl-status{min-height:1.4em;margin:8px 2px 0;font-size:14px!important;color:#1f7a4a!important}

/* Échanger avec un autre studio */
.share-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.share-formats article{padding:16px;border-radius:12px;background:#eef1f7}
.share-formats small{font:10px 'DM Mono';color:var(--blue);letter-spacing:.05em}
.share-formats b{display:block;margin:5px 0}
.share-formats p{margin:0;font-size:13px;color:#434958}
.stems-tool{margin:18px 0;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.stx-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.stx-opts label{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:9px;background:#1b202b;font-size:13px;color:#e7ebf3;cursor:pointer}
.stx-opts input{accent-color:var(--mint);width:16px;height:16px;margin-top:1px;flex:0 0 auto}
.stx-opts small{display:block;font-size:11.5px;color:#8f98aa}
.stx-recv{margin-top:12px;padding:12px;border-radius:12px;background:#0b0f16}
.stx-recv header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:6px}
.stx-recv header small{font:9px 'DM Mono';letter-spacing:.06em;color:#8f98aa}
.stx-recv header b{font:11px 'DM Mono';color:#ffd36e}
.stx-ruler,.stx-track{margin-left:190px;margin-right:62px}
.stx-ruler{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));font:9px 'DM Mono';color:#6c7588}
.stx-lane{display:grid;grid-template-columns:182px minmax(0,1fr) 54px;gap:8px;align-items:center;margin-top:4px}
.stx-lane b{font:11px 'DM Mono';color:#cfd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stx-lane .stx-track{position:relative;margin:0;height:26px;border-radius:4px;background:repeating-linear-gradient(90deg,#1b2130 0 calc(100%/16 - 1px),#0b0f16 0 calc(100%/16))}
.stx-track i{position:absolute;top:2px;bottom:2px;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}
.stx-track i.clip{background:#1762ff55;border:1px solid #8aabff}
.stx-track i.clip.wrong{background:#e0412b55;border-color:#ff8a7a}
.stx-track i.ghost{border:1px dashed #8be8bd;background:none}
.stx-track em{display:block;width:100%;background:linear-gradient(#ffffff55,#ffffff10)}
.stx-peak{font:10.5px 'DM Mono';color:#aab2c2;text-align:right}
.stx-report{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
.stx-report li{padding:8px 12px;border-radius:8px;background:#2e2228;font-size:13.5px;color:#ffcfc4}
.stx-report li.ok{background:#16382c;color:#bff3da}
.stx-report li.warn{background:#2b2a1c;color:#ffe7a6}
@media(max-width:900px){.share-formats{grid-template-columns:1fr 1fr}.stx-opts{grid-template-columns:1fr}.stx-ruler{margin-left:0;margin-right:0}.stx-lane{grid-template-columns:minmax(0,1fr) 54px}.stx-lane b{grid-column:1/-1}.stx-lane .stx-track{grid-column:1}}
@media(max-width:560px){.share-formats{grid-template-columns:1fr}}
