#reload-tool[hidden]{display:none!important}.tool-docs section{overflow-wrap:anywhere;min-width:0}.tool-shell{max-width:1180px}.tool-heading{max-width:780px;margin:28px 0}.tool-heading h1{margin:16px 0;font-size:clamp(32px,5vw,58px);line-height:1.08}.tool-heading p{color:var(--muted);font-size:17px;line-height:1.7}.tool-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.local-badge{border:1px solid var(--line);color:var(--accent);border-radius:30px;padding:7px 12px;font-size:12px;display:inline-block}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.work-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:26px}.work-panel h2{margin:0 0 22px;font-size:21px}.tool-field{gap:8px;margin:0 0 18px;font-size:14px;display:grid}.tool-field textarea,.tool-field input,.tool-field select{font:inherit;color:var(--text);background:var(--interactive-bg);border:1px solid var(--line-strong);box-sizing:border-box;border-radius:8px;width:100%;min-width:0;padding:12px}.tool-field textarea{resize:vertical;min-height:120px;font-family:DM Mono,monospace;line-height:1.6}.tool-field input[type=color]{height:48px;padding:5px}.tool-field select{min-height:46px}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions .button{cursor:pointer;min-height:44px}.tool-actions button:disabled{opacity:.45;cursor:not-allowed}.tool-status{overflow-wrap:anywhere;min-height:48px;margin:18px 0 0;font-size:14px;line-height:1.7}.tool-status[data-error=true]{color:var(--error-text)}#result-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:var(--interactive-bg);border-radius:8px;min-height:130px;max-height:420px;padding:18px;font:13px/1.8 DM Mono,monospace;overflow:auto}.result-preview:empty{display:none}.result-preview{margin-bottom:18px}.result-preview img{object-fit:contain;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;border-radius:8px;max-width:100%;max-height:350px;display:block}.result-preview iframe{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:360px}.swatches{border-radius:8px;flex-wrap:wrap;display:flex;overflow:hidden}.swatches>div{flex:1 0 80px;justify-content:center;align-items:end;min-height:100px;display:flex}.swatches span{color:#111;background:#fff;margin-bottom:8px;padding:5px;font:12px monospace}.css-demo{text-align:center;background:var(--panel-strong);border-radius:10px;margin:20px;padding:40px 24px;font-size:24px}.tool-docs{grid-template-columns:1fr 1fr;gap:22px;margin:24px 0;display:grid}.tool-docs section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.tool-docs h2{margin-top:0;font-size:20px}.tool-docs p,.tool-docs li{color:var(--muted);font-size:14px;line-height:1.8}.tool-docs li{margin-bottom:8px}.tool-docs a{color:var(--accent)}.file-note{color:var(--accent);font-size:13px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=760px){.workspace,.tool-docs{grid-template-columns:1fr}.work-panel{padding:18px}.tool-heading{margin-top:22px}.tool-heading h1{font-size:36px}.tool-actions .button{padding:10px 14px}.tool-docs{gap:14px}#result-text{max-height:300px}}.tool-field [hidden]{display:none!important}.orbit-select{min-width:0;position:relative}.orbit-select-trigger,.orbit-file-button{font:inherit;color:var(--text);background:var(--interactive-bg);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;min-height:46px}.orbit-select-trigger{text-align:left;overflow-wrap:anywhere;width:100%;padding:12px 42px 12px 14px;position:relative}.orbit-select-trigger:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;transition:transform .15s;position:absolute;top:17px;right:17px;transform:rotate(45deg)}.orbit-select-trigger[aria-expanded=true]{border-color:var(--accent)}.orbit-select-trigger[aria-expanded=true]:after{transform:translateY(4px)rotate(225deg)}.orbit-select-options{z-index:30;background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:10px;max-height:240px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 36px #0005}.orbit-select-options[hidden]{display:none}.orbit-select-option{text-align:left;width:100%;font:inherit;min-height:44px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px;padding:11px 35px 11px 10px;display:block;position:relative}.orbit-select-option:hover,.orbit-select-option:focus{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--accent);outline:none}.orbit-select-option[aria-selected=true]{color:var(--accent);background:var(--header-nav-active)}.orbit-select-option[aria-selected=true]:after{content:"✓";position:absolute;right:12px}.orbit-file{border:1px solid var(--line-strong);background:var(--interactive-bg);border-radius:9px;align-items:center;gap:12px;min-width:0;padding:7px;display:flex}.orbit-file-button{background:var(--header-nav-active);min-height:38px;color:var(--accent);border-color:var(--header-nav-outline);flex-shrink:0;padding:8px 13px}.orbit-file-button:hover{background:var(--surface-hover);border-color:var(--accent)}.orbit-file-name{color:var(--muted);overflow-wrap:anywhere;min-width:0;font-size:13px}@media (prefers-reduced-motion:reduce){.orbit-select-trigger:after{transition:none}}