.staff-tools-view{color:#eef2f3}.staff-tools-heading{align-items:center}.staff-tools-private{padding:8px 11px;border:1px solid #34505b;border-radius:999px;background:#112229;color:#74daef;font-size:10px}.staff-tools-home{display:grid;gap:15px}.staff-tool-search{display:grid;gap:6px;padding:15px;border:1px solid #38434b;border-radius:14px;background:#1c2226}.staff-tool-search input{width:100%;padding:13px 15px;border:1px solid #4b5962;border-radius:10px;background:#11171b;color:#fff}.staff-tool-search small,.staff-tool-panel header>p:last-child,.tool-hint{color:#909da5}.staff-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.staff-tool-card{display:grid!important;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;min-height:92px!important;padding:15px!important;border:1px solid #414c54!important;border-radius:14px!important;background:#1c2226!important;color:#fff!important;text-align:left!important;box-shadow:none!important}.staff-tool-card:hover{border-color:#ed168c!important;background:#242a2f!important;box-shadow:inset 3px 0 0 #ed168c!important}.staff-tool-card i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#10171b;color:#15c8ea;font-size:20px;font-style:normal}.staff-tool-card span{display:grid;gap:5px}.staff-tool-card b{font-size:14px;font-weight:540}.staff-tool-card small{color:#98a5ac;font-size:10px;line-height:1.35}.staff-tool-card em{color:#ed168c;font-size:18px;font-style:normal}.staff-tool-panel{overflow:hidden;border:1px solid #3a454d;border-radius:17px;background:#1b2125}.staff-tool-panel>header{padding:20px 22px;border-bottom:1px solid #38424a;background:linear-gradient(120deg,#080b0e,#061820)}.staff-tool-panel>header h3{margin:4px 0 5px;font-size:24px}.staff-tool-back{margin-bottom:16px!important}.tool-two-columns{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:0}.tool-two-columns>*{padding:22px}.tool-two-columns>*+*{border-left:1px solid #38434b}.tool-form{display:grid;align-content:start;gap:12px}.tool-form label{display:grid;gap:6px;color:#bbc4c8;font-size:10px}.tool-form input,.tool-form select,.tool-form textarea{width:100%;padding:11px 12px;border:1px solid #46525a;border-radius:9px;background:#11171b;color:#f4f6f7}.tool-form input[type=color]{height:44px;padding:4px}.tool-form input[type=range]{padding:0}.tool-form input[type=checkbox]{width:16px;height:16px}.tool-check{display:flex!important;align-items:center;gap:8px!important}.tool-inline,.tool-button-row,.tool-result-actions{display:flex;align-items:end;gap:8px}.tool-inline>*{flex:1}.tool-button-row,.tool-result-actions{flex-wrap:wrap}.tool-button-row button,.tool-result-actions button{flex:1}.tool-result{display:grid;align-content:start;gap:14px;background:#171d21}.tool-result canvas{display:block;max-width:100%;max-height:60vh;margin:auto;border:1px solid #3f4a51;border-radius:10px;background:#fff;object-fit:contain}.tool-qr-result{text-align:center}.tool-qr-canvas{display:grid;place-items:center;min-height:330px;padding:18px;border:1px dashed #52616a;border-radius:13px;background:#fff;color:#69757d}.tool-qr-canvas canvas,.tool-qr-canvas img{width:min(100%,420px)!important;height:auto!important}.tool-metrics,.tool-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.tool-metrics span,.tool-result-grid span{display:grid;gap:4px;padding:11px;border:1px solid #3c474e;border-radius:9px;background:#20272b;color:#8f9ba2;font-size:9px}.tool-metrics b,.tool-result-grid b{color:#fff;font-size:12px;font-weight:520}.tool-calculator{display:grid;gap:18px;padding:22px}.tool-grid-4{grid-template-columns:repeat(4,minmax(130px,1fr));align-items:end}.tool-grid-4 button{min-height:42px}.tool-big-result{display:grid;gap:12px;padding:20px;border:1px solid #3f4a52;border-radius:14px;background:#12181c}.tool-big-result>strong{color:#75dff4;font-size:31px;font-weight:420}.tool-big-result>p{margin:0;color:#929fa6}.tool-quality{padding:12px;border-radius:9px}.tool-quality.good{background:#17372d;color:#8be4be}.tool-quality.warn{background:#403417;color:#ffd479}.tool-quality.bad{background:#421f24;color:#ff9da2}.tool-color-preview{display:grid;place-items:center;min-height:150px;border:1px solid #48535b;border-radius:12px;font-size:24px}.tool-drop{padding:22px!important;border:2px dashed #4d5a62!important;border-radius:13px!important;background:#151b1f}.tool-file-list{display:grid;gap:8px;padding:0 22px 22px}.tool-file-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #3d484f;border-radius:10px;background:#20262a}.tool-file-list article i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#10171b;color:#17c4e4;font-style:normal}.tool-file-list article div{display:grid;gap:3px}.tool-file-list article b{font-weight:520}.tool-file-list article small,.tool-file-list article span{color:#98a4aa;font-size:9px}@media(max-width:850px){.tool-two-columns{grid-template-columns:1fr}.tool-two-columns>*+*{border-top:1px solid #38434b;border-left:0}.tool-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.staff-tools-heading{align-items:flex-start}.staff-tools-private{font-size:8px}.staff-tool-grid{grid-template-columns:1fr}.staff-tool-card{min-height:78px!important}.staff-tool-panel>header{padding:16px}.staff-tool-panel>header h3{font-size:20px}.tool-two-columns>*{padding:15px}.tool-grid-4{grid-template-columns:1fr}.tool-inline{align-items:stretch;flex-direction:column}.tool-inline>*{width:100%}.tool-qr-canvas{min-height:250px}.tool-big-result>strong{font-size:25px}.tool-file-list{padding:0 15px 15px}.tool-file-list article{grid-template-columns:34px 1fr}.tool-file-list article>span{grid-column:2}}