.tool{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.tool>*{min-width:0}.tool-panel{gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-xl);flex-direction:column;display:flex}.tool-panel__heading{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line-height);letter-spacing:var(--text-h3-letter-spacing)}.tool-add,.tool-edit{gap:var(--space-2);min-width:0;display:flex}.tool-input{min-width:0;padding:var(--space-2) var(--space-3);background:var(--color-canvas);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--text-body-size);flex:1}.tool-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-list__item{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:var(--border-width) solid var(--color-hairline);font-size:var(--text-body-small-size);line-height:var(--text-body-small-line-height);flex-wrap:wrap;display:flex}.tool-list__text{overflow-wrap:anywhere;flex:1;min-width:0}.tool-list__quadrant{font-size:var(--text-label-caption-size);font-weight:var(--text-label-caption-weight);letter-spacing:var(--text-label-caption-letter-spacing)}.tool-list__quadrant--unplaced{color:var(--color-text-muted)}.tool-list__actions{gap:var(--space-3);display:flex}.tool-link-button{min-width:var(--size-target-min);min-height:var(--size-target-min);padding:0 var(--space-1);color:var(--color-text);font:inherit;font-size:var(--text-body-small-size);cursor:pointer;background:0 0;border:0;text-decoration:underline}.tool-hint,.tool-tray__empty,.tool-confirm{color:var(--color-text-muted);font-size:var(--text-body-small-size);line-height:var(--text-body-small-line-height)}.tool-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font:inherit;font-weight:var(--text-label-button-weight);line-height:var(--text-label-button-line-height);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.tool-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.tool-button--primary{background:var(--color-accent);border:var(--border-width-accent) solid var(--color-accent-edge);color:var(--color-on-accent)}.tool-button--secondary{background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);color:var(--color-text)}.tool-board-column{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tool-tray{align-items:center;gap:var(--space-2);min-height:var(--tool-tray-min-height);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-width) dashed var(--color-hairline);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.tool-tray__label{color:var(--color-text-muted);font-size:var(--text-label-caption-size);font-weight:var(--text-label-caption-weight);letter-spacing:var(--text-label-caption-letter-spacing);text-transform:uppercase}.tool-board{aspect-ratio:var(--tool-board-aspect-mobile);background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-xl);position:relative;overflow:hidden}.tool-board--placing{cursor:crosshair}.tool-board__divider{background:var(--color-hairline);position:absolute}.tool-board__divider--vertical{width:var(--border-width);top:0;bottom:0;left:50%}.tool-board__divider--horizontal{height:var(--border-width);top:50%;left:0;right:0}.tool-board__axis{color:var(--color-text-muted);font-size:var(--text-label-caption-size);font-weight:var(--text-label-caption-weight);letter-spacing:var(--text-label-caption-letter-spacing);position:absolute}.tool-board__axis--impact{left:var(--space-4);bottom:calc(50% + var(--space-2))}.tool-board__axis--effort{right:var(--space-4);bottom:var(--space-4)}.tool-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-full);font-size:var(--text-label-caption-size);font-weight:var(--text-label-caption-weight);line-height:var(--text-label-caption-line-height);letter-spacing:var(--text-label-caption-letter-spacing);display:inline-flex;position:absolute}.tool-chip__dot{width:var(--size-quadrant-chip-dot);height:var(--size-quadrant-chip-dot);border-radius:var(--radius-full);background:var(--tool-dot-color)}.tool-chip--quick-wins,.tool-chip--reconsider{left:var(--space-4)}.tool-chip--strategic,.tool-chip--avoid{left:calc(50% + var(--space-4))}.tool-chip--quick-wins,.tool-chip--strategic{top:var(--space-4)}.tool-chip--reconsider,.tool-chip--avoid{top:calc(50% + var(--space-4))}.tool-chip--quick-wins,.tool-card--quick-wins{--tool-dot-color:var(--color-matrix-quick-wins)}.tool-chip--strategic,.tool-card--strategic{--tool-dot-color:var(--color-matrix-strategic)}.tool-chip--reconsider,.tool-card--reconsider{--tool-dot-color:var(--color-matrix-reconsider)}.tool-chip--avoid,.tool-card--avoid{--tool-dot-color:var(--color-matrix-avoid)}.tool-chip--quick-wins{color:var(--color-matrix-quick-wins-text)}.tool-chip--strategic{color:var(--color-matrix-strategic-text)}.tool-chip--reconsider{color:var(--color-matrix-reconsider-text)}.tool-chip--avoid{color:var(--color-matrix-avoid-text)}.tool-card{align-items:center;gap:var(--space-2);max-width:var(--tool-card-max-width);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-idea-card);color:var(--color-text);font:inherit;font-size:var(--font-size-idea-card);font-weight:var(--font-weight-semibold);line-height:var(--text-label-caption-line-height);cursor:grab;touch-action:none;user-select:none;display:inline-flex}.tool-board .tool-card{position:absolute;transform:translate(-50%,-50%)}.tool-card__dot{width:var(--size-idea-card-dot);height:var(--size-idea-card-dot);border-radius:var(--radius-full);background:var(--tool-dot-color);flex:none}.tool-card__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-card--unplaced{--tool-dot-color:var(--color-text-muted)}.tool-card--selected{--tool-dot-color:var(--color-accent-edge);z-index:1;background:var(--color-accent);border:var(--border-width-accent) solid var(--color-accent-edge);color:var(--color-on-accent);cursor:grabbing}.tool-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tool-confirm{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}@media (width>=640px){.tool-board{aspect-ratio:var(--tool-board-aspect)}}@media (width>=1024px){.tool{grid-template-columns:var(--tool-panel-width) minmax(0, 1fr);align-items:start}}.tool-intro[data-astro-cid-i66euoiq]{gap:var(--space-4);padding-block:var(--space-8) var(--space-6);flex-direction:column;display:flex}.tool-intro[data-astro-cid-i66euoiq] h1[data-astro-cid-i66euoiq]{color:var(--color-heading)}@media (width<=639.98px){.tool-intro[data-astro-cid-i66euoiq] h1[data-astro-cid-i66euoiq]{font-size:var(--text-display-size)}}.tool-intro__lead[data-astro-cid-i66euoiq]{max-width:var(--text-measure-heading)}.breadcrumb[data-astro-cid-i66euoiq]{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb[data-astro-cid-i66euoiq] li[data-astro-cid-i66euoiq]+li[data-astro-cid-i66euoiq]:before{content:"/";margin-inline-end:var(--space-1)}.tool-island[data-astro-cid-i66euoiq]{gap:var(--space-4);flex-direction:column;display:flex}.tool-continue[data-astro-cid-i66euoiq]{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.explainer[data-astro-cid-i66euoiq]{gap:var(--space-12);padding-block:var(--space-12) var(--space-16);flex-direction:column;display:flex}.explainer__section[data-astro-cid-i66euoiq]{gap:var(--space-4);max-width:var(--text-measure-heading);flex-direction:column;display:flex}.explainer__quadrants[data-astro-cid-i66euoiq]{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.explainer__quadrant[data-astro-cid-i66euoiq]{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;display:flex}.explainer__tips[data-astro-cid-i66euoiq]{gap:var(--space-3);flex-direction:column;margin:0;padding-inline-start:var(--space-6);display:flex}.explainer__example[data-astro-cid-i66euoiq]{gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-4);display:flex}.explainer__steps[data-astro-cid-i66euoiq]{gap:var(--space-4);flex-direction:column;margin:0;padding-inline-start:var(--space-6);display:flex}.explainer__table-wrap[data-astro-cid-i66euoiq]{background:var(--color-surface);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-lg);position:relative;overflow-x:auto}.explainer__table[data-astro-cid-i66euoiq]{border-collapse:collapse;width:100%}.explainer__table[data-astro-cid-i66euoiq] th[data-astro-cid-i66euoiq],.explainer__table[data-astro-cid-i66euoiq] td[data-astro-cid-i66euoiq]{padding:var(--space-3) var(--space-4);text-align:left}.explainer__table[data-astro-cid-i66euoiq] thead[data-astro-cid-i66euoiq] th[data-astro-cid-i66euoiq]{background:var(--color-canvas);color:var(--color-heading);font-weight:var(--text-label-button-weight)}.explainer__table[data-astro-cid-i66euoiq] tbody[data-astro-cid-i66euoiq] th[data-astro-cid-i66euoiq]{font-weight:var(--font-weight-regular)}@media (width>=640px){.explainer__quadrants[data-astro-cid-i66euoiq]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.tool-intro[data-astro-cid-i66euoiq]{padding-block:var(--space-12) var(--space-6)}.explainer[data-astro-cid-i66euoiq]{padding-block:var(--space-16) var(--space-24)}}
