:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;--bg: #f5f7fa;--surface: #ffffff;--surface-soft: #f0f4f8;--text: #17202a;--muted: #64748b;--line: #d8e0ea;--blue: #2563eb;--green: #0f8b63;--orange: #bd5b22;--violet: #6554d6;--cyan: #0b87a5;--red: #c94444;--yellow: #a66f14;--pink: #bd3f7c;--teal: #0f766e;--lime: #4d7c0f;--indigo: #4f46e5;--gray: #53606f;--shadow: 0 18px 50px rgba(31, 41, 55, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffc2,#f5f7faf5),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:20;display:flex;height:100vh;flex-direction:column;gap:22px;border-right:1px solid var(--line);background:#fbfcfe;padding:22px}.brand{display:flex;min-height:56px;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid #cfe0ed;border-radius:8px;background:#e7f2f9;color:#126782}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{margin-top:2px;color:var(--muted);font-size:12px}.priority-item,.tool-card,.category-tabs button,.icon-button,.action-button{border:0}.sidebar-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.panel-title{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.priority-list{display:grid;gap:8px;margin-top:12px;max-height:calc(100vh - 190px);overflow-y:auto;padding-right:2px}.priority-item{display:grid;min-height:38px;grid-template-columns:24px minmax(0,1fr);align-items:center;border-radius:8px;background:#f5f8fb;color:var(--text);padding:0 10px;text-align:left}.priority-item svg{color:var(--muted)}.priority-item strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.priority-item.selected{background:#e9f8f1;color:var(--green)}.priority-item.selected svg{color:var(--green)}.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:grid;min-height:76px;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center;border-bottom:1px solid rgba(217,224,232,.8);background:#f5f7fae6;padding:16px 28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.current-tool-bar{display:flex;min-height:44px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 14px}.current-tool-bar span{color:var(--muted);font-size:13px}.current-tool-bar strong{font-size:15px}.icon-button{display:inline-flex;width:42px;min-height:42px;align-items:center;justify-content:center;border-radius:8px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--text)}.mobile-only{display:none}.workspace{padding:28px}.workspace-header{display:grid;grid-template-columns:1fr;gap:22px;align-items:end}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:6px;font-size:38px;line-height:1.06}.workspace-header p{max-width:660px;margin-top:12px;color:var(--muted);line-height:1.6}h2{margin-top:4px;font-size:22px;line-height:1.2}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:22px;align-items:start;margin-top:24px}.runner-section,.catalog-section{min-width:0}.tool-runner,.catalog-section{border:1px solid var(--line);border-radius:8px;background:#ffffffe0;box-shadow:var(--shadow)}.tool-runner{overflow:hidden}.runner-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px}.runner-title{display:flex;min-width:0;gap:14px}.runner-title p{margin-top:8px;color:var(--muted);line-height:1.5}.tool-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:#edf2f7}.tool-icon.large{width:56px;height:56px}.tool-body{display:grid;gap:14px;padding:18px}.tool-action-bar{display:flex;flex-wrap:wrap;gap:10px}.tool-action-bar.wrap{gap:8px}.action-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:#eaf2ff;color:#1d4ed8;padding:0 13px;font-weight:700}.action-button.subtle{background:#eef3f8;color:#475569}.action-button.primary-action{width:fit-content;background:#1f6feb;color:#fff}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:12px}.image-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field-panel{display:grid;min-width:0;gap:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:12px}.field-panel.compact,.field-panel.tiny{align-content:start}.field-panel span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.field-panel textarea,.field-panel input,.field-panel select{width:100%;min-width:0;border:1px solid #d7e0eb;border-radius:8px;background:#fff;color:var(--text);outline:0}.field-panel textarea{min-height:230px;resize:vertical;padding:12px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55}.field-panel input,.field-panel select{min-height:40px;padding:0 10px}.field-panel input[type=range]{padding:0}.field-panel input[type=color]{padding:4px}.result-message{border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.5}.result-message.success{background:#e9f8f1;color:var(--green)}.result-message.danger{background:#fff0f0;color:var(--red)}.result-message.neutral{background:#eef3f8;color:#475569}.match-list{display:grid;gap:8px}.match-row{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px}.match-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-row span{flex:0 0 auto;color:var(--muted);font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px}.info-item span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.info-item strong{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.java-log-input{min-height:320px}.java-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analysis-overview,.diagnosis-panel{display:grid;min-width:0;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.analysis-overview{align-content:start;border-color:#bde3ef;background:#f2fbfd}.analysis-overview span,.diagnosis-panel span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.analysis-overview h3{overflow-wrap:anywhere;font-size:20px}.analysis-overview p,.diagnosis-panel p,.diagnosis-panel li{color:#334155;font-size:14px;line-height:1.55}.diagnosis-panel.wide,.stack-panel{grid-column:1 / -1}.diagnosis-panel ol{display:grid;gap:7px;margin:0;padding-left:20px}.confidence-meter{overflow:hidden;height:8px;border-radius:999px;background:#dcecf2}.confidence-meter span{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.stack-panel pre{overflow:auto;max-height:220px;margin:0;border-radius:8px;background:#17202a;color:#d7e4ef;padding:12px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list strong{border-radius:8px;background:#e8f8fb;color:var(--cyan);padding:6px 9px;font-size:12px}.diff-tool{gap:16px}.diff-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:12px}.diff-status{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px 12px}.diff-status strong{font-size:14px}.diff-status span{color:var(--muted);font-size:13px}.diff-stat-pill{display:inline-flex;min-height:26px;align-items:center;border-radius:8px;padding:0 9px;font-weight:700}.diff-stat-pill.add{background:#e9f8f1;color:var(--green)}.diff-stat-pill.remove{background:#fff0f0;color:var(--red)}.diff-stat-pill.change{background:#fff7dc;color:var(--yellow)}.diff-nav{display:flex;flex:0 0 auto;gap:6px}.diff-nav button{display:inline-flex;width:34px;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475569}.diff-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.segmented-control{display:inline-flex;min-height:38px;flex:0 0 auto;gap:3px;border:1px solid var(--line);border-radius:8px;background:#eef3f8;padding:3px}.segmented-control button{min-width:58px;border:0;border-radius:6px;background:transparent;color:#475569;padding:0 11px;font-weight:700}.segmented-control button.active{background:#17202a;color:#fff}.diff-pair-select{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:0 10px}.diff-pair-select span{color:var(--muted);font-size:12px;font-weight:700}.diff-pair-select select{min-height:30px;border:0;background:transparent;color:var(--text);outline:0;font-weight:700}.diff-toolbar-actions{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.diff-switches{display:flex;flex-wrap:wrap;gap:8px}.toggle-field{position:relative;display:inline-flex;min-height:36px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475569;padding:0 10px}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-indicator{position:relative;width:32px;height:18px;flex:0 0 auto;border-radius:999px;background:#cbd5e1;transition:background .16s ease}.toggle-indicator:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;content:"";transition:transform .16s ease}.toggle-field input:checked+.toggle-indicator{background:#1f6feb}.toggle-field input:checked+.toggle-indicator:after{transform:translate(14px)}.toggle-field svg{color:var(--muted)}.toggle-field strong{font-size:12px}.diff-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diff-input-grid.mode-three{grid-template-columns:repeat(3,minmax(0,1fr))}.diff-input-panel{gap:10px}.diff-editor-shell{position:relative;overflow:hidden;min-height:300px;border:1px solid #d7e0eb;border-radius:8px;background:#fff}.diff-highlight-layer,.diff-editor-textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:14px 16px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55;tab-size:2;white-space:pre}.diff-highlight-layer{overflow:auto;color:#17202a;pointer-events:none;scrollbar-width:none}.diff-highlight-layer::-webkit-scrollbar{display:none}.diff-highlight-content{width:max-content;min-width:100%}.field-panel textarea.diff-editor-textarea{z-index:2;min-height:0;border:0;background:transparent;color:transparent;caret-color:#17202a;outline:0;resize:none;-webkit-text-fill-color:transparent}.diff-editor-textarea::selection{background:#2563eb3d}.diff-editor-line{position:relative;min-width:100%;min-height:20px;border-radius:5px;padding:0 5px}.diff-editor-line>span{position:relative;z-index:1}.diff-editor-line.add{background:#e9f8f1}.diff-editor-line.remove{background:#fff0f0}.diff-editor-line.change{background:#fff7dc}.diff-editor-line.is-current{outline:2px solid rgba(31,111,235,.72);outline-offset:-1px;box-shadow:inset 3px 0 #1f6feb}.diff-editor-shell.show-spacer-shadow .diff-editor-line.add:after,.diff-editor-shell.show-spacer-shadow .diff-editor-line.remove:after{position:absolute;inset:0 auto 0 0;width:28px;border-radius:5px 0 0 5px;background:repeating-linear-gradient(-45deg,rgba(100,116,139,.12) 0,rgba(100,116,139,.12) 5px,transparent 5px,transparent 10px);content:""}.inline-change{border-radius:4px;background:#c9444424}.diff-editor-line.right-side .inline-change,.diff-editor-line.add .inline-change{background:#0f8b6329}.diff-editor-shell.show-underlines .inline-change{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.diff-summary-inline{border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--muted);padding:11px 12px;font-size:13px;font-weight:700}.upload-box{position:relative;display:flex;min-height:74px;align-items:center;justify-content:center;gap:10px;border:1px dashed #b9c7d6;border-radius:8px;background:#f8fafc;color:#334155;font-weight:700}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box.batch-upload{min-height:156px;flex-direction:column;gap:8px;border-color:#d0a4c1;background:#fff7fb;text-align:center}.upload-box.batch-upload.dragging{border-color:var(--pink);background:#fdf2f8;box-shadow:inset 0 0 0 2px #bd3f7c1f}.upload-box.batch-upload strong{font-size:18px}.upload-box.batch-upload span{color:var(--muted);font-size:13px}.image-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) minmax(220px,1fr);gap:12px;align-items:stretch}.image-batch-summary{display:grid;align-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.image-batch-summary span{color:var(--muted);font-size:13px}.image-batch-summary strong{overflow-wrap:anywhere;font-size:14px}.image-result-list{display:grid;gap:10px}.image-result-row{display:grid;min-width:0;grid-template-columns:74px minmax(0,1fr) minmax(120px,auto) minmax(112px,auto);gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.image-result-row img{width:74px;height:58px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;object-fit:contain}.image-file-info{display:grid;min-width:0;gap:4px}.image-file-info strong,.image-file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-file-info strong{font-size:14px}.image-file-info span{color:var(--muted);font-size:12px}.image-status{display:flex;justify-content:flex-start}.status-pill{display:inline-flex;min-height:28px;align-items:center;border-radius:8px;background:#eef3f8;color:#475569;padding:0 9px;font-size:12px;font-weight:700}.status-pill.success{background:#e9f8f1;color:var(--green)}.status-pill.danger{background:#fff0f0;color:var(--red)}.row-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions a,.row-actions button{display:inline-flex;min-height:34px;min-width:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#475569;padding:0 9px;text-decoration:none}.row-actions a{gap:6px;background:#eaf2ff;color:#1d4ed8;font-size:13px;font-weight:700}.row-actions button{cursor:pointer}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-grid img,.empty-preview,.download-panel{width:100%;min-height:230px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.image-grid img{object-fit:contain}.empty-preview,.download-panel{display:grid;place-items:center;color:var(--muted)}.download-panel{align-content:center;gap:9px}.download-panel strong{font-size:18px}.download-panel span{color:var(--muted)}.download-panel a{display:inline-flex;min-height:38px;align-items:center;gap:8px;border-radius:8px;background:#1f6feb;color:#fff;padding:0 12px;text-decoration:none}.placeholder-panel{display:grid;min-height:360px;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center}.placeholder-panel svg{color:currentColor}.placeholder-panel h3{font-size:20px}.placeholder-panel p{max-width:420px;color:var(--muted);line-height:1.6}.catalog-section{padding:18px}.section-heading{display:flex;gap:14px;align-items:center;justify-content:space-between}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:16px 0 12px}.category-tabs button{min-height:34px;flex:0 0 auto;border-radius:8px;background:#eef3f8;color:#475569;padding:0 12px}.category-tabs button.active{background:#17202a;color:#fff}.tool-list{display:grid;gap:10px}.tool-card{position:relative;display:grid;min-height:72px;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:14px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tool-card:hover,.tool-card.active{border-color:currentColor;box-shadow:0 12px 24px #1f293714;transform:translateY(-1px)}.tool-copy{display:block;min-width:0;padding-right:0}.tool-copy strong,.tool-copy span{display:block}.tool-copy strong{font-size:15px;line-height:1.25}.accent-green{color:var(--green)}.accent-violet{color:var(--violet)}.accent-orange{color:var(--orange)}.accent-blue{color:var(--blue)}.accent-cyan{color:var(--cyan)}.accent-yellow{color:var(--yellow)}.accent-red{color:var(--red)}.accent-indigo{color:var(--indigo)}.accent-pink{color:var(--pink)}.accent-teal{color:var(--teal)}.accent-gray{color:var(--gray)}.accent-lime{color:var(--lime)}.accent-green .tool-icon{background:#e9f8f1}.accent-violet .tool-icon{background:#f0edff}.accent-orange .tool-icon{background:#fff1e8}.accent-blue .tool-icon{background:#eaf2ff}.accent-cyan .tool-icon{background:#e8f8fb}.accent-yellow .tool-icon{background:#fff7dc}.accent-red .tool-icon{background:#fff0f0}.accent-indigo .tool-icon{background:#eef2ff}.accent-pink .tool-icon{background:#fdf2f8}.accent-teal .tool-icon{background:#e8f7f4}.accent-gray .tool-icon{background:#eef1f5}.accent-lime .tool-icon{background:#f0f8df}.sidebar-backdrop{display:none}@media(max-width:1180px){.workspace-header,.home-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-100%);width:min(86vw,300px);transition:transform .18s ease}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:15;display:block;border:0;background:#0f172a5c}.mobile-only{display:inline-flex}.topbar{grid-template-columns:42px minmax(0,1fr);padding:14px 16px}.workspace{padding:20px 16px}h1{font-size:32px}.editor-grid,.diff-input-grid,.diff-input-grid.mode-three,.image-grid,.image-options,.image-toolbar,.info-grid,.java-analysis-grid{grid-template-columns:1fr}.image-result-row{grid-template-columns:64px minmax(0,1fr)}.image-result-row img{width:64px;height:54px}.image-status,.row-actions{grid-column:1 / -1;justify-content:flex-start}.diff-toolbar-actions{justify-content:flex-start}}@media(max-width:560px){.inline-fields{grid-template-columns:1fr}.runner-header{display:grid}.tool-copy{padding-right:0}.tool-card{min-height:74px}}.suite-tool-body{gap:12px}.suite-toolbar{display:flex;flex-wrap:wrap;gap:8px}.suite-toolbar button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#eef3f8;color:#475569;padding:0 11px;font-weight:700}.suite-toolbar button.active{background:#17202a;color:#fff}.suite-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}.suite-list{max-height:620px;overflow:auto;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px}.suite-list button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:9px 10px;text-align:left}.suite-list button.active{border-color:var(--blue);background:#eaf2ff}.suite-list button strong,.suite-list button span{display:block}.suite-list button strong{font-size:13px}.suite-list button span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.suite-runtime{min-width:0;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px}.suite-runtime-body{margin-top:10px}@media(max-width:960px){.suite-layout{grid-template-columns:1fr}.suite-list{max-height:300px}}.card{border:1px solid var(--line);border-radius:14px;background:#fffffff2;box-shadow:0 10px 26px #0f172a0d}.new-home-shell{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f4f7fa);color:var(--text)}.new-site-header{position:sticky;top:0;z-index:22;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#f8fafcf2;padding:14px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.new-home-brand{display:flex;align-items:center;gap:12px}.new-home-brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #cfe0ed;border-radius:10px;background:#e7f2f9;color:#126782}.new-home-brand strong,.new-home-brand span{display:block}.new-home-brand strong{font-size:18px}.new-home-brand span{margin-top:2px;color:var(--muted);font-size:13px}.new-site-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.new-site-links a{display:inline-flex;min-height:38px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#334155;padding:0 12px;text-decoration:none;font-size:13px;font-weight:600}.new-site-links a:hover{border-color:#bfd0e3;background:#f8fbff}.new-page{max-width:1180px;margin:0 auto;padding:20px 16px 36px}.new-hero{padding:24px}.new-hero h1{margin-top:8px;font-size:34px;line-height:1.1}.new-hero p{margin-top:12px;max-width:860px;color:var(--muted);line-height:1.7}.new-search-row{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.new-search-card{padding:16px}.new-home-search{display:grid;gap:8px}.new-home-search span{color:#334155;font-size:14px;font-weight:600}.new-home-search input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:0 12px}.new-home-search input:focus{outline:2px solid rgba(37,99,235,.2);border-color:#9ab6e2}.new-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.new-filter-tabs button{min-height:34px;border:1px solid var(--line);border-radius:9px;background:#eef3f8;color:#475569;padding:0 12px;font-size:13px;font-weight:700}.new-filter-tabs button.active{border-color:#17202a;background:#17202a;color:#fff}.new-home-stats{margin-top:10px;color:var(--muted);font-size:13px}.new-ad-box{border:1px dashed #bfd0e3;border-radius:14px;background:#f8fbff;color:#4f6781;padding:14px}.new-ad-box h2{font-size:15px}.new-ad-box p{margin-top:8px;line-height:1.6;font-size:13px}.new-member-card{margin-top:16px;padding:18px}.new-member-card h2{font-size:22px}.new-member-card p{margin-top:8px;color:var(--muted);line-height:1.6}.new-category-block{margin-top:24px}.new-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.new-category-head p{margin-top:6px;color:var(--muted);line-height:1.6}.new-category-head span{color:#405c78;font-size:13px;font-weight:700}.new-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.new-tool-card{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);padding:13px;text-align:left}.new-tool-card:hover{border-color:#bfd0e3;background:#fbfdff}.new-tool-card.active{border-color:#8eaed5;background:#f3f8ff}.new-tool-card strong{display:block;font-size:17px}.new-tool-card p{margin-top:7px;color:var(--muted);line-height:1.55;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.new-runtime{margin-top:24px;overflow:hidden}#runtime-zone{scroll-margin-top:82px}.new-runtime-title{min-height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#f8fafc;color:#1e293b;padding:0 16px;font-size:20px;font-weight:800}.new-runtime-intro{border-bottom:1px solid #dbe4ee;background:#f8fbff;padding:12px 16px}.new-runtime-intro h3{font-size:15px;color:#334155}.new-runtime-intro p{margin-top:6px;color:#536883;line-height:1.65;font-size:14px}.new-runtime-body{min-height:340px;padding:14px}.new-featured{margin-top:26px;padding:14px}.new-featured-head p{margin-top:6px;color:var(--muted);line-height:1.6}.new-featured-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.new-featured-tabs button{min-height:34px;border:1px solid var(--line);border-radius:9px;background:#f2f5f9;color:#475569;padding:0 12px;font-weight:700}.new-featured-tabs button.active{border-color:#17202a;background:#17202a;color:#fff}.new-featured-runner{margin-top:14px}.new-ad-bottom{margin-top:26px}.new-site-footer{border-top:1px solid var(--line);background:#f8fafc;padding:18px 16px 24px;text-align:center}.new-site-footer p{font-size:13px;color:#475569}.new-site-footer div{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px;color:#64748b}.new-site-footer a{color:#405c78;text-decoration:none}.new-site-footer a:hover{text-decoration:underline}@media(max-width:1080px){.new-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-search-row{grid-template-columns:1fr}}@media(max-width:820px){.new-site-header{display:grid;justify-content:stretch;padding:12px}.new-home-brand strong{font-size:16px}.new-home-brand span{font-size:12px}.new-site-links a{min-height:34px;font-size:12px}.new-page{padding:16px 12px 26px}.new-hero{padding:18px}.new-hero h1{font-size:28px}.new-runtime-title{min-height:50px;font-size:17px}}@media(max-width:560px){.new-tools-grid{grid-template-columns:1fr}.new-filter-tabs button,.new-featured-tabs button{flex:1 1 46%}}.new-runtime-host{min-height:300px}.new-runtime-host .toolkit-shell{display:grid;gap:14px}.new-runtime-host .toolkit-inputs{border:1px solid #dbe4ee;border-radius:12px;background:#fbfdff;padding:12px}.new-runtime-host .toolkit-actions{align-items:center}.new-runtime-host .toolkit-result{border:1px solid #dbe4ee;border-radius:12px;background:#f8fbff;padding:12px}.new-runtime-host .toolkit-label,.new-runtime-host label.text-sm,.new-runtime-host .text-sm{display:block;color:#516881;font-size:13px;font-weight:700;line-height:1.4}.new-runtime-host .toolkit-status{border:1px solid #dbe4ee;border-radius:10px;background:#f8fbff;color:#64748b;padding:10px 12px;font-size:13px;line-height:1.45}.new-runtime-host .toolkit-status.working{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.new-runtime-host .toolkit-status.success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.new-runtime-host .toolkit-status.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.new-runtime-host .grid{display:grid}.new-runtime-host .gap-2{gap:8px}.new-runtime-host .gap-3{gap:12px}.new-runtime-host .gap-4{gap:14px}.new-runtime-host .flex{display:flex}.new-runtime-host .flex-wrap{flex-wrap:wrap}.new-runtime-host .inline-flex{display:inline-flex;align-items:center}.new-runtime-host .items-center{align-items:center}.new-runtime-host .mt-2{margin-top:8px}.new-runtime-host .mt-3{margin-top:12px}.new-runtime-host .input-base,.new-runtime-host .textarea-base,.new-runtime-host input,.new-runtime-host textarea,.new-runtime-host select{width:100%;border:1px solid #cfdcec;border-radius:10px;background:#fff;color:#0f172a;padding:10px 12px;box-sizing:border-box}.new-runtime-host textarea{min-height:180px;line-height:1.55;resize:vertical}.new-runtime-host input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0}.new-runtime-host input:focus,.new-runtime-host textarea:focus,.new-runtime-host select:focus{outline:2px solid rgba(59,130,246,.2);border-color:#93c5fd}.new-runtime-host .btn-main,.new-runtime-host .btn-sub{min-height:38px;border:1px solid #cfdcec;border-radius:10px;background:#eef3f8;color:#1f334a;padding:0 14px;font-weight:700}.new-runtime-host .btn-main{border-color:#365a86;background:#365a86;color:#fff}.new-runtime-host .btn-main:hover{background:#2d4d73}.new-runtime-host .btn-sub:hover{border-color:#adc3de;background:#f5f9ff}.new-runtime-host [data-result-html]{border:1px solid #dbe4ee;border-radius:12px;background:#fff;padding:12px}.new-runtime-host [data-result-html] img,.new-runtime-host [data-result-html] canvas{max-width:100%;height:auto}.new-runtime-host .rounded-xl{border-radius:12px}.new-runtime-host .rounded-lg{border-radius:10px}.new-runtime-host .border{border:1px solid #dbe4ee}.new-runtime-host .border-slate-200{border-color:#dbe4ee}.new-runtime-host .bg-white{background:#fff}.new-runtime-host .bg-slate-50{background:#f8fbff}.new-runtime-host .min-h-\[120px\]{min-height:120px}.new-runtime-host .min-h-\[150px\]{min-height:150px}.new-runtime-host .max-h-72{max-height:18rem}.new-runtime-host .md\:grid-cols-2,.new-runtime-host .md\:grid-cols-3{grid-template-columns:1fr}@media(min-width:900px){.new-runtime-host .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.new-runtime-host .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-page-hero{margin-top:2px;padding:16px}.tool-back-button{min-height:36px;border:1px solid var(--line);border-radius:10px;background:#eef3f8;color:#334155;padding:0 12px;font-weight:700}.tool-page-hero h1{margin-top:12px;font-size:32px}.tool-page-hero p{margin-top:8px;color:#526a86;line-height:1.7}.tool-workspace-grid{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.tool-sidebar{display:grid;gap:12px}.tool-side-card{padding:12px}.tool-side-card h2{font-size:18px}.tool-side-card p{margin-top:7px;color:#566b84;line-height:1.65;font-size:14px}.tool-side-card ol{margin:9px 0 0;padding-left:20px;color:#334155;display:grid;gap:6px}.tool-side-card li{line-height:1.55;font-size:14px}.tool-faq-list{margin-top:8px;display:grid;gap:8px}.tool-faq-list article{border:1px solid #dbe4ee;border-radius:10px;background:#f8fbff;padding:9px 10px}.tool-faq-list h3{font-size:14px;color:#1e293b}.tool-faq-list article p{margin-top:5px;font-size:13px}.tool-related{margin-top:18px;padding:14px}.tool-related-head p{margin-top:6px;color:#64748b;line-height:1.6}.tool-related-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-related-card{border:1px solid var(--line);border-radius:11px;background:#f8fbff;color:var(--text);padding:11px;text-align:left}.tool-related-card:hover{border-color:#9ab6e2;background:#f2f7ff}.tool-related-card strong{display:block;font-size:16px}.tool-related-card p{margin-top:7px;color:#5a6d84;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.suite-tool-panel{border:1px solid #dbe4ee;border-radius:14px;background:#fbfdff;overflow:hidden}.suite-tool-header{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;border-bottom:1px solid #dbe4ee;padding:18px}.suite-tool-header h3{font-size:44px;color:#0f766e}.suite-tool-header p{margin-top:6px;color:#56718f;font-size:15px}.suite-tool-icon{display:grid;width:84px;height:84px;place-items:center;border-radius:14px;color:#047857;background:#dff3ea}.suite-tool-icon.image{color:#be185d;background:#f7e8f1}.suite-tool-actions{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px 0}.suite-json-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 18px}.suite-field{display:grid;gap:8px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fafc;padding:12px}.suite-field span{color:#526a86;font-size:13px;font-weight:700}.suite-field textarea{width:100%;min-height:280px;border:1px solid #d0dceb;border-radius:10px;background:#fff;color:#0f172a;padding:12px;line-height:1.55;resize:vertical}.suite-field textarea:focus{outline:2px solid rgba(59,130,246,.18)}.suite-status{margin:0 18px 10px;border-radius:10px;padding:11px 12px;font-weight:700}.suite-status.ok{color:#047857;background:#e7f7ef}.suite-status.error{color:#b91c1c;background:#fee7e7}.suite-status.neutral{color:#334155;background:#e9eef5}.suite-calc-panel{background:#fcfdff}.suite-tool-icon.calc{color:#4f46e5;background:#e8ebff;font-weight:800;font-size:34px}.suite-calc-header h3{color:#312e81}.suite-calc-mode-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px 0}.suite-calc-mode-tabs button{border:1px solid #dbe4ee;border-radius:10px;background:#f5f8fb;color:#334155;font-weight:700;padding:9px 12px}.suite-calc-mode-tabs button.active{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.suite-calc-standard,.suite-calc-programmer{display:grid;gap:12px;padding:14px 18px 16px}.suite-calc-expression{display:grid;gap:8px}.suite-calc-expression span{color:#526a86;font-size:13px;font-weight:700}.suite-calc-expression input,.suite-calc-prog-grid input,.suite-calc-prog-grid select{width:100%;min-height:42px;border:1px solid #d0dceb;border-radius:10px;background:#fff;color:#0f172a;padding:0 12px}.suite-calc-expression input:focus,.suite-calc-prog-grid input:focus,.suite-calc-prog-grid select:focus{outline:2px solid rgba(59,130,246,.18)}.suite-calc-result-card{border:1px solid #dbe4ee;border-radius:12px;background:#f8fafc;padding:12px}.suite-calc-result-card span{color:#5c718a;font-size:12px;font-weight:700}.suite-calc-result-card strong{display:block;margin-top:8px;color:#1e293b;font-size:30px;line-height:1.15;word-break:break-all}.suite-calc-func-grid,.suite-calc-keypad{display:grid;gap:8px}.suite-calc-func-grid,.suite-calc-keypad{grid-template-columns:repeat(5,minmax(0,1fr))}.suite-calc-func-grid button,.suite-calc-keypad button{border:1px solid #d6e0ea;border-radius:10px;background:#edf3f9;color:#1f2f44;font-weight:700;min-height:40px}.suite-calc-keypad button.equals{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.suite-calc-keypad button.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.suite-calc-prog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.suite-calc-prog-grid.value-row{grid-template-columns:repeat(3,minmax(0,1fr))}.suite-calc-prog-grid label{display:grid;gap:8px}.suite-calc-prog-grid label span{color:#526a86;font-size:13px;font-weight:700}.suite-calc-prog-grid .inline-check{align-content:end}.suite-calc-prog-grid .inline-check input{width:18px;min-height:18px;margin:0}.suite-calc-base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.suite-calc-base-grid article{border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc;padding:11px}.suite-calc-base-grid article.wide{grid-column:span 2}.suite-calc-base-grid span{color:#64748b;font-size:12px;font-weight:700}.suite-calc-base-grid strong{display:block;margin-top:7px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;line-height:1.45;word-break:break-all}.suite-tip{margin:0 18px 16px;color:#64748b;font-size:13px}.suite-image-panel{background:#fcfdff}.suite-image-header h3{color:#be185d}.suite-image-dropzone{margin:16px 18px 0;display:grid;min-height:220px;place-items:center;gap:8px;border:1px dashed #d8b4cf;border-radius:14px;background:#f9f4f7;color:#475569;padding:18px;text-align:center;position:relative}.suite-image-dropzone.dragging{border-color:#be185d;background:#f6e9f1}.suite-image-dropzone strong{font-size:42px;color:#334155}.suite-image-dropzone span{color:#59758f;font-weight:600}.suite-image-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.suite-image-controls{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:14px;padding:14px 18px 0}.suite-control-card{display:grid;gap:8px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fbff;padding:12px}.suite-control-card span{color:#56718f;font-size:13px;font-weight:700}.suite-control-card input[type=range]{width:100%}.suite-control-card select{min-height:44px;border:1px solid #d0dceb;border-radius:10px;background:#fff;color:#0f172a;padding:0 10px}.suite-control-card.summary strong{font-size:26px;color:#be185d}.suite-image-list{margin:14px 18px 18px;display:grid;gap:10px}.suite-image-empty{min-height:240px;display:grid;place-items:center;border:1px solid #dbe4ee;border-radius:14px;background:#f6f9fc;color:#60728a;font-size:36px}.suite-image-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #dbe4ee;border-radius:12px;background:#fff;padding:10px}.suite-image-row img{width:86px;height:66px;object-fit:cover;border-radius:8px;border:1px solid #dbe4ee}.suite-image-meta strong,.suite-image-meta span{display:block}.suite-image-meta strong{font-size:14px}.suite-image-meta span{margin-top:3px;color:#64748b;font-size:12px}.suite-image-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.suite-image-actions{display:flex;gap:6px}.suite-image-actions a,.suite-image-actions button{display:inline-flex;min-height:32px;align-items:center;gap:4px;border:1px solid #dbe4ee;border-radius:8px;background:#eef3f8;color:#334155;padding:0 9px;text-decoration:none}.suite-image-actions button{cursor:pointer}@media(max-width:980px){.suite-json-grid,.suite-image-controls,.suite-calc-prog-grid,.suite-calc-prog-grid.value-row{grid-template-columns:1fr}.suite-image-row{grid-template-columns:72px minmax(0,1fr)}.suite-image-tags,.suite-image-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:1100px){.tool-workspace-grid{grid-template-columns:1fr}.tool-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.suite-tool-header{grid-template-columns:62px minmax(0,1fr);padding:12px}.suite-tool-icon{width:62px;height:62px;border-radius:11px}.suite-tool-header h3,.suite-image-dropzone strong,.suite-image-empty{font-size:28px}.suite-calc-result-card strong{font-size:24px}.suite-calc-func-grid,.suite-calc-keypad,.suite-calc-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-calc-base-grid article.wide{grid-column:span 2}.tool-related-grid{grid-template-columns:1fr}}