:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#1f2421;background:#f6f7f6;font-synthesis:none;--bg: #f6f7f6;--surface: #ffffff;--surface-soft: #f1f4f2;--surface-hover: #eaf1ed;--border: #dfe4e1;--border-strong: #cbd3ce;--text: #1f2421;--muted: #68716c;--accent: #197a43;--accent-strong: #126437;--accent-soft: #e7f3eb;--warning: #c78a16;--danger: #b94141;--code-blue: #2a5fad;--code-red: #a83838;--shadow: 0 8px 24px rgba(20, 32, 24, .1)}:root[data-theme=dark]{color-scheme:dark;--bg: #141714;--surface: #1c201d;--surface-soft: #252a26;--surface-hover: #2d3430;--border: #343b36;--border-strong: #49524c;--text: #f2f5f3;--muted: #a3ada6;--accent: #5fc584;--accent-strong: #7bd49a;--accent-soft: #1f3b2a;--warning: #e6b451;--danger: #ff7777;--code-blue: #82aef4;--code-red: #f08080;--shadow: 0 10px 28px rgba(0,0,0,.28)}:root[data-theme=forest]{--bg: #eaf0eb;--surface: #f8fbf8;--surface-soft: #e2ece5;--surface-hover: #d7e7dc;--border: #c7d6cb;--border-strong: #9fb5a6;--text: #18251d;--muted: #53675a;--accent: #155f3a;--accent-strong: #0b4d2c;--accent-soft: #d3e8da;--warning: #bd7c15}:root[data-theme=ocean]{--bg: #eef4f8;--surface: #ffffff;--surface-soft: #e7f0f6;--surface-hover: #dcebf4;--border: #cbdce7;--border-strong: #a9c3d3;--text: #15242e;--muted: #586d79;--accent: #146da8;--accent-strong: #0b5588;--accent-soft: #d9ebf7;--warning: #b06b13;--danger: #bd3b4e;--code-blue: #1768a4;--code-red: #ad3d59}:root[data-theme=indigo]{color-scheme:dark;--bg: #161723;--surface: #1d1f2e;--surface-soft: #282b3e;--surface-hover: #32364c;--border: #3a3f58;--border-strong: #565e7c;--text: #f1f2fb;--muted: #aeb3ca;--accent: #9ea9ff;--accent-strong: #bdc4ff;--accent-soft: #303659;--warning: #f1bc65;--danger: #ff7d8d;--code-blue: #aeb8ff;--code-red: #ff92a0;--shadow: 0 10px 28px rgba(0,0,0,.3)}:root[data-theme=rose]{--bg: #f8f1f4;--surface: #fffdfd;--surface-soft: #f4e8ed;--surface-hover: #eddce4;--border: #e1cdd5;--border-strong: #cdaebc;--text: #2b1d23;--muted: #765d68;--accent: #b33b64;--accent-strong: #922b50;--accent-soft: #f3dce5;--warning: #a86c0f;--danger: #b52c37;--code-blue: #4266a6;--code-red: #b33b64}:root[data-theme=amber]{--bg: #f7f4ed;--surface: #fffefa;--surface-soft: #f2ecdd;--surface-hover: #e9dfca;--border: #ddd1b9;--border-strong: #c5b28e;--text: #2a241a;--muted: #70644f;--accent: #a85d00;--accent-strong: #824700;--accent-soft: #f3e4ca;--warning: #15705a;--danger: #b43b32;--code-blue: #326b88;--code-red: #a64d30}:root[data-theme=graphite]{color-scheme:dark;--bg: #17191b;--surface: #202326;--surface-soft: #2a2e32;--surface-hover: #34393e;--border: #3c4248;--border-strong: #59616a;--text: #f2f4f6;--muted: #abb2ba;--accent: #b8c0cc;--accent-strong: #d3d8df;--accent-soft: #3a4047;--warning: #e0ab52;--danger: #ff7b79;--code-blue: #92b8e6;--code-red: #ea8a8a;--shadow: 0 10px 28px rgba(0,0,0,.3)}:root[data-theme=solarized]{color-scheme:dark;--bg: #002b36;--surface: #073642;--surface-soft: #0d414d;--surface-hover: #164d58;--border: #31545c;--border-strong: #527078;--text: #eee8d5;--muted: #93a1a1;--accent: #2aa198;--accent-strong: #5fc7be;--accent-soft: #164d4d;--warning: #b58900;--danger: #dc6a62;--code-blue: #68a9d1;--code-red: #dc756f;--shadow: 0 10px 28px rgba(0,0,0,.25)}:root[data-theme=contrast]{color-scheme:dark;--bg: #000;--surface: #080808;--surface-soft: #111;--surface-hover: #202020;--border: #fff;--border-strong: #fff;--text: #fff;--muted: #e5e5e5;--accent: #00ff76;--accent-strong: #5cff9f;--accent-soft: #00391b;--warning: #ffe500;--danger: #ff5c5c;--code-blue: #6db3ff;--code-red: #ff7a7a;--shadow: none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit;color:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;height:100vh;overflow:hidden;background:var(--surface)}.topbar{height:72px;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface);position:relative;z-index:20}.brand{width:212px;flex:0 0 212px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:18px}.brand svg{color:var(--accent)}.search-box{width:min(310px,25vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-soft)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent}.search-box kbd{color:var(--muted);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:11px;white-space:nowrap}.panel-controls{height:42px;display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.top-actions{margin-left:auto;display:flex;gap:8px}.menu-trigger{position:relative}.select-button{height:42px;min-width:112px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.select-button:hover{background:var(--surface-soft)}.menu{position:absolute;top:49px;right:0;min-width:170px;padding:6px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:var(--shadow);z-index:30}.menu button{width:100%;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:5px;background:transparent;text-align:left}.menu button:hover{background:var(--surface-hover)}.menu button svg:last-child{margin-left:auto;color:var(--accent)}.theme-menu{width:318px;padding:10px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.palette-grid button{min-width:0}.palette-grid button.selected{background:var(--accent-soft);color:var(--accent-strong)}.palette-grid button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-swatch{width:17px;height:17px;flex:0 0 17px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:50%}.custom-color{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.custom-color>span{display:flex;align-items:center;gap:7px}.custom-color input{width:36px;height:28px;padding:2px;border:1px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer}.reset-color{justify-content:center;color:var(--accent);font-size:12px}.app-grid{display:grid;grid-template-columns:252px minmax(0,1fr);height:calc(100vh - 72px)}.app-grid.no-sidebar{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);background:var(--surface);overflow:hidden}.sidebar-heading{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700}.tool-count{min-width:24px;padding:2px 6px;border-radius:4px;background:var(--surface-soft);color:var(--muted);text-align:center}.tool-list{min-height:0;flex:1;overflow-y:auto;padding:8px}.tool-group+.tool-group{margin-top:13px}.group-label{padding:5px 9px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.tool-item{width:100%;min-height:46px;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:5px 9px;border:0;border-radius:6px;background:transparent;text-align:left}.tool-item:hover{background:var(--surface-soft)}.tool-item.selected{background:var(--accent-soft);color:var(--accent-strong)}.tool-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.tool-item strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-item small{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star-button{display:grid;place-items:center;color:var(--muted)}.star-button.favorite{color:var(--warning)}.sidebar-footer{flex:0 0 auto;padding:12px 16px 15px;border-top:1px solid var(--border)}.recent-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.recent-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.recent-links button{max-width:100%;padding:4px 7px;border:1px solid var(--border);border-radius:4px;background:var(--surface-soft);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-tools{padding:30px 12px;color:var(--muted);text-align:center;font-size:13px}.workspace{min-width:0;display:grid;grid-template-rows:80px 66px minmax(0,1fr) 38px;overflow:hidden;background:var(--bg)}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface)}.tool-title{min-width:0;display:flex;align-items:center;gap:12px}.tool-title>svg{color:var(--accent)}.tool-title h1{margin:0;font-size:19px;line-height:1.35}.tool-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.local-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.local-badge span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto}.primary-actions,.secondary-actions{display:flex;align-items:center;gap:9px}.primary-button{height:38px;display:flex;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--accent-strong);border-radius:6px;background:var(--accent);color:#fff;font-weight:700}.primary-button:hover{background:var(--accent-strong)}.segmented{height:36px;display:flex;padding:3px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft)}.segmented button{padding:0 11px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.secondary-actions button{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px}.secondary-actions button:hover{background:var(--surface-soft);color:var(--text)}.pattern-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.pattern-field input{width:min(330px,32vw);height:36px;padding:0 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;outline:0}.editors{min-height:0;display:grid;gap:12px;padding:12px;overflow:hidden}.editors.split{grid-template-columns:repeat(2,minmax(0,1fr))}.editors.single{grid-template-columns:minmax(0,1fr)}.editor-panel{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 34px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.editor-header,.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:0 13px}.editor-header{border-bottom:1px solid var(--border);font-size:13px}.editor-header>span,.editor-footer{color:var(--muted);font-size:11px}.editor-header>div{display:flex;align-items:center;gap:7px}.editor-footer{border-top:1px solid var(--border);background:var(--surface-soft)}.success{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:11px}textarea,.output-content{width:100%;min-height:0;padding:16px 18px;border:0;outline:0;resize:none;background:var(--surface);color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.65;-moz-tab-size:2;tab-size:2}textarea:focus{box-shadow:inset 0 0 0 2px var(--accent-soft)}.output-content{overflow:auto}.output-content pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--code-blue)}.output-content.placeholder pre{color:var(--muted);font-family:inherit}.error-message{display:flex;align-items:center;gap:8px;color:var(--danger);font-family:inherit}.empty-workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--muted)}.empty-workspace div{display:flex;gap:8px}.empty-workspace button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px}.privacy-note svg{color:var(--accent)}@media(max-width:980px){.brand{width:auto;flex-basis:auto}.brand strong{display:none}.search-box{width:auto;flex:1}.select-button{min-width:42px}.select-button span{display:none}.app-grid{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:720px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{height:auto;min-height:62px;flex-wrap:wrap;gap:8px;padding:10px 12px;position:sticky;top:0}.search-box{order:3;flex-basis:100%;width:100%}.panel-controls{margin-left:auto}.top-actions{margin-left:0}.app-grid,.app-grid.no-sidebar{display:block;height:auto}.sidebar{max-height:310px;border-right:0;border-bottom:1px solid var(--border)}.sidebar-footer{display:none}.workspace{min-height:calc(100dvh - 112px);grid-template-rows:72px auto minmax(600px,auto) 42px;overflow:visible}.tool-heading,.actionbar{padding-inline:12px}.actionbar{min-height:62px;padding-block:9px;align-items:flex-start}.secondary-actions{display:none}.editors{overflow:visible}.editors.split{grid-template-columns:1fr;grid-template-rows:repeat(2,430px)}.editors.single{grid-template-rows:540px}.pattern-field span{display:none}.pattern-field input{width:180px}.tool-title p{display:none}}@media(max-width:430px){.panel-controls,.top-actions{order:2}.search-box kbd{display:none}.segmented button{padding-inline:8px}.theme-menu{position:fixed;top:57px;right:8px;width:min(318px,calc(100vw - 16px))}}