/* Prototype-only refinements approved by the owner. Canonical product tokens stay unchanged. */
[hidden]{display:none!important}
html[data-palette="graphite"]{--ui-panel:#111110;--ui-panel-top:#191917;--ui-control:#1D1D1A;--ui-control-top:#2A2924;--ui-control-bottom:#181815}
main{padding-top:112px}
.preview-role-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;margin-top:-3px}
.preview-role-bar>div{display:flex;align-items:center;gap:12px;flex-shrink:0}.role-label{font-size:8px;letter-spacing:.13em;color:var(--ui-muted)}
.role-switch{display:flex;border:1px solid var(--ui-line);border-radius:8px;padding:2px;gap:2px}.role-switch button{font-size:10px;padding:8px 11px;border-radius:5px;color:var(--ui-muted)}.role-switch button[aria-pressed=true]{color:var(--ui-accent-ink);background:var(--ui-selected)}
.preview-role-bar p{font-size:9px;color:var(--ui-muted);line-height:1.6;margin:0;max-width:610px;text-align:right}
.workspace{height:max(580px,calc(100dvh - 414px))}
.nav-skill-icon{width:19px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ui-muted)}.nav-skill-icon svg{width:17px;height:17px}
.branch-button.active .nav-skill-icon,.skill-row.active .nav-skill-icon{color:var(--ui-accent-ink)}
.skill-row{gap:9px;font-size:12px}.branch-button{font-size:12px;gap:9px}.nav-overview{font-size:12px}.node-icon{width:24px;height:24px}.node-icon svg{width:19px;height:19px}.detail-icon svg{width:26px;height:26px}
.child-button{align-items:center;justify-content:flex-start}.child-button>span:last-child{margin-left:auto}
[data-variant=D] .node{border-color:transparent;border-radius:17px;background:linear-gradient(135deg,var(--ui-control-top),var(--ui-panel-top) 75%);box-shadow:0 6px 18px #0001;min-height:145px;padding:18px 20px}
[data-variant=D] .node:after{display:none}[data-variant=D] .node.selected{border-color:var(--ui-accent-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent-ink) 12%,transparent),0 12px 28px #0002}
[data-variant=D] .node-top{margin-bottom:9px}[data-variant=D] .node h3{font-size:18px;letter-spacing:-.4px}[data-variant=D] .node p{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2}
[data-variant=D] .node.root{background:linear-gradient(135deg,var(--ui-control-top),var(--ui-selected));min-height:170px;padding:23px}[data-variant=D] .node.root h3{font-size:24px}
[data-variant=D] .node-icon{background:none}[data-variant=D] #edges path{stroke-width:1.5;opacity:.8}
.node.detached .node-top>span:nth-child(2){color:var(--ui-accent-ink)}
.detail-actions.branch-action{margin:0 0 18px;display:block}.branch-action .button{display:flex;width:100%;justify-content:space-between;min-height:44px;padding:12px 15px;font-size:12px;background:linear-gradient(125deg,#F4C561,#EEA862);color:#241B0F;border:0}
.admin-tools{padding:12px;border:1px dashed var(--ui-line-strong);border-radius:11px;margin-bottom:22px;background:color-mix(in srgb,var(--ui-control) 50%,transparent)}.admin-tools-label{font-size:7px;letter-spacing:.16em;color:var(--ui-accent-ink);margin-bottom:10px}.admin-buttons{display:flex;gap:7px}.admin-buttons .button{padding:8px 9px;min-height:33px;font-size:9px;flex:1}
.connections{margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line)}.connections summary{cursor:pointer;font-size:11px;color:var(--ui-muted-strong);line-height:1.5}.connections summary span{float:right;color:var(--ui-muted);font-size:9px}.connections label{display:block;font-size:10px;color:var(--ui-muted);margin-top:13px}.connections select{display:block;width:100%;margin-top:8px;font-size:10px;padding:9px 7px}.connection-actions{display:flex;gap:5px;align-items:center;margin-top:9px}.connection-actions .button{font-size:9px;padding:8px;min-height:32px}.connection-actions #detach{color:var(--ui-danger)}.connections p{font-size:9px;line-height:1.7;color:var(--ui-muted);margin-bottom:0}
.materials-heading{font-size:14px;margin-bottom:12px;align-items:center}.materials-heading span{padding:4px 7px;background:var(--ui-selected);color:var(--ui-accent-ink);border-radius:5px;font-size:9px;white-space:nowrap}
.resource{border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-control);padding:15px!important;margin:10px 0;transition:background .3s,border-color .3s,transform .55s cubic-bezier(.22,.8,.2,1)}.resource h4{font-size:12px}.resource p{font-size:10px;line-height:1.7}.resource:hover{background:var(--ui-hover);border-color:var(--ui-line-strong);transform:translateY(-2px)}.resource-open{display:flex;justify-content:space-between;align-items:center;color:var(--ui-accent-ink);font-size:10px;font-weight:550;margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line)}.resource-type{margin-bottom:9px}
.reset-layout{border:1px solid color-mix(in srgb,var(--ui-accent-ink) 32%,var(--ui-line));background:var(--ui-panel-top);color:var(--ui-accent-ink);border-radius:8px;padding:9px 12px;min-height:34px;white-space:nowrap;font-size:10px;box-shadow:0 3px 14px #0002}.reset-layout:hover{background:var(--ui-selected)}
.map-watermark{bottom:62px;right:18px;left:18px;letter-spacing:.02em;font-size:8px;opacity:.65;max-width:none}.canvas-actions #all-nodes{font-size:9px;color:var(--ui-muted-strong)}.canvas-actions #all-nodes[aria-pressed=true]{color:var(--ui-accent-ink)}
#link-hint{position:absolute;top:53px;left:14px;right:14px;z-index:8;border:1px solid var(--ui-accent-ink);border-radius:9px;padding:9px 12px;background:var(--ui-selected);color:var(--ui-text);display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;line-height:1.6;box-shadow:var(--ui-shadow)}#link-hint span{max-width:80%}.linking .node{cursor:crosshair}.linking .node:hover{box-shadow:0 0 0 2px var(--ui-accent-ink)}
[data-role=user] .canvas-mode{color:var(--ui-muted-strong)}
@media(min-width:1700px){.workspace{grid-template-columns:250px minmax(300px,1fr) 355px}.resource h4{font-size:13px}.resource p{font-size:11px}}
@media(max-width:1250px){.preview-role-bar{align-items:flex-start}.preview-role-bar p{max-width:430px}.review-bar{gap:9px}.segments button{padding:9px}.segments button[data-view=D]{min-width:135px}}
@media(max-width:960px){.preview-role-bar p{font-size:8px}.workspace{height:max(580px,calc(100dvh - 414px))}.map-caption{right:18px!important}.workspace:not(.inspector-closed) .map-caption{right:325px!important}.reset-layout{font-size:9px;padding:8px}.canvas-actions #all-nodes{font-size:8px;max-width:115px;white-space:normal}}
@media(max-width:640px){main{padding-top:91px}.preview-role-bar{display:block;padding-bottom:13px}.preview-role-bar>div{justify-content:space-between}.preview-role-bar p{text-align:left;max-width:none;font-size:9px;margin-top:9px;line-height:1.6}.role-label{font-size:7px}.segments{flex-wrap:wrap;justify-content:stretch}.segments button[data-view=D]{flex-basis:100%;min-width:0}.segments button{padding:9px 5px}.workspace{height:580px;min-height:580px}.navigation .nav-skill-icon{display:none}.navigation.has-query #skill-list .nav-skill-icon{display:inline-flex}.canvas-top{gap:3px}.canvas-top>div:first-child{max-width:58%}#canvas-breadcrumb{font-size:9px}.canvas-actions #all-nodes{max-width:89px;font-size:8px;line-height:1.5}.canvas-actions .icon-button{width:25px}.map-caption,.workspace:not(.inspector-closed) .map-caption{right:12px!important}.reset-layout{font-size:8px;padding:8px;min-height:32px}.zoom-controls button{width:25px}.zoom-controls #zoom-label{width:40px}.map-watermark{font-size:7px;bottom:58px;max-width:none!important}.inspector{max-height:82%}.admin-buttons .button{font-size:10px}.detail-icon{display:grid;width:35px;height:35px;float:right;margin:0 0 8px 12px}.detail-icon svg{width:22px;height:22px}.branch-action .button{font-size:12px}.materials-heading{font-size:14px}#link-hint{top:46px;font-size:10px;padding:7px 9px}.role-switch button{padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.resource:hover{transform:none}}