.tool-page{--tool-selected:#e6ece7;--tool-accent:#31483f;--tool-danger:#a13c32;--tool-border:#858d86;--tool-motion:.15s ease}:root[data-theme=dark] .tool-page{--tool-selected:#24352c;--tool-accent:#add4c0;--tool-danger:#ffb4a8;--tool-border:#737b84}.tool-page [data-ui]:is(button,a){border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--color-text-secondary);font:inherit;cursor:pointer;transition:background-color var(--tool-motion), color var(--tool-motion), border-color var(--tool-motion);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.tool-page [data-ui=primary]:is(button,a){background:var(--color-text-primary);color:var(--color-background)}.tool-page [data-ui=secondary]:is(button,a){background:var(--color-surface-raised);border-color:var(--tool-border);color:var(--color-text-primary)}.tool-page [data-ui=danger]:is(button,a){color:var(--tool-danger)}.tool-page [data-ui]:is(button,a):disabled,.tool-page [data-ui][aria-disabled=true]{opacity:.4;cursor:default;transform:none}.tool-page [data-ui]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.tool-page [data-ui=search]{border:1px solid var(--tool-border);border-radius:var(--radius-md);background:var(--color-background);min-height:46px;color:var(--color-text-muted);align-items:center;gap:10px;padding:0 12px;display:flex}.tool-page [data-ui=search]:focus-within{border-color:var(--color-focus);outline:2px solid color-mix(in srgb,var(--color-focus) 22%,transparent);outline-offset:1px}.tool-page [data-ui=search] input{width:100%;min-width:0;min-height:44px;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:.875rem}.tool-page [data-ui=search] input::placeholder{color:var(--color-text-muted);opacity:1}.tool-page [data-ui=search] input:focus-visible{box-shadow:none;outline:0}.tool-page [data-tool-icon]{fill:currentColor;flex-shrink:0;width:18px;height:18px}.tool-page [data-tool-icon=line]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.tool-page [data-ui]:is(button,a):hover:where(:not([data-ui=danger]):not(:disabled):not([aria-disabled=true])){background:var(--color-surface-raised);color:var(--color-text-primary)}}.tool-page [data-ui]:is(button,a):is([aria-pressed=true],[aria-selected=true],[data-active=true]){background:var(--tool-selected);color:var(--tool-accent);box-shadow:none;border-color:#0000;font-weight:700}@media (prefers-reduced-motion:reduce){.tool-page{--tool-motion:0s}}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-width:0;display:flex;position:relative}.editor-toolbar__history,.editor-toolbar__output{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.editor-toolbar__output{margin-left:auto}.editor-library-toggle[data-editor-library-toggle]{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 12px;font-size:13px}.editor-search[data-editor-search]{border-radius:12px;gap:8px;min-width:0;min-height:46px;margin:0;padding:0 8px 0 12px;position:relative}.editor-search[data-editor-search] input[data-editor-search-input]{min-width:0;min-height:44px;box-shadow:none;border:0;flex:1;margin:0;padding:0;font-size:14px}.editor-search input::-webkit-search-cancel-button{-webkit-appearance:none}.editor-search__clear[data-ui]{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0}.editor-empty{text-align:center;color:var(--color-text-secondary);justify-items:center;gap:12px;padding:24px 8px;font-size:13px;line-height:1.5;display:grid}.editor-empty p{margin:0}@media (max-width:999px),(pointer:coarse){.tool-page [data-ui=search] input,.editor-search[data-editor-search] input[data-editor-search-input]{font-size:1rem}}@media (max-height:700px){.editor-empty{gap:4px;padding:0;font-size:12px;line-height:1.3}}.tool-page [data-ui=primary]:is(button,a):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background:var(--color-accent-solid-hover);color:var(--color-on-accent);border-color:#0000}.tool-page [data-ui=secondary]:is(button,a):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background:var(--color-selection);color:var(--color-text-primary);border-color:var(--tool-border)}.board-draft-status{color:var(--color-text-secondary);margin:0 0 12px;font-size:12px;line-height:1.5}.board-draft-status[role=alert]{color:var(--tool-danger)}@media (min-width:1000px) and (max-height:700px) and (pointer:fine){.board-tool-page .board-tool-hero{padding:8px 0!important}.board-tool-page .board-tool-hero h1{font-size:24px}.board-tool-hero .eyebrow{margin:0 0 4px}.board-draft-status{margin-bottom:4px}.board-builder__workspace-tools{margin-bottom:6px}}.editor-name-toggle{width:fit-content;min-height:44px;color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:7px;font-size:12px;line-height:1.4;display:inline-flex}.editor-name-toggle input{width:15px;height:15px;accent-color:var(--color-accent-solid);margin:0}.editor-name-toggle input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.tool-page [data-editor-choices]{grid-template-columns:repeat(var(--editor-choice-columns,3),minmax(0,1fr));background:var(--color-background);border:0;border-radius:12px;gap:3px;min-width:0;padding:3px;display:grid}.tool-page [data-editor-choices] button[data-ui]{width:100%;min-width:0;min-height:44px;box-shadow:none;color:var(--color-text-secondary);white-space:normal;background:0 0;border:1px solid #0000;border-radius:9px;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.35}.tool-page [data-editor-choices] button[data-ui]:is(:hover,:active){background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:none;border-color:#0000}.tool-page [data-editor-choices] button[data-ui]:is([aria-checked=true],[aria-selected=true]),.tool-page [data-editor-choices] button[data-ui]:is([aria-checked=true],[aria-selected=true]):is(:hover,:active){background:var(--tool-selected);color:var(--tool-accent);box-shadow:none;border-color:#0000;font-weight:700}.tool-page [data-editor-choices] button[data-ui]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
