.app-shell{gap:16px;padding:24px;display:grid}.app-nav,.tool-panel{background:#fff;border:1px solid #d9dde5;border-radius:18px;box-shadow:0 10px 30px #0f172a0d}.app-nav{padding:10px}.app-nav__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-nav__tabs{flex-wrap:wrap;gap:10px;display:flex}.app-nav__controls{align-items:center;gap:10px;display:flex}.app-nav__mode{color:#334155;gap:4px;font-size:.82rem;font-weight:800;display:grid}.app-nav__mode select{color:#111827;min-height:38px;font:inherit;background:#fff;border:1px solid #d0d7e2;border-radius:12px;padding:0 12px}.app-nav__tab{color:#334155;min-height:42px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #d0d7e2;border-radius:999px;padding:0 16px;font-weight:800;transition:background .14s,color .14s,border-color .14s,transform .14s}.app-nav__tab:hover{transform:translateY(-1px)}.app-nav__tab.is-active{color:#c2410c;background:#fff7ed;border-color:#ea580c}.tool-panel--centered{color:#334155;place-items:center;min-height:240px;padding:24px;display:grid}.planner-shell{gap:16px;display:grid}.planner-card{background:#fff;border:1px solid #d9dde5;border-radius:18px;padding:18px 20px 20px;box-shadow:0 10px 30px #0f172a0d}.planner-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.planner-card__header h1,.planner-card__header h2{color:#0f172a;margin:0}.planner-card__header p{color:#475569;margin:6px 0 0;line-height:1.45}.planner-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.planner-ai-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.planner-grid--form{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"column category subcategory""nameEn nameVi id""summaryEn summaryVi summaryGuide"}.planner-grid--lists{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-dependency-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.planner-field{color:#334155;align-content:start;gap:6px;height:100%;font-size:.92rem;display:grid}.planner-field--wide{grid-column:span 2}.planner-field--full{grid-column:1/-1}.planner-field--column{grid-area:column}.planner-field--category{grid-area:category}.planner-field--subcategory{grid-area:subcategory}.planner-field--name-en{grid-area:nameEn}.planner-field--name-vi{grid-area:nameVi}.planner-field--id{grid-area:id}.planner-field--summary-en{grid-area:summaryEn;grid-template-rows:24px minmax(0,1fr);min-height:244px}.planner-field--summary-vi{grid-area:summaryVi;grid-template-rows:24px minmax(0,1fr);min-height:244px}.planner-field--summary-guide{grid-area:summaryGuide;grid-template-rows:24px minmax(0,1fr);min-height:244px}.planner-field span{font-weight:800}.planner-field__warning{color:#b91c1c;font-size:.83rem;font-weight:700}.image-field{gap:8px;min-width:0;display:grid}.image-field__label-row{justify-content:space-between;align-items:baseline;gap:10px;min-height:24px;display:flex}.image-field__meta{color:#64748b;font-size:.76rem;font-weight:700}.image-field__dropzone{cursor:pointer;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px dashed #cbd5e1;border-radius:16px;place-items:center;min-height:168px;padding:12px;display:grid;overflow:hidden}.image-field__dropzone:focus-visible{outline-offset:2px;outline:2px solid #fb923c}.image-field__dropzone.has-image{border-style:solid;padding:0}.image-field__preview{aspect-ratio:1;object-fit:cover;width:100%;display:block}.image-field__empty{text-align:center;color:#475569;gap:6px;display:grid}.image-field__empty strong{color:#0f172a;font-size:.92rem}.image-field__empty span{font-size:.82rem;line-height:1.45}.image-field__input{display:none}.image-field__actions{flex-wrap:wrap;gap:8px;display:flex}.image-field__error{color:#b91c1c;font-size:.82rem;font-weight:700}.planner-field__label-row{justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex}.planner-toggle-row{justify-content:flex-start;display:flex}.planner-guide-card{box-sizing:border-box;height:100%;overflow:hidden}.planner-guide-card__title{font-weight:800;display:block}.planner-guide-card__body{color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;align-content:start;gap:6px;height:100%;padding:12px 14px;font-size:.88rem;line-height:1.45;display:grid}.planner-guide-card__body strong{color:#0f172a;font-size:.82rem}.planner-field input,.planner-field select,.planner-field textarea{color:#111827;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d0d7e2;border-radius:12px;padding:10px 14px}.planner-field textarea{resize:vertical;height:100%;min-height:0}.planner-toggle{color:#0f172a;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;font-size:.82rem;font-weight:800}.planner-toggle.is-active{color:#c2410c;background:#fff7ed;border-color:#ea580c}.planner-field select[multiple]{min-height:280px;padding:8px}.planner-search-results,.planner-picked-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:8px;padding:10px;display:grid}.planner-search-results{max-height:180px;overflow:auto}.planner-search-chip{color:#0f172a;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:.88rem}.planner-search-chip:hover{background:#fff7ed;border-color:#fb923c}.planner-search-empty{color:#64748b;font-size:.86rem}.planner-search-hint{color:#64748b;margin:0;font-size:.86rem}.planner-picked-item{background:#fff;border:1px solid #dbe3ef;border-radius:12px;grid-template-columns:minmax(0,1fr) 84px auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.planner-picked-item__body{gap:3px;min-width:0;display:grid}.planner-picked-item__body strong,.planner-picked-item__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planner-picked-item__body span{color:#64748b;font-size:.8rem}.planner-picked-item__quantity{min-height:38px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px}.planner-picked-item__remove{color:#b91c1c;min-height:38px;font:inherit;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:0 12px;font-weight:700}.planner-prediction{gap:12px;display:grid}.planner-prediction__stats{flex-wrap:wrap;gap:8px;display:flex}.planner-prediction__stats span{color:#334155;background:#f1f5f9;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:700}.planner-callout{border-radius:14px;padding:14px 16px}.planner-callout strong{margin-bottom:8px;display:block}.planner-callout ul{color:#334155;margin:0;padding-left:18px}.planner-callout--danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.planner-callout--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.planner-callout--info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.planner-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (width<=1100px){.planner-grid,.planner-grid--lists{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-grid--form{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"column category""subcategory subcategory""nameEn nameVi""id id""summaryEn summaryVi""summaryGuide summaryGuide"}}@media (width<=720px){.planner-grid,.planner-grid--lists{grid-template-columns:1fr}.planner-field--wide,.planner-field--full{grid-column:span 1}.planner-grid--form{grid-template-columns:1fr;grid-template-areas:"column""category""subcategory""nameEn""nameVi""id""summaryEn""summaryVi""summaryGuide"}.planner-dependency-stack{grid-template-columns:1fr}.planner-field__label-row{flex-direction:column;align-items:flex-start}.planner-picked-item{grid-template-columns:1fr}}.toolbar,.selection-bar,.relations{background:#fff;border:1px solid #d9dde5;border-radius:18px;box-shadow:0 10px 30px #0f172a0d}.toolbar{gap:14px;padding:18px 20px 20px;display:grid}.toolbar__topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.toolbar__intro h1,.relations__header h2{color:#0f172a;margin:0;font-size:1.18rem}.toolbar__intro p,.relations__header p{color:#475569;margin:6px 0 0;line-height:1.45}.toolbar__controls{grid-template-columns:repeat(4,minmax(160px,1fr)) auto auto;align-items:end;gap:12px;display:grid}.toolbar__controls label{color:#334155;gap:6px;font-size:.92rem;display:grid}.toolbar__controls span{font-weight:700}.toolbar__controls select{color:#111827;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d0d7e2;border-radius:12px;padding:0 12px}.toolbar__button{color:#111827;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 18px;font-weight:700}.toolbar__button--primary{color:#fff;background:#111827;border-color:#111827}.toolbar__compact-note{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.45}.selection-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.selection-bar__content{gap:4px;display:grid}.selection-bar__label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:800}.selection-bar__value{color:#0f172a;font-size:.96rem}.selection-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.selection-bar__button{color:#0f172a;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:0 14px;font-weight:800}.selection-bar__button:disabled{color:#94a3b8;cursor:not-allowed}.selection-bar__button--danger{color:#b91c1c;border-color:#fecaca}.toolbar__stats{flex-wrap:wrap;gap:8px;display:flex}.toolbar__stats span{color:#334155;background:#f1f5f9;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:700}.board-shell{background:#fff;border:1px solid #d9dde5;border-radius:22px;overflow:auto}.node-edit-shell{justify-content:flex-end;margin-bottom:14px;display:flex}.board-surface{min-width:1260px;padding:18px;position:relative}.board-shell--compact{background:radial-gradient(circle at 100% 0,#fb923c14,#0000 28%),#fff}.board-surface--compact{min-width:980px;padding:14px}.compact-board{z-index:1;flex-direction:column;align-items:stretch;gap:20px;display:flex;position:relative}.compact-board__row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;min-height:92px;padding:6px 0;display:flex}.compact-board__row.is-active{outline-offset:8px;border-radius:16px;outline:2px solid #60a5fa33}.board-surface__links{pointer-events:none;position:absolute;inset:0;overflow:visible}.board-surface__links--base{z-index:1}.board-surface__links--overlay{z-index:5}.board-surface__path{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s,stroke-width .12s}.board-surface__path--consumes{color:#64748b;stroke:currentColor}.board-surface__path--crafted_at{color:#2563eb;stroke:currentColor}.board-surface__path--unlocks{color:#059669;stroke:currentColor}.board-surface__path--requires{color:#0f766e;stroke:currentColor}.board-surface__path--produces{color:#475569;stroke:currentColor}.board-surface__path--upgrades_to{color:#4f46e5;stroke:currentColor}.board-surface__path--blocked_by{color:#dc2626;stroke:currentColor}.board-surface__path--gathered_by{color:#ea580c;stroke:currentColor;stroke-dasharray:6 3}.board-surface__path.is-normal{opacity:.24}.board-surface__path.is-muted{opacity:0}.board-surface__path.is-highlight{opacity:1;stroke-width:2.6px}.tree-table{z-index:1;border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;position:relative}.tree-table th,.tree-table td{vertical-align:top;border:1px solid #e2e8f0}.tree-table th{color:#0f172a;letter-spacing:.02em;text-align:left;z-index:2;background:#f8fafc;padding:14px 12px;font-size:.94rem;font-weight:800;position:sticky;top:0}.tree-table td{background:#fff;height:1px;padding:12px}.tree-table--compact th{padding:12px 10px;font-size:.88rem}.tree-table--compact td{padding:10px}.tree-table__level{width:102px}.tree-table__tier{width:96px}.tree-table__group{color:#334155;background:#f8fafc;font-weight:800}.layer-cell{align-content:start;gap:8px;display:grid}.layer-cell__meta{color:#64748b;font-size:.76rem;font-weight:700}.layer-cell__selected{color:#1d4ed8;background:#e0ecff;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.layer-cell__button{color:#334155;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:10px;font-size:.76rem;font-weight:800}.layer-cell__button:disabled{color:#94a3b8;cursor:not-allowed;border-color:#d0d7e2}.cell-stack{gap:10px;display:grid}.cell-stack__row{cursor:pointer;background:#f8fafc;border:1px dashed #d0d7e2;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:12px;height:auto;min-height:154px;padding:24px 10px 10px;display:flex;position:relative}.cell-stack__row.is-empty{height:100%;min-height:154px}.cell-stack__row--compact{background:#fbfdff;align-items:center;gap:10px;min-height:92px;padding:24px 10px 12px}.cell-stack__row--compact.is-empty{min-height:92px}.cell-stack__row.is-selected{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb33}.cell-stack__label{color:#64748b;z-index:5;background:#fff;border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:800;position:absolute;top:6px;left:10px}.cell-stack__empty{color:#94a3b8;align-self:center;font-size:.82rem;font-weight:700}.tree-node{z-index:3;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:16px;flex:0 0 248px;width:248px;height:186px;padding:8px 22px;display:flex;position:relative;box-shadow:0 2px 10px #0f172a0a}.tree-node.is-resource{background:#fff}.tree-node.is-craft{background:#f8fafc}.tree-node.is-active{z-index:7;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb29}.tree-node.is-drop-target{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e40}.compact-tree-node.is-muted-node{opacity:.28;filter:grayscale(.2)}.compact-tree-node{z-index:3;text-align:center;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:12px;flex:none;justify-content:center;align-items:center;width:auto;min-width:76px;min-height:0;padding:6px 4px 4px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 8px #0f172a0a}.compact-tree-node__content{justify-items:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto;display:grid}.compact-tree-node__media{place-items:center;display:grid}.compact-tree-node__image{object-fit:contain;background:#ffffffb3;border:1px solid #94a3b84d;border-radius:14px;width:64px;height:64px;padding:3px}.compact-tree-node__image--fallback{letter-spacing:.08em;color:#334155;background:linear-gradient(135deg,#fffffff2,#e2e8f0eb);place-items:center;font-size:.72rem;font-weight:900;display:grid}.compact-tree-node.is-active{z-index:7;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24}.compact-tree-node.is-drop-target{background:#f0fdf4;border-color:#22c55e}.compact-tree-node__title{color:inherit;word-break:break-word;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:72px;font-size:.68rem;font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.compact-tree-node__branch{pointer-events:auto;z-index:1;background:linear-gradient(#94a3b833,#94a3b8e6);width:1px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.compact-tree-node__branch:after{content:"";background:#fff;border:1px solid #94a3b8;border-radius:999px;width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #fffffff2}.compact-tree-node__branch--input{background:linear-gradient(#94a3b8e6,#94a3b840);top:0;transform:translate(-50%,-100%)}.compact-tree-node__branch--input:after{top:0;transform:translate(-50%,-50%)}.compact-tree-node__branch--output{cursor:crosshair;background:linear-gradient(#60a5fae6,#60a5fa40);bottom:0;transform:translate(-50%,100%)}.compact-tree-node__branch--output:after{background:#dbeafe;border-color:#60a5fa;bottom:0;transform:translate(-50%,50%)}.tree-node__dock{z-index:10;background:#e2e8f0;border:2px solid #94a3b8;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.tree-node__dock--input-crafted_at,.tree-node__dock--input-requires{background:#dbeafe;border-color:#3b82f6;left:-6px}.tree-node__dock--input-consumes{background:#f1f5f9;border-color:#64748b;left:-6px}.tree-node__dock--input-upgrades_to{background:#fef9c3;border-color:#eab308;left:-6px}.tree-node__dock--input-gathered_by{background:#ffedd5;border-color:#ea580c;left:-6px}.tree-node__dock-label{color:#334155;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 3px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tree-node__quantity-input{width:10px;font-size:inherit;font-weight:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;padding:0}.tree-node__quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tree-node__quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tree-node__dock-label--input{left:12px}.tree-node__dock-label--output{right:12px}.tree-node__dock--input-empty{background:#f8fafc;border-style:dashed;border-color:#cbd5e1;top:50%;left:-6px;transform:translateY(-50%)}.tree-node__dock--output{background:#dbeafe;border-color:#60a5fa;top:35%;right:-6px}.tree-node__dock--output-tool{background:#ffedd5;border-color:#ea580c;top:65%;right:-6px}.tree-node.is-group-mineral,.compact-tree-node.is-group-mineral{background:#fff;border-color:#d1d5db}.tree-node.is-group-plant,.compact-tree-node.is-group-plant{color:#166534;background:#dcfce7;border-color:#4ade80}.tree-node.is-group-bio,.compact-tree-node.is-group-bio{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.tree-node.is-group-refined,.compact-tree-node.is-group-refined{color:#854d0e;background:#fef9c3;border-color:#facc15}.tree-node.is-group-station,.compact-tree-node.is-group-station{color:#991b1b;background:#fee2e2;border-width:2px;border-color:#f87171}.tree-node.is-group-tool,.compact-tree-node.is-group-tool{color:#9a3412;background:#ffedd5;border-color:#fb923c}.tree-node__body{flex-direction:column;gap:10px;width:100%;min-width:0;height:100%;display:flex}.tree-node__main{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:10px;display:grid}.tree-node__media{align-self:start;place-items:center;min-height:76px;display:grid}.tree-node__image{object-fit:contain;background:#fffc;border:1px solid #94a3b84d;border-radius:14px;width:76px;height:76px;padding:8px;box-shadow:inset 0 1px #ffffffa6}.tree-node__image--fallback{letter-spacing:.12em;color:#334155;background:linear-gradient(135deg,#fffffff2,#e2e8f0eb);place-items:center;font-size:1.05rem;font-weight:900;display:grid}.tree-node__content{align-content:start;gap:3px;min-width:0;min-height:0;padding-top:2px;display:grid}.tree-node__tag{color:#475569;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#f1f5f9;border-radius:999px;place-self:start;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.tree-node__title{color:#0f172a;word-wrap:break-word;text-align:left;font-size:.9rem;line-height:1.18}.tree-node__title--vi{font-size:.94rem;font-weight:900;line-height:1.15}.tree-node__title--en{color:#475569;font-size:.76rem;font-weight:700;line-height:1.15}.tree-node__stats{color:#475569;white-space:nowrap;background:#fff;border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:700;position:absolute;top:10px;right:12px;box-shadow:0 1px 3px #0f172a0f}.tree-node__note{color:#475569;word-wrap:break-word;-webkit-line-clamp:5;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;-webkit-box-orient:vertical;flex:1;margin-top:2px;padding:7px 8px;font-size:.72rem;line-height:1.3;display:-webkit-box;overflow:hidden;box-shadow:inset 0 2px 4px #0f172a05}.tree-node__note::-webkit-scrollbar{width:4px}.tree-node__note::-webkit-scrollbar-track{background:0 0}.tree-node__note::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (width<=720px){.tree-node__main{grid-template-columns:1fr}.tree-node__media{justify-self:center}.tree-node__title{text-align:center}}.add-node-tile{color:#334155;min-width:248px;min-height:186px;font:inherit;cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:12px;font-weight:800}.inline-node-form{background:#fff;border:1px solid #cbd5e1;border-radius:16px;align-self:flex-start;gap:8px;width:320px;padding:12px;display:grid}.inline-node-form__title{color:#0f172a;font-size:.92rem}.inline-node-form__input,.inline-node-form__textarea{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d0d7e2;border-radius:10px;padding:10px 12px}.inline-node-form__textarea{resize:vertical;min-height:68px}.inline-node-form__actions{gap:8px;display:flex}.inline-node-form__button{color:#111827;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px;font-weight:800}.inline-node-form__button--primary{color:#fff;background:#111827;border-color:#111827}.node-edit-form{width:min(360px,100%)}.node-edit-form__meta{color:#64748b;gap:4px;font-size:.78rem;display:grid}.node-edit-form__meta code{color:#0f172a;background:#f8fafc;border-radius:10px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow-x:auto}.relations{gap:14px;padding:18px 20px 20px;display:grid}.relations__list{flex-wrap:nowrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.relation-chip{min-width:220px;font:inherit;color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1px solid #d9dde5;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.relation-chip.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.relation-chip span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:800}.relation-chip strong{font-size:.9rem}@media (width<=1280px){.toolbar__controls{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=840px){.app-shell{padding:14px}.toolbar__controls{grid-template-columns:1fr}.board-surface{min-width:1080px}.board-surface--compact{min-width:820px}.compact-board{min-width:0}.compact-tree-node{min-width:72px}}:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Segoe UI,Noto Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f6f8;min-width:320px}button,select{font:inherit}