:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192740;background:#f4f7fc;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff;border-bottom:1px solid #e3e9f3}.brand{color:#192740;text-decoration:none;font-size:28px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.mark{background:#235cdd;color:white;border-radius:12px;width:42px;height:42px;text-align:center}.beta{font-size:11px;letter-spacing:1.5px;color:#6b778d;margin-left:14px}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:255px 1fr}aside{padding:36px 22px;min-height:calc(100vh - 88px);border-right:1px solid #e0e7f1}nav{display:grid;gap:5px}nav button{background:transparent;color:#53617a;text-align:left;display:flex;gap:13px;align-items:center;border:0;padding:12px 14px;font-weight:500}nav button.active{background:#e4edff;color:#174aba;font-weight:700}nav button span{width:24px;font-size:20px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:750;color:#6a7891}.aside-note{margin:34px 10px 0;border-top:1px solid #dce4ef;padding-top:24px;font-size:14px}.aside-note p{color:#67758c}.aside-note span{font-size:12px;color:#3c678b}main{padding:40px 44px;min-width:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:10px 0}p{margin:8px 0;color:#627089}.intro p:not(.eyebrow){font-size:15px}.privacy{font-size:13px;color:#287263;background:#e5f5ed;border:1px solid #cce8db;padding:8px 12px;border-radius:30px;white-space:nowrap}.workspace{background:white;border:1px solid #e0e6f1;border-radius:20px;box-shadow:0 6px 24px #23345205;overflow:hidden}.workspace-head{padding:28px 32px 24px;display:flex;justify-content:space-between;border-bottom:1px solid #e8edf5}h2{font-size:25px;letter-spacing:-.5px;margin:5px 0}h3{font-size:17px}.workspace-head p{font-size:14px}.tool-number{font-size:38px;letter-spacing:-2px;color:#d9e4f7;font-weight:800}#surface{padding:28px 32px}button,.button{font:inherit;font-size:14px;font-weight:650;border:1px solid #d7e0ee;background:#fff;color:#334360;border-radius:9px;padding:10px 16px;cursor:pointer;transition:background .15s}button:hover{background:#eef3fb}button.primary{background:#235cdd;color:white;border-color:#235cdd}button.primary:hover{background:#174abf}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #94b6ff;outline-offset:3px}.quiet{background:#f5f8fd}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.tabs{display:flex;gap:5px;background:#eef2f8;border-radius:10px;padding:4px;width:max-content;margin-bottom:24px}.tabs button{border:0;background:transparent}.tabs button.selected{background:white;box-shadow:0 2px 6px #17345712;color:#235cdd}label{font-size:14px;font-weight:600;display:block;color:#40506a}input,select,textarea{font:inherit;color:#233451;border:1px solid #ccd7e7;background:white;border-radius:8px;padding:10px 12px;width:100%;margin:7px 0 16px}input[type=color]{width:48px;height:42px;padding:4px;margin:0}input[type=range]{width:130px;margin:0}input[type=checkbox]{width:auto;margin:0 6px 0 0}textarea{min-height:210px;resize:vertical}canvas{max-width:100%}.signature-pad{position:relative;border:1.5px dashed #b9cae5;border-radius:13px;overflow:hidden;background-color:#fafcff;background-image:radial-gradient(#dce5f2 1px,transparent 1px);background-size:16px 16px;margin:18px 0}.signature-pad canvas{width:100%;height:auto;aspect-ratio:20/7;display:block;touch-action:none}.hint{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none;text-align:center;color:#8495b0}.hint strong{font-size:22px;font-weight:500;color:#70829e}.hint small{margin-top:6px;font-size:14px}.help{font-size:13px;color:#6a7890;margin-top:16px}.actions{margin-top:24px;padding-top:22px;border-top:1px solid #e7edf5}.note{padding:15px 18px;background:#f2f6fd;border-radius:10px;font-size:13px;color:#61718c;margin-top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result{background:#eff5ff;border:1px solid #d8e5fc;border-radius:12px;padding:22px;margin:14px 0;color:#2455ac;overflow-wrap:anywhere;white-space:pre-wrap}.result.big{font-size:32px;font-weight:700}.preview{max-height:290px;max-width:100%;object-fit:contain;border-radius:10px;display:block;margin:auto}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;color:#78869c;font-size:12px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203554;color:white;padding:12px 22px;border-radius:10px;display:none;z-index:10;max-width:90vw}dialog{border:1px solid #d5dfed;border-radius:16px;max-width:440px;padding:28px}dialog::backdrop{background:#10254566}@media(max-width:1050px){main{padding:30px 25px}.privacy{display:none}.layout{grid-template-columns:215px 1fr}aside{padding:30px 12px}}@media(max-width:720px){header{height:72px;padding:0 18px}.beta{display:none}.layout{display:block}aside{min-height:0;padding:14px 16px;border:0}aside>.eyebrow,.aside-note{display:none}nav{display:flex;overflow:auto;gap:7px;padding-bottom:4px}nav button{white-space:nowrap;padding:9px 13px;background:white;border:1px solid #e1e8f3}nav button span{font-size:17px;width:auto}main{padding:10px 16px 28px}.intro{margin:10px 0 22px}h1{font-size:28px}.workspace-head,#surface{padding:22px 18px}.grid{grid-template-columns:1fr;gap:0}.tool-number{font-size:30px}.signature-pad canvas{height:auto;aspect-ratio:20/7}.actions button{flex:1}footer{display:block}footer span{display:block;margin-top:6px}}

