/* Match the desktop surfaces while retaining the companion app's tool artwork. */
.tool-home,.tool-workspace{min-height:0;flex:1;overflow:auto;scrollbar-gutter:stable;padding:12px 0 20px}
.tool-home[hidden],.tool-workspace[hidden],.tool-card[hidden],.tool-group[hidden]{display:none}
.tool-search{width:100%;margin-bottom:14px;padding:10px 12px!important;border-radius:12px!important}
.tool-group{margin-bottom:22px}.tool-group h3{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 10px 2px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px}
.tool-card{display:flex;align-items:center;gap:11px;min-height:78px;padding:13px 12px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--fg);text-align:left;box-shadow:0 2px 7px var(--shadow);transition:background .15s,transform .15s}
.tool-card:hover{background:var(--surface-strong);transform:translateY(-2px)}.tool-card:active{transform:scale(.98)}.tool-card img{width:43px;height:43px;object-fit:contain;flex:none}.tool-card span{font-size:12px;font-weight:650;line-height:1.5}
.tool-workflow-header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tool-workflow-header img{width:40px;height:40px}.tool-workflow-header h3{font-size:16px;margin:0}.tool-back{font-size:11px;padding:7px 10px}
.tool-tip{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px;white-space:pre-wrap}
.tool-workflow-body{display:flex;flex-direction:column;gap:12px}.tool-surface{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0}.tool-parameters:empty{display:none}
.tool-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:12px;font-size:11px;color:var(--muted)}.tool-field:last-child{margin-bottom:0}.tool-field input,.tool-field select,.tool-field textarea{width:100%;max-width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:9px;color:var(--fg);background:var(--panel);font:inherit}.tool-field textarea{min-height:155px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.6}.tool-field input[type="color"]{height:35px;padding:4px}
.tool-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tool-row button,.tool-page-row button,.tool-input-file button{font-size:11px;padding:8px 11px;border-radius:9px}.tool-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important}.tool-run-row{margin:16px 0 8px}.tool-status{font-size:11px;color:var(--muted);min-height:16px;line-height:1.6;overflow-wrap:anywhere}.tool-results:empty{display:none}.tool-results{border:1px solid var(--border);border-radius:13px;padding:14px;background:var(--surface)}.tool-results strong{display:block;font-size:12px;overflow-wrap:anywhere;margin-bottom:12px}.tool-results h4{font-size:12px;margin:0 0 9px}.tool-text-result{width:100%;min-height:165px;resize:vertical;font:11px/1.65 ui-monospace,SFMono-Regular,monospace;background:var(--panel);color:var(--fg);padding:10px;border:1px solid var(--border);border-radius:9px;margin-bottom:10px}
.tool-input-file{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 0;border-top:1px solid var(--border)}.tool-input-file span{min-width:0;flex:1;font-size:11px;overflow-wrap:anywhere}.tool-file-list{max-height:190px;overflow:auto}
.tool-pdf-preview{position:relative;width:100%;background:#c6c8cc;margin-top:12px;line-height:0}.tool-pdf-preview canvas{display:block;width:100%;height:auto}.tool-pdf-preview canvas+canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.tool-page-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto;margin:10px 0}.tool-page-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.tool-page-row button{padding:6px 8px}.tool-page-row button:first-child{min-width:38px}.tool-page-row .selected{color:var(--accent);border-color:var(--accent)}.tool-page-label{font-size:11px;color:var(--muted);min-width:42px;text-align:center}.tool-form-fields{margin:12px 0}.tool-erase-canvas{display:block;max-width:100%;height:auto;margin-top:12px;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px}.tool-camera{width:100%;max-height:300px;margin-top:12px;border-radius:10px}.tool-camera[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover,.tool-card:active{transform:none}}
.tool-result-preview{display:block;width:100%;max-height:280px;object-fit:contain;margin-top:12px;border-radius:9px}.tool-result-preview:is(audio){height:40px}
.tool-workspace button{padding:8px 11px;border:1px solid var(--silver-edge,var(--border));border-radius:9px;background:var(--silver-control,var(--surface));color:var(--silver-label,var(--fg));box-shadow:var(--silver-shadow);font-size:11px;font-weight:600;line-height:1.4}
.tool-workspace button:hover:not(:disabled){background:var(--silver-strong,var(--surface-strong))}.tool-workspace button:disabled{opacity:.5;cursor:default}.tool-workspace .tool-primary{background:var(--silver-primary,#dceafa)!important;border-color:var(--silver-blue-edge,#7aa2d0)!important;color:var(--silver-blue-ink,#255898)!important}.tool-workspace button[hidden]{display:none}
/* Keep the focus ring and card shadows inside the scroll viewport. */
.tool-home{padding:8px 5px 22px;overflow-x:hidden;scrollbar-gutter:stable}.tool-search{display:block;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--fg);box-shadow:none;min-height:38px;margin:3px 0 16px;font-size:12px;line-height:1.5}.tool-search:focus-visible{outline:2px solid var(--silver-focus);outline-offset:1px}.tool-search::-webkit-search-decoration,.tool-search::-webkit-search-cancel-button{-webkit-appearance:none}
html[data-tool-window="true"],.tools-window{background:var(--panel);color:var(--fg)}.tools-window{display:flex;flex-direction:column}.tools-window .tools-page{padding:20px 24px 18px}.tools-window .tool-workspace{padding:2px 5px 24px;scrollbar-gutter:stable}.tools-window .tool-workflow-header{margin:0 0 20px;gap:12px}.tools-window .tool-workflow-header h3{font-size:20px}.tools-window .tool-workflow-header img{width:48px;height:48px}.tools-window .tool-workflow-body{gap:16px}.tools-window .tool-surface{padding:18px}.tools-window .tool-field{font-size:12px}.tools-window .tool-tip{font-size:12px;line-height:1.8}.tool-camera-devices{max-width:100%;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--fg)}#tool-window-error{padding:10px 20px;background:var(--surface);color:#d76b65;font-size:12px;line-height:1.6;flex:none}#tool-window-error[hidden]{display:none}
.tool-timeline{margin-bottom:18px}.tool-timeline-rail{position:relative;height:94px;margin:20px 12px 12px;touch-action:none;user-select:none;border-radius:8px;background:#14171c;box-shadow:inset 0 0 0 1px #ffffff18}.tool-waveform{display:block;width:100%;height:100%}.tool-filmstrip{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:8px}.tool-filmstrip img{width:12.5%;height:100%;object-fit:cover}.tool-time-selection{position:absolute;top:0;bottom:0;border:2px solid #89b9f4;background:#66a6f525;cursor:grab;z-index:2}.tool-timeline[data-removing="true"] .tool-time-selection{border-color:#e79381;background:#d76b6540}.tool-workspace .tool-time-handle{position:absolute;top:-5px;bottom:-5px;width:16px;padding:0;background:#9dc5f7;color:#1c344e;border:0;border-radius:6px;transform:translateX(-50%);cursor:ew-resize;z-index:4;touch-action:none;box-shadow:0 1px 5px #0005}.tool-workspace .tool-time-handle::after{content:'';position:absolute;left:6px;top:36%;bottom:36%;width:4px;border-left:1px solid #375b85;border-right:1px solid #375b85}.tool-timeline[data-removing="true"] .tool-time-handle{background:#edaa9e}.tool-time-playhead{position:absolute;top:-8px;bottom:-8px;width:2px;background:#fff;box-shadow:0 0 3px #000;pointer-events:none;z-index:3}.tool-time-label{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.tool-time-seek{width:100%;margin:12px 0 4px;accent-color:#8caedb}.tool-timeline-media{display:block;width:100%;max-height:330px;background:#0e1014;border-radius:10px;margin:8px 0}.tool-timeline :is([hidden]){display:none!important}.tool-timeline-actions{gap:12px}

.tool-pin-menu{position:fixed;z-index:9999;display:grid;gap:6px;width:250px;padding:12px;border:1px solid var(--border, #aaa5);border-radius:16px;background:var(--panel-bg,#f6f6f6);box-shadow:0 12px 36px #0003}.tool-pin-menu button{text-align:left;padding:9px;border-radius:9px}.tool-feedback button{font-size:inherit;margin-left:8px;color:var(--accent,#267bdf)}.tool-confetti{position:fixed;inset:0;pointer-events:none;z-index:10000;overflow:hidden}.tool-confetti i{position:absolute;bottom:-12px;width:7px;height:18px;animation:tool-celebrate 1.6s ease-out forwards}@keyframes tool-celebrate{0%{transform:translate(0,0) rotate(0);opacity:1}75%{opacity:1}100%{transform:translate(var(--x),-75vh) rotate(var(--r));opacity:0}}@media(prefers-reduced-motion:reduce){.tool-confetti{display:none}}

.tool-form-fields{position:absolute;inset:0;pointer-events:none}.tool-inline-field{position:absolute;pointer-events:auto;display:block;background:#e2f0ff99;outline:1px solid #348effaa}.tool-inline-field input,.tool-inline-field select,.tool-inline-field textarea{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;padding:0 2px!important;margin:0;background:transparent;color:#111;font-size:clamp(9px,1.2vw,16px);border:0;border-radius:0;resize:none}.tool-inline-field input[type=radio],.tool-inline-field input[type=checkbox]{appearance:auto;accent-color:#2489ee}


.tool-form-fields{margin:0}

.tool-workspace .tool-time-handle{width:7px;border-radius:3px}.tool-workspace .tool-time-handle::after{left:2px;width:2px;border-right:0}.tool-workspace .tool-time-handle::before{content:'';position:absolute;inset:-5px -10px}.tool-time-playhead{z-index:5}