.tools-page{color:#172019;background:#f7f9f7;min-height:100vh}.tools-hero{color:#fff;background:radial-gradient(circle at 80% 20%,#2e7d59 0,#0000 27%),linear-gradient(125deg,#10271b,#194b34);padding:54px 7vw 46px}.tools-hero>span{color:#8dd5ad;letter-spacing:1px;font-size:13px;font-weight:800}.tools-hero h1{margin:12px 0;font-size:40px}.tools-hero p{color:#c0d2c7;margin:0}.phase-strip{gap:10px;margin-top:25px;display:flex}.phase-strip b{background:#ffffff0b;border:1px solid #ffffff25;border-radius:8px;padding:8px 12px;font-size:12px}.tools-shell{grid-template-columns:270px 1fr;gap:24px;max-width:1420px;margin:0 auto;padding:35px 4vw 75px;display:grid}.tool-tabs{flex-direction:column;align-self:start;gap:8px;display:flex;position:sticky;top:20px}.tool-tabs button{text-align:left;color:#4c5b51;background:#fff;border:1px solid #dfe7e1;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.tool-tabs button:hover,.tool-tabs button.on{color:#176b47;background:#edf7f1;border-color:#2f8b60}.tool-tabs i{background:#edf3ef;border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.tool-tabs span{flex-direction:column;display:flex}.tool-tabs b{font-size:14px}.tool-tabs small{color:#879289;margin-top:4px;font-size:11px}.tool-workspace{background:#fff;border:1px solid #dfe7e1;border-radius:18px;min-width:0;padding:30px;box-shadow:0 12px 35px #1633220c}.tool-head{border-bottom:1px solid #e9eeea;margin-bottom:24px;padding-bottom:22px}.tool-head>span{color:#178050;font-size:12px;font-weight:800}.tool-head h2{margin:8px 0;font-size:28px}.tool-head p{color:#6d7a71;margin:0;line-height:1.7}.tool-form{background:#f6f8f6;border:1px solid #e2e9e4;border-radius:14px;padding:20px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid2.compact{gap:12px}.tool-field{flex-direction:column;gap:8px;display:flex}.tool-field>b{color:#435047;font-size:13px}.tool-field input,.tool-field textarea,.tool-field select,.asset-toolbar input{resize:vertical;background:#fff;border:1px solid #ced9d1;border-radius:9px;outline:none;width:100%;padding:11px 12px}.tool-field input:focus,.tool-field textarea:focus,.tool-field select:focus,.asset-toolbar input:focus{border-color:#26875b;box-shadow:0 0 0 3px #26875b18}.run-button,.solid{border:0;border-radius:9px;padding:12px 18px;font-weight:800;color:#fff!important;background:#176b47!important}.run-button:disabled{opacity:.5}.tool-result{border:1px solid #dce6df;border-radius:14px;margin-top:22px;overflow:hidden}.tool-result>header,.batch-results>header,.import-preview>header{background:#edf5f0;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.tool-result header>div:first-child{flex-direction:column;display:flex}.tool-result header span{color:#718078;margin-top:4px;font-size:11px}.tool-result header>div:last-child,.batch-results>header{gap:8px;display:flex}.tool-result button,.batch-results button,.import-preview button,.asset-toolbar button,.ranking button,.asset-modal button{background:#fff;border:1px solid #cad8ce;border-radius:8px;padding:8px 12px}.tool-result>pre,.asset-modal pre{white-space:pre-wrap;background:#fcfdfc;max-height:550px;margin:0;padding:22px;font-family:inherit;font-size:14px;line-height:1.8;overflow:auto}.optimizer-grid,.lab-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.diagnosis{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.diagnosis b{width:100%;font-size:13px}.diagnosis span{color:#347052;background:#e9f3ec;border-radius:7px;padding:6px 8px;font-size:11px}.compare-panel,.ranking{border:1px solid #e0e7e2;border-radius:14px;padding:18px}.compare-panel h3,.ranking h3{margin-top:0}.compare-panel>button{background:#fff;border:1px solid #e2e8e4;border-radius:9px;justify-content:space-between;width:100%;margin-bottom:9px;padding:13px;display:flex}.compare-panel>button.on{background:#edf7f1;border-color:#218256}.placeholder{text-align:center;color:#8b958e;background:#f7f9f7;border:1px dashed #d4ddd6;border-radius:10px;padding:38px 20px}.batch-results,.import-preview{border:1px solid #dce5df;border-radius:14px;margin-top:22px;overflow:hidden}.batch-results article{border-top:1px solid #edf0ee;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.batch-results article>span{color:#176b47;background:#e7f2eb;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.batch-results p{font-size:13px;line-height:1.6}.batch-results article button{color:#176b47;background:0 0;border:0}.import-zone{text-align:center;background:#f8faf8;border:2px dashed #cbd9cf;border-radius:15px;padding:36px}.import-zone input{display:none}.import-zone label{cursor:pointer;flex-direction:column;display:flex}.import-zone label b{font-size:17px}.import-zone label span{color:#7d8981;margin-top:8px;font-size:12px}.import-checks{flex-wrap:wrap;justify-content:center;gap:9px;margin:22px;display:flex}.import-checks span{color:#26704c;background:#eaf4ed;border-radius:7px;padding:7px 9px;font-size:12px}.import-report{color:#795a17;background:#fff6df;border-radius:9px;padding:13px}.import-preview article{border-top:1px solid #edf0ee;padding:14px 18px}.import-preview article>div{justify-content:space-between;display:flex}.import-preview article span{color:#1c7850;font-size:11px}.import-preview article p{color:#737f77;font-size:12px}.ranking article{border-bottom:1px solid #edf0ee;grid-template-columns:30px 1fr 55px auto;align-items:center;gap:10px;padding:13px 0;display:grid}.rank{color:#176b47;background:#e7f3eb;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.ranking article div b{display:block}.ranking em{color:#fff;background:#de8b21;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:10px;font-style:normal}.ranking p,.ranking article div>small{color:#77837a;font-size:11px}.ranking strong{color:#176b47;font-size:23px}.ranking strong small{font-size:10px}.asset-toolbar{align-items:center;gap:8px;margin-bottom:18px;display:flex}.asset-toolbar input{flex:1}.asset-toolbar span{color:#7c887f;font-size:12px}.asset-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.asset-grid>article{cursor:pointer;border:1px solid #dfe7e1;border-radius:13px;padding:17px}.asset-grid>article:hover{border-color:#27875b;transform:translateY(-2px)}.asset-grid article>div span{color:#176b47;background:#edf6f0;border-radius:5px;margin-right:5px;padding:4px 6px;font-size:10px}.asset-grid h3{font-size:16px}.asset-grid p{color:#6e7a72;font-size:12px;line-height:1.7}.asset-grid footer{justify-content:space-between;display:flex;background:0 0!important;border-top:1px solid #edf0ee!important;padding:12px 0 0!important}.asset-grid footer button{color:#b64a43;background:0 0;border:0}.asset-modal{z-index:100;background:#09150db8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.asset-modal>section{background:#fff;border-radius:16px;width:min(850px,100%);max-height:90vh;overflow:auto}.asset-modal>section>header{border-bottom:1px solid #e6ece8;justify-content:space-between;padding:20px;display:flex}.asset-modal h2{margin:5px 0}.asset-modal header span{color:#26754f;font-size:11px}.asset-modal header>button{border:0;font-size:22px}.version-list{padding:20px}.version-list details{border:1px solid #e0e7e2;border-radius:8px;margin-top:8px;padding:10px}.version-list pre{max-height:250px;padding:14px}.asset-modal>section>footer{justify-content:flex-end;gap:8px;display:flex;background:#f3f6f4!important;padding:16px 20px!important}.tool-toast{z-index:110;color:#fff;background:#176b47;border-radius:9px;padding:13px 18px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #0003}@media (width<=1000px){.tools-shell{grid-template-columns:1fr}.tool-tabs{grid-template-columns:repeat(3,1fr);display:grid;position:static}.optimizer-grid,.lab-grid{grid-template-columns:1fr}}@media (width<=700px){.tools-hero{padding:38px 20px}.tools-hero h1{font-size:30px}.phase-strip{overflow-x:auto}.phase-strip b{white-space:nowrap}.tools-shell{padding:18px 12px 50px}.tool-tabs{grid-template-columns:repeat(2,1fr)}.tool-tabs button{padding:10px}.tool-tabs small{display:none}.tool-workspace{padding:18px}.grid2,.grid3,.asset-grid,.optimizer-grid,.lab-grid{grid-template-columns:1fr}.asset-toolbar{flex-wrap:wrap}.asset-toolbar input{flex-basis:100%}.batch-results article{grid-template-columns:30px 1fr}.batch-results article button{grid-column:2}.ranking article{grid-template-columns:28px 1fr 45px}.ranking article>button{grid-column:2/4}.tool-result>header{flex-direction:column;align-items:flex-start;gap:10px}}