.region-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.region-card{padding:20px;border:1px solid #dbe5f4;border-radius:12px;background:#f8faff;min-width:0}.region-card h3{margin:0 0 12px;color:#235cdd}.region-clock{font-size:28px;font-weight:750;color:#192740;font-variant-numeric:tabular-nums}.region-card small{font-size:13px;color:#60728f;overflow-wrap:anywhere}@media(max-width:800px){.region-cards{grid-template-columns:1fr}}

.nav-group button{width:100%}.nav-group>.eyebrow{margin:18px 14px 7px;font-size:11px}.tool-search{font-size:13px}.tool-search input{font-size:14px;min-width:0}@media(max-width:720px){.tool-search input{margin-bottom:8px}nav .nav-group{display:flex;gap:6px}nav .nav-group>.eyebrow{display:none}.nav-group button{width:auto}.tool-search{display:block}}

.conversion-preview{overflow:auto;max-height:360px}.conversion-preview table{border-collapse:collapse;width:100%;font-size:14px}.conversion-preview caption{text-align:left;padding:12px 0;color:#60718c}.conversion-preview td{border:1px solid #dbe4f0;padding:9px 12px;max-width:260px;overflow-wrap:anywhere;min-width:100px}.conversion-preview tr:first-of-type{background:#eef4ff}.conversion-preview tr:nth-child(even){background:#f8faff}
.layout{grid-template-columns:285px minmax(0,1fr)}
aside{position:sticky;top:0;height:100vh;min-height:0;overflow-y:auto;align-self:start}
#nav{display:grid;gap:8px;overflow:visible}
.category-group{border:1px solid #dfe7f3;border-radius:12px;background:#fff;overflow:hidden}
.category-group summary{display:flex;align-items:center;gap:10px;padding:13px 12px;cursor:pointer;font-size:14px;font-weight:700;list-style:none}
.category-group summary::-webkit-details-marker{display:none}
.category-group summary::after{content:'›';font-size:20px;transform:rotate(0deg);transition:transform .15s}
.category-group[open] summary::after{transform:rotate(90deg)}
.category-group[open] summary{color:#235cdd;background:#edf3ff}
.category-icon{width:23px;text-align:center}.category-count{margin-left:auto;font-size:12px;color:#637691;border-radius:20px;background:#eef3f9;padding:1px 7px}
.category-tools{padding:5px}.category-tools button{display:block;width:100%;white-space:normal;border:0;background:transparent;padding:10px 12px;font-size:14px;border-radius:7px}
.category-tools button.active{background:#235cdd;color:#fff}.category-tools button:hover{background:#e9f0fc;color:#174aba}
summary:focus-visible{outline:3px solid #94b6ff;outline-offset:-3px}
#browseTools{display:none}
@media(max-width:720px){.layout{display:block}aside{position:static;height:auto;overflow:visible}#browseTools{display:block;width:100%;text-align:left;background:#fff;margin-bottom:10px}aside #nav,aside .tool-search{display:none}aside.mobile-open #nav{display:grid;grid-template-columns:1fr;max-height:55vh;overflow-y:auto}aside.mobile-open .tool-search{display:block}.category-tools button{width:100%}}
.calc-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.calc-keys button{padding:12px 5px;font-size:16px}.qr-preview{width:280px;max-width:100%;margin:24px auto;image-rendering:pixelated}.team-row{display:grid;grid-template-columns:90px minmax(160px,1fr) 110px 110px;gap:12px;align-items:center;border-top:1px solid #dce5f3;padding:16px 0}.file-order{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e0e7f0}.file-order span{flex:1;overflow-wrap:anywhere}.pdf-preview{position:relative;max-width:100%;margin:20px auto}.pdf-preview canvas{width:100%;height:auto;display:block;border:1px solid #dbe3ef}.pdf-preview img{position:absolute;pointer-events:none;height:auto}.pdf-preview [hidden]{display:none}#meetResult{max-height:460px;overflow:auto}@media(max-width:950px){.team-row{grid-template-columns:1fr 1fr}}@media(max-width:500px){.file-order{flex-wrap:wrap}.file-order span{flex-basis:100%}}
