.sheet.type-picker-sheet{width:650px}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.type-choice{position:relative;border:1px solid var(--line);border-radius:15px;background:var(--quiet);padding:13px 8px 10px;text-align:center;transition:border-color .2s,background .2s,transform .2s}.type-choice:hover{transform:translateY(-2px)}.type-choice[aria-pressed=true]{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,var(--paper));box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 10%,transparent)}.type-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:8px;top:6px;color:var(--green);font-size:12px}.type-preview{display:block;width:100%;height:76px;overflow:visible}.type-choice strong{display:block;font-size:12px;margin-top:6px}.type-choice small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.type-example{margin-top:17px;border:1px solid var(--line);border-radius:15px;background:var(--quiet);padding:10px 14px}.type-example .type-preview{height:174px}.type-description{font-size:11px!important;text-align:center;color:var(--muted);margin:9px 0 17px!important}.type-name-label{display:block;font-size:11px}.type-name-label input{display:block;width:100%;margin-top:7px}.type-sample-option{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:13px;cursor:pointer}.type-sample-option input{accent-color:var(--green);width:16px;height:16px}.map-limits-note{font-size:10px!important;line-height:2!important;color:var(--muted);padding:12px 0;margin:8px 0!important}.type-change-note{font-size:11px!important}.type-submit{width:100%;margin-top:0!important}.map-type-control{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--quiet);padding:7px 10px;font-size:10px;white-space:nowrap;color:var(--green);flex-shrink:0}.map-type-control .icon{width:14px;height:14px}.map-type-control:after{content:'⌄';font-size:12px;color:var(--muted)}.viewbar{gap:10px}.breadcrumbs{flex:1}.diagram-node{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:11px 13px!important;text-align:center!important;min-height:0!important;box-shadow:0 3px 12px var(--shadow)}.diagram-node strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:100%;font-size:14px!important;line-height:1.65}.diagram-node small{font-size:10px!important;margin-top:5px!important}.diagram-node.bubble-node{border-radius:50%;padding:22px!important}.diagram-label{position:absolute;transform:translateX(-50%);font-size:14px;color:var(--muted);white-space:nowrap}.map-diagram .overview-lines path{vector-effect:non-scaling-stroke;stroke-width:1.5}.field-count{font-size:8px;color:var(--muted);display:flex;justify-content:space-between;gap:9px;margin-top:10px}.field-count span{white-space:nowrap}.field-count .near-limit{color:var(--warning)}.topic-role{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:var(--muted)}.topic-role button{border:1px solid var(--line);border-radius:7px;padding:4px 8px;color:var(--green);background:var(--quiet)}.focus-map-type{font-size:9px;color:var(--muted);text-align:center;margin:7px 0 0}.type-flow .diagram-node{border-radius:12px}.type-brace .diagram-node{box-shadow:none}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){.viewbar{flex-wrap:wrap;gap:7px;padding-bottom:6px}.breadcrumbs{max-width:none;flex-basis:calc(100% - 112px)}.map-type-control{order:0;max-width:122px;overflow:hidden;font-size:9px;padding:6px 8px}.context-toggle{margin-inline-start:auto}.view-toggle{margin-inline-start:0}.type-grid{gap:7px}.type-choice{padding:12px 5px 9px}.type-choice strong{font-size:10px}.type-choice small{font-size:8px}.type-choice .type-preview{height:52px}.type-example .type-preview{height:145px}.sheet.type-picker-sheet{max-height:90dvh}.type-picker-sheet .sheet-body{padding-top:5px}.diagram-node strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.type-choice{transition:none}.type-choice:hover{transform:none}}

.type-picker-footer{flex-shrink:0;padding:12px 25px 18px;border-top:1px solid var(--line);background:var(--paper)}.diagram-node strong{white-space:normal}.type-picker-sheet .type-example .type-preview{height:140px}@media(max-width:900px),(max-width:1000px) and (max-height:500px){.type-picker-footer{padding:10px 20px 14px}.type-picker-sheet .type-example .type-preview{height:118px}}

.stage{min-height:calc(var(--visual-height,100dvh) - var(--map-chrome-height,149px))}.stage:has(.depth-scene){height:calc(var(--visual-height,100dvh) - var(--map-chrome-height,149px) - var(--map-bottom-height,100px))}.depth-scene.focus-scene{--card-h:270px}.depth-active .active-notes{max-height:48px}.depth-active .field-count{position:absolute;bottom:56px;left:28px;right:28px;margin:0}.depth-active .card-footer{padding-top:8px;margin:0}.role-toggle{color:var(--accent)!important}@media(max-width:900px),(max-width:1000px) and (max-height:500px){.depth-scene.focus-scene{--card-h:248px}.depth-active .active-notes{max-height:47px}.depth-active .field-count{bottom:48px;left:17px;right:17px;font-size:7px}.keyboard-open .depth-scene.focus-scene{--card-h:160px}.keyboard-open .depth-active .field-count,.keyboard-open .depth-active .card-footer{display:none}.keyboard-open .depth-active .active-notes{max-height:32px}}

.type-preview path,.type-preview rect,.type-preview ellipse{vector-effect:non-scaling-stroke;stroke-width:1.15}

.brand-name{font:inherit;line-height:1.5;margin:0;letter-spacing:-1px}.brand small{margin-top:0}
