/* Quiet tools inside the existing pane of glass. */
.g-tabs{gap:3px;padding-inline:12px}.g-tab{gap:5px;font-size:11px}.g-tab svg{width:15px;height:15px}
.i-workbench{--i-surface:color-mix(in oklch,var(--input) 78%,transparent);min-width:0}
.i-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:var(--i-surface);border-radius:12px;margin-bottom:26px;position:sticky;top:0;z-index:2;backdrop-filter:blur(22px)}
.i-nav-button{flex:1;padding:8px 3px;border-radius:8px;color:var(--muted);font-size:10px;transition:background .2s,color .2s}
.i-nav-button[aria-pressed=true]{color:var(--teal);background:var(--active);box-shadow:inset 0 1px 0 var(--glass-shine)}
.i-body h4{font-size:13px;font-weight:500;margin:0}.i-body .g-view-title{font-size:29px;line-height:1.2;margin:8px 0 12px}.i-body .g-note{margin-bottom:20px}
.i-field{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:var(--muted);font-size:10px}.i-field input:not([type=range]),.i-field textarea,.i-field select,.g-voice-settings>select{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--i-surface,var(--input));color:var(--ink);font:12px/1.65 var(--body);transition:border .25s,box-shadow .25s}
.i-field textarea{min-height:170px;resize:vertical}.i-field input:focus,.i-field textarea:focus,.i-field select:focus{outline:1px solid color-mix(in oklch,var(--teal) 50%,transparent);border-color:var(--teal);box-shadow:0 3px 18px color-mix(in oklch,var(--teal) 5%,transparent)}
.i-field input[type=range]{width:100%;accent-color:var(--teal)}.i-field output{font-size:10px;color:var(--teal)}
.i-weights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.i-weights .i-field{margin:0;position:relative;font-size:9px}
.i-ranking{display:grid;gap:10px}.i-ranked,.i-task,.i-goal,.i-proposal:not(:empty){position:relative;background:linear-gradient(135deg,color-mix(in oklch,var(--glass-shine) 35%,transparent),transparent 40%),var(--i-surface);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 5px 14px color-mix(in oklch,var(--glass-shadow) 45%,transparent),inset 0 1px 0 var(--glass-shine);transition:background .35s,border .35s,box-shadow .35s}
.i-ranked:hover,.i-goal:focus-within{border-color:color-mix(in oklch,var(--teal) 27%,var(--line));box-shadow:0 7px 20px color-mix(in oklch,var(--glass-shadow) 60%,transparent),inset 0 1px 0 var(--glass-shine)}
.i-ranked h4{padding-left:23px;padding-right:28px}.i-rank{position:absolute;left:17px;top:17px;font-size:11px;color:var(--quiet)}.i-score{position:absolute;right:18px;top:13px;font:28px var(--heading);color:var(--teal)}.i-ranked>p{font-size:10px;color:var(--muted);margin:11px 0 14px}
.i-body details{font-size:11px;margin:12px 0;color:var(--muted)}.i-body summary{color:var(--teal);cursor:pointer;line-height:1.7}.i-body details p{line-height:1.8}.i-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--body);color:var(--ink)}
.i-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:15px}.i-actions .g-inline{font-size:10px}.i-flow{padding:8px 0 0 22px;list-style:none;counter-reset:flow}.i-flow li{counter-increment:flow;position:relative;padding:0 0 20px 18px;border-left:1px solid var(--line)}.i-flow li:before{content:counter(flow);position:absolute;left:-9px;top:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--teal);font-size:9px}.i-flow strong,.i-flow span{display:block}.i-flow span{font-size:10px;margin-top:4px}.i-flow li:last-child{border:0}
.i-canvas-status{font-size:10px;color:var(--teal);display:flex;gap:8px;align-items:center}.i-canvas-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.i-field .i-canvas-editor{min-height:300px;font-size:13px;line-height:1.9;background:color-mix(in oklch,var(--input) 50%,transparent);padding:20px}
.i-proposal{margin-top:20px}.i-share{padding-top:16px;border-top:1px solid var(--line)}
.i-progress{display:flex;padding:0;list-style:none;gap:8px;counter-reset:step;margin:20px 0}.i-progress li{flex:1;position:relative;padding-top:17px;font-size:9px;color:var(--quiet)}.i-progress li:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--line);border-radius:3px}.i-progress li[data-state=done]:before{background:var(--teal)}.i-progress li[data-state=current]:before{background:linear-gradient(90deg,var(--teal),transparent)}.i-progress li[data-state=current]{color:var(--ink)}.i-task-state{font-size:10px;color:var(--teal)}.i-task{margin-top:18px}.i-task .g-button{font-size:11px}.i-diff{padding-top:14px;border-top:1px solid var(--line)}
.i-goal{margin:14px 0}.i-goal small{display:block;color:var(--quiet);font-size:9px;margin-top:8px}.i-goal-form{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.i-memory-nudge,.i-selection-context{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 18px;border-bottom:1px solid var(--line);font-size:9px;background:color-mix(in oklch,var(--teal) 5%,transparent)}.i-memory-nudge .g-inline{font-size:9px;text-align:left}.genie-quiet .i-memory-nudge{display:none}.i-lens-toggle{font-size:9px!important;white-space:nowrap}.i-selection-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.i-selection-context button{font-size:9px}
.i-inspecting{outline:1px solid var(--teal)!important;outline-offset:5px;border-radius:12px;box-shadow:0 0 0 6px color-mix(in oklch,var(--teal) 5%,transparent)!important}.i-picking{cursor:crosshair}.i-lens-status,.i-selection-bubble{position:fixed;z-index:65;border:1px solid var(--glass-edge);border-radius:14px;padding:10px 16px;color:var(--ink);background:var(--panel);box-shadow:0 8px 30px var(--glass-shadow);font:11px/1.5 var(--body);backdrop-filter:blur(24px)}.i-lens-status{left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:15px;align-items:center;max-width:calc(100vw - 24px)}.i-selection-bubble{padding:8px 14px}.i-selection-bubble button{font-size:11px}.i-lens-status[hidden],.i-selection-bubble[hidden],.i-memory-nudge[hidden],.i-selection-context[hidden]{display:none}
@media(max-width:500px){.g-tab{font-size:10px;gap:4px}.g-tab svg{display:none}.g-tabs{padding-inline:8px}.i-weights{gap:9px}.i-body .g-view-title{font-size:26px}.i-ranked,.i-goal,.i-task{padding:14px}.i-lens-status{font-size:10px}.i-field .i-canvas-editor{padding:13px}}
@media(prefers-reduced-motion:reduce){.i-workbench *{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.i-ranked,.i-task,.i-goal,.i-nav,.i-field .i-canvas-editor{background:var(--panel);backdrop-filter:none}}
