.tool-main{max-width:1500px;margin:auto;padding:115px 24px 70px;color:#e9f1ff}.tool-main h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.tool-main p{line-height:1.6}.tool-intro{max-width:900px;color:#bdcce1}.tool-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(280px,360px) minmax(280px,1fr);gap:20px;align-items:start;margin-top:26px}.tool-panel{border:1px solid #33425b;background:#101e34;border-radius:22px;padding:22px;min-width:0}.tool-panel h2{font-size:20px;margin:0 0 18px}.tool-panel h3{font-size:16px;margin:24px 0 12px}.tool-panel label{display:block;font-size:14px;margin:14px 0 7px}.tool-panel input:not([type=checkbox]):not([type=color]),.tool-panel textarea,.tool-panel select{display:block;width:100%;background:#081327;border:1px solid #506079;border-radius:10px;color:#edf4ff;padding:10px;font:inherit}.tool-panel textarea{min-height:130px;resize:vertical}.tool-panel input[type=color]{width:100%;height:36px;border:0;border-radius:6px;background:transparent}.tool-panel small{display:block;color:#b8c6dc;line-height:1.5;margin-top:8px}.tool-panel button,.tool-tabs button{border:1px solid #536b8c;border-radius:10px;background:#1c365e;color:white;padding:10px 14px;cursor:pointer;margin:7px 6px 7px 0;font:inherit}.tool-panel button:disabled{opacity:.4;cursor:not-allowed}.tool-tabs{display:flex;flex-wrap:wrap}.tool-tabs button[aria-pressed=true]{background:#3569dc}.tool-panel [hidden],.tool-main [hidden]{display:none!important}.tool-error{color:#ffbdc4;white-space:pre-line}.tool-ok{color:#8ce5b1}.tool-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#071224;border:1px solid #35445e;padding:15px;border-radius:10px;font-size:12px;max-height:500px;overflow:auto}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-phone{background:var(--bg);color:var(--text);border:6px solid #9ba4b3;border-radius:42px;padding:22px 13px 20px;min-height:650px;max-width:350px;margin:auto;box-shadow:0 12px 50px #0005;position:relative;overflow:hidden}.tool-phone a{color:var(--accent);text-decoration:underline}.phone-head{display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:750;position:relative;gap:8px}.phone-head img{width:28px;height:28px;object-fit:contain}.phone-brand{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}.phone-power{width:150px;height:150px;border-radius:50%;margin:30px auto 14px;background:var(--card);border:2px solid var(--accent);display:grid;place-items:center;font-size:70px;color:var(--accent);position:relative}.phone-state{text-align:center;font-size:14px;position:relative}.phone-card{background:var(--card);border-radius:20px;margin-top:23px;padding:15px;position:relative;font-size:14px}.phone-card h3{margin:0 0 10px;font-size:17px}.phone-card p{margin:8px 0}.phone-card a{display:block;margin:10px 0}.phone-server{padding:15px 8px;border-radius:12px;display:flex;justify-content:space-between;gap:5px}.phone-server.selected{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent)}.phone-nav{display:flex;justify-content:space-around;font-size:13px;background:var(--card);border-radius:30px;margin:22px auto 0;padding:15px;position:relative}.phone-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.phone-message img{width:100%;border-radius:12px;margin:10px 0}.phone-remark{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 15%,transparent)}.phone-butterfly{position:absolute;width:300px;height:320px;left:20px;top:30px;opacity:.12;color:var(--accent);pointer-events:none}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.check-grid textarea{min-height:300px;font-family:ui-monospace,monospace;font-size:13px}.check-grid details textarea{min-height:120px}.check-result{border-left:4px solid #7199e5;padding-left:15px}.check-issue{margin-top:14px;border-top:1px solid #43546c;padding-top:14px;overflow-wrap:anywhere}.check-issue code{color:#9edaff}.tool-source{font-size:12px;color:#b5c5dc}.tool-main a{text-decoration:underline}.tool-main :focus-visible{outline:3px solid #7ddbff;outline-offset:3px}@media(max-width:1150px){.tool-grid{grid-template-columns:1fr 1fr}.tool-grid>.tool-panel:last-child{grid-column:1/-1}}@media(max-width:720px){.tool-grid,.check-grid{grid-template-columns:1fr}.tool-main{padding:145px 14px 45px}.tool-panel{padding:18px}.tool-phone{width:100%}}

.remna-example{margin:18px 0;background:#171f27;border:1px solid #39434b;border-radius:14px;padding:15px}.remna-header-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;border-top:1px solid #364049;padding:15px 0;margin-top:12px}.remna-header-cell{min-width:0}.remna-header-cell label{font-size:12px;color:#c5d2df}.remna-header-cell input,.remna-header-cell textarea{font-family:ui-monospace,monospace!important;font-size:12px!important;background:#202830!important}.remna-header-cell textarea{min-height:88px!important}.remna-header-cell button{font-size:12px;padding:7px 10px;margin-bottom:0}@media(max-width:430px){.remna-header-row{grid-template-columns:1fr}}

.reverse-import{margin-top:25px}.reverse-import textarea{min-height:120px;max-height:360px;font-family:ui-monospace,monospace;font-size:13px}

.phone-theme-background{position:absolute;left:0;top:0;width:100%;height:360px;object-fit:cover;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}