.tool-picture{background:var(--panel);color:var(--strong);font:12px/1.35 var(--font);text-align:left;user-select:none;align-content:start;gap:2px;padding:0 10px 10px;display:grid}.tool-picture svg{flex:none;width:14px;height:14px}.tool-picture b{font-weight:600}.tool-picture small{color:var(--muted);font-size:11px}.tool-picture-bar{box-shadow:inset 0 -1px var(--line);align-items:baseline;gap:8px;margin:0 -10px 4px;padding:9px 12px 8px;display:flex}.tool-picture-bar>span{color:var(--muted);font-size:11px}.tool-picture-rows{gap:1px;display:grid}.tool-picture-row{border-radius:var(--radius-control);align-items:center;gap:9px;min-width:0;padding:5px 4px;display:flex}.tool-picture-row[data-current=true],.tool-picture-folder[data-current=true]{background:var(--select)}.tool-picture-thumb{border-radius:var(--radius-control);background:var(--thumb);width:30px;height:30px;color:var(--thumb-ink);flex:none;place-items:center;display:grid}.tool-picture-code{width:38px;color:var(--muted);font:11px var(--font-mono);flex:none}.tool-picture-text{flex:1;min-width:0;display:grid}.tool-picture-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-picture-text b{font-weight:500}.tool-picture-grip{color:var(--faint);display:flex}.tool-picture-done{color:var(--good);display:flex}.tool-picture-primary,.tool-picture-push,.tool-picture-field,.tool-picture-tag{white-space:nowrap;border-radius:5px;flex:none;align-items:center;height:22px;padding:0 10px;font-size:11.5px;font-weight:500;display:inline-flex}.tool-picture-primary{background:var(--accent);color:var(--on-accent)}.tool-picture-push,.tool-picture-field{background:var(--raised);box-shadow:var(--control-ring)}.tool-picture-field{background:var(--field-bg);font-weight:400}.tool-picture-tag{background:var(--accent-soft);height:18px;color:var(--project-accent,var(--accent));padding:0 7px;font-size:11px}.tool-picture-switch{background:var(--track);border-radius:9px;flex:none;width:32px;height:18px;position:relative}.tool-picture-switch[data-on]{background:var(--accent)}.tool-picture-switch i{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.tool-picture-switch[data-on] i{left:16px}.tool-picture-action{justify-content:space-between;align-items:center;gap:10px;padding:6px 4px 8px;display:flex}.tool-picture-tree,.tool-picture-checks,.tool-picture-lines{display:grid}.tool-picture-tree>span,.tool-picture-checks>span{border-radius:var(--radius-control);align-items:center;gap:7px;padding:4px;display:flex}.tool-picture-tree svg{color:var(--accent)}.tool-picture-tree>.tool-picture-folder{padding-left:24px}.tool-picture-folder small{margin-left:auto}.tool-picture-folder[data-current=true]{font-weight:500}.tool-picture-folder[data-current=true] small{color:var(--project-accent,var(--accent))}.tool-picture-checks>span{color:var(--body)}.tool-picture-checks svg{color:var(--good)}.tool-picture-drop{border:1px dashed var(--line);border-radius:8px;align-items:center;gap:8px;margin:2px 0 6px;padding:10px;font-weight:500;display:flex}.tool-picture-drop small{margin-left:auto;font-weight:400}.tool-picture-lines>span{color:var(--body);gap:8px;padding:2px 4px;display:flex}.tool-picture-lines small{width:26px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.tool-picture-buttons{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.tool-gallery-window{background:var(--panel);box-shadow:var(--pop-shadow);border-radius:8px 8px 0 0;overflow:hidden}:is(.tool-gallery-slide-art,.tool-gallery-card-art)>.tool-gallery-window{height:100%}.tool-gallery .tool-gallery-slide{cursor:default;height:300px}.tool-gallery-slide-art{min-width:0;padding:44px 0 0 36px}.tool-gallery-slide-art .tool-gallery-window{border-radius:10px 0 0}.tool-gallery .tool-gallery-track{grid-auto-columns:340px;grid-auto-flow:column;gap:16px;display:grid}.tool-gallery-grid{padding:0 var(--gallery-pad);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.tool-gallery-card{--key-art-ring:var(--panel);border-radius:var(--radius-container);background:var(--panel);min-width:0;box-shadow:0 0 0 .5px var(--line);scroll-snap-align:start;flex-direction:column;display:flex;overflow:hidden}.tool-gallery-card-art{background:var(--bubble);height:214px;padding:18px 20px 0;overflow:hidden}.tool-gallery-card-art[data-turned]{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;display:flex;overflow:auto}.tool-gallery-card-prompt{color:var(--body);font-size:13px;line-height:1.55}.tool-gallery-edit{color:var(--accent);padding:0;font-size:12.5px;font-weight:500}.tool-gallery-edit:hover:not(:disabled){text-decoration:underline}.tool-gallery-card-body{gap:10px;padding:12px 16px 0;display:flex}.tool-gallery-card-body>div{gap:2px;min-width:0;display:grid}.tool-gallery-card-body h3{font:600 13px/1.3 var(--font);color:var(--strong)}.tool-gallery-card-body p{color:var(--muted);font-size:12px;line-height:1.4}.tool-gallery-card-name{text-align:left;border-radius:4px;padding:0}.tool-gallery-card-name:hover{text-decoration:underline}.tool-gallery-card-foot{align-items:center;gap:4px;margin-top:auto;padding:12px 16px 14px;display:flex}.tool-gallery-turn{border-radius:var(--radius-control);height:22px;color:var(--muted);padding:0 10px;font-size:12px;font-weight:500}.tool-gallery-turn:hover,.tool-gallery-turn[aria-pressed=true]{background:var(--select);color:var(--strong)}.tool-gallery .tool-gallery-hero{--key-art-ring:var(--bubble);grid-template-columns:104px minmax(0,1fr)}.tool-gallery-hero-key{margin:-23px}.tool-gallery .tool-gallery-project.joy-select-trigger{border-radius:var(--radius-control);width:auto;max-width:220px;height:28px;min-height:28px;padding-block:0}.tool-gallery .tool-gallery-file-head{font-family:var(--font)}.tool-gallery-prompt{color:var(--strong);padding:20px 26px 22px;font-size:14px;line-height:1.65}.tool-gallery-look{background:var(--bubble);padding:22px 24px 0}.tool-gallery-look .tool-gallery-window{border-radius:10px 10px 0 0;max-width:440px;margin:0 auto}@container gallery-page (width<=640px){.tool-gallery .tool-gallery-track{grid-auto-columns:280px}.tool-gallery .tool-gallery-slide{grid-template-columns:minmax(0,1fr)}.tool-gallery-slide-art{display:none}}
