/* Xshna Product Tools — self hosted, no remote fonts or assets */
:root{color-scheme:light;--xsh-ink:#102943;--xsh-muted:#62758a;--xsh-line:#dce5ec;--xsh-navy:#123c68;--xsh-blue:#2b6d9d;--xsh-wash:#f4f7fa;--xsh-paper:#fff;--xsh-green:#14734e;--xsh-soft:#eaf1f8}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--xsh-wash);color:var(--xsh-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #4c98cc;outline-offset:3px}
.xsh-tools-header{height:76px;padding:0 clamp(20px,3.6vw,64px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--xsh-line);position:sticky;top:0;z-index:90;backdrop-filter:blur(20px)}.xsh-tools-brand{font-size:21px;font-weight:830;letter-spacing:-1.15px;display:flex;align-items:center;gap:12px}.xsh-tools-mark{width:35px;height:35px;border-radius:10px;background:#133e67;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.xsh-tools-topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.xsh-tools-topnav a{padding:9px 14px;border-radius:8px;color:#53677b;font-size:13px;font-weight:600}.xsh-tools-topnav a:hover,.xsh-tools-topnav a[aria-current=page]{color:#103a64;background:#eaf1f8}.xsh-tools-version{border:1px solid var(--xsh-line);padding:4px 9px;color:#6c7f90;border-radius:6px;font-size:10px;font-weight:700}.xsh-tools-wrap{max-width:1520px;margin:0 auto;padding:clamp(24px,3vw,52px) clamp(18px,3.4vw,54px) 80px}
.xsh-tools-eyebrow{color:var(--xsh-blue);text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:800}.xsh-tools-hero{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:36px}.xsh-tools-hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.05;letter-spacing:-.055em;margin:13px 0 15px;font-weight:800}.xsh-tools-hero p{color:var(--xsh-muted);font-size:15px;max-width:68ch;margin:0;line-height:1.75}.xsh-tools-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #cbd8e4;color:#183957;border-radius:10px;padding:10px 15px;min-height:43px;font-size:12px;font-weight:750;box-shadow:0 2px 5px #12345b08;transition:background .15s,border-color .15s}.xsh-tools-btn:hover{background:#f4f8fb;border-color:#9fb9d2}.xsh-tools-btn-primary{background:var(--xsh-navy);border-color:var(--xsh-navy);color:#fff}.xsh-tools-btn-primary:hover{background:#0c2948;color:#fff}.xsh-tools-btn:disabled{opacity:.45;cursor:not-allowed}.xsh-tools-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.xsh-tools-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px;align-items:start}.xsh-tools-panel{border:1px solid var(--xsh-line);border-radius:15px;background:#fff;box-shadow:0 12px 34px #12345b05;min-width:0;overflow:hidden}.xsh-tools-panel-head{border-bottom:1px solid var(--xsh-line);padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:10px}.xsh-tools-panel-head h2{margin:0;font-size:15px;letter-spacing:-.02em}.xsh-tools-panel-body{padding:23px}.xsh-tools-controls{display:grid;gap:20px}.xsh-tools-field{display:grid;gap:8px}.xsh-tools-field label{font-size:11px;font-weight:760;letter-spacing:.025em;color:#29445e}.xsh-tools-input,.xsh-tools-select,.xsh-tools-textarea{width:100%;padding:12px 13px;min-height:44px;border:1px solid #cbd9e6;border-radius:9px;background:#fff;color:#18334b;outline:none}.xsh-tools-textarea{height:220px;resize:vertical;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.xsh-tools-input[type=color]{padding:5px;height:46px}.xsh-tools-hint{font-size:11px;color:#748599}.xsh-tools-divide{height:1px;background:#e7edf3;margin:2px 0}.xsh-tools-statbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.xsh-tools-stat{border:1px solid #dce6ef;border-radius:11px;background:white;padding:12px 17px;min-width:130px}.xsh-tools-stat b{display:block;color:#133a62;font-size:20px;letter-spacing:-.04em}.xsh-tools-stat span{font-size:10px;color:#7b8b9a;text-transform:uppercase;font-weight:800;letter-spacing:.7px}.xsh-tools-preview-viewport{border-radius:12px;overflow:hidden;border:1px solid #dce5ec;background:#fff}.xsh-tools-browser{display:flex;align-items:center;gap:7px;padding:12px 17px;background:#f8fafc;border-bottom:1px solid #e1e8ef}.xsh-tools-browser i{display:block;width:8px;height:8px;border-radius:50%;background:#a9b7c3}.xsh-tools-browser span{margin-left:auto;font-size:10px;color:#789}.xsh-tools-stage{min-height:420px}.xsh-tools-stage .xsh-app{min-height:420px}.xsh-tools-code{margin:0;padding:20px;background:#11273b;color:#eaf4fe;font:12px/1.85 ui-monospace,Consolas,monospace;white-space:pre;overflow:auto;max-height:400px}.xsh-tools-notice{border:1px solid #cbdcea;background:#f3f8fc;color:#365b79;padding:14px 18px;border-radius:10px;line-height:1.7;font-size:12px;margin-top:17px}.xsh-tools-result{margin-top:20px}.xsh-tools-footer{margin-top:54px;border-top:1px solid #dde7ee;padding:22px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:#7b8a99}.xsh-tools-file{border:1px dashed #a6bfd5;background:#f7fbff;border-radius:11px;padding:17px;display:grid;gap:10px}.xsh-tools-file input{max-width:100%;font-size:12px}.xsh-tools-checkbox{display:flex;gap:10px;align-items:flex-start;color:#385470;font-size:12px}.xsh-tools-checkbox input{margin-top:4px}.xsh-tools-results{display:grid;gap:9px}.xsh-tools-issue{padding:15px 17px;border:1px solid #e0e8ef;border-radius:10px;background:#fff}.xsh-tools-issue[data-xsh-level=error]{border-left:4px solid #c4474c}.xsh-tools-issue[data-xsh-level=warning]{border-left:4px solid #dc9844}.xsh-tools-issue[data-xsh-level=info]{border-left:4px solid #368ab2}.xsh-tools-issue strong{font-size:12px}.xsh-tools-issue p{font-size:11px;margin:6px 0 0;color:#617588}.xsh-tools-tabs{display:flex;gap:5px;border:1px solid var(--xsh-line);background:#f4f8fc;border-radius:10px;padding:4px;width:max-content;max-width:100%}.xsh-tools-tabs button{border:0;background:transparent;color:#657b8e;padding:9px 15px;border-radius:7px;font-size:12px;font-weight:720}.xsh-tools-tabs button[aria-pressed=true]{background:#fff;color:#163d68;box-shadow:0 2px 10px #14283f14}.xsh-tools-pill{display:inline-flex;gap:7px;border:1px solid #cde1d9;background:#eef8f4;color:#1d6f4e;border-radius:99px;font-size:10px;font-weight:750;padding:5px 10px}.xsh-tools-a11y{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.xsh-tools-layout-wide{display:grid;grid-template-columns:1fr 1fr;gap:20px}.xsh-tools-mono{font:12px/1.6 ui-monospace,Consolas,monospace}.xsh-tools-stack{display:grid;gap:20px}.xsh-tools-link{color:#1c5c90;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.xsh-tools-grid{grid-template-columns:1fr}.xsh-tools-topnav{gap:0}.xsh-tools-topnav a{padding:7px 9px}.xsh-tools-layout-wide{grid-template-columns:1fr}}@media(max-width:650px){.xsh-tools-header{height:auto;min-height:68px;padding:12px 16px;align-items:flex-start;flex-wrap:wrap}.xsh-tools-topnav{width:100%;justify-content:space-between}.xsh-tools-topnav a{font-size:11px;padding:6px 7px}.xsh-tools-version{display:none}.xsh-tools-hero{display:grid}.xsh-tools-hero h1{font-size:39px}.xsh-tools-panel-body{padding:17px}.xsh-tools-panel-head{padding:16px}.xsh-tools-stat{flex:1;min-width:90px}.xsh-tools-actions{width:100%}.xsh-tools-actions .xsh-tools-btn{flex:1}}

/* Enterprise beta tool additions */
.xsh-forge-fieldset{display:grid;gap:12px;border:1px solid #dce5ec;padding:15px;border-radius:10px}.xsh-forge-fieldset label{display:flex;align-items:center;gap:10px;font-size:12px}.xsh-forge-preview-wrap{padding:15px 0;overflow:auto;display:flex;justify-content:center;background:#edf3f9;border-radius:11px;min-height:420px}.xsh-forge-preview-wrap iframe{width:100%;height:540px;border:1px solid #d6e1eb;background:white;border-radius:6px;transition:width .2s;max-width:100%;}.xsh-motion-stage{min-height:330px;border:1px solid #dce5ed;border-radius:12px;background:radial-gradient(circle at 50% 45%,#fff,#edf3fa);display:grid;place-items:center;overflow:hidden}.xsh-motion-object{width:min(280px,80%);display:grid;place-items:center;gap:10px;padding:34px 20px;border:1px solid #c6d7e8;border-radius:18px;background:white;box-shadow:0 15px 55px #143e6520;color:#173b5d}.xsh-motion-object-icon{font-size:38px;color:#2f78ab}.xsh-motion-object small{color:#6c8298}.xsh-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.xsh-icon-tile{border:1px solid #e0e8f0;border-radius:12px;padding:18px 8px;min-width:0;background:white;display:grid;justify-items:center;gap:12px;color:#204569}.xsh-icon-tile:hover{background:#eff5fb;border-color:#86aacc}.xsh-icon-tile code{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6c8298}.xsh-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px;overflow:hidden}.xsh-proof-grid>div{border:1px solid #d6e4ef;border-radius:10px;padding:12px;overflow:hidden;background:#f5f8fb}.xsh-proof-grid h3{font-size:12px;margin:0 0 12px}.xsh-proof-grid iframe{width:100%;height:420px;border:0;background:white}.xsh-atlas-preview{padding:28px;border:1px solid #dce6ef;border-radius:12px;margin-bottom:18px;background:#f2f6fa}.xsh-atlas-preview>div{padding:30px;border:1px solid #e6edf4;border-radius:12px;background:white;max-width:360px;box-shadow:0 12px 28px #1a3b6010}.xsh-atlas-preview p{color:#607c96}.xsh-atlas-preview span{display:inline-block;background:#153A65;padding:10px 15px;color:white;border-radius:8px}.xsh-tools-topnav{max-width:75vw;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.xsh-tools-field label{display:flex;justify-content:space-between;gap:8px}
@media(max-width:850px){.xsh-proof-grid{grid-template-columns:1fr}.xsh-tools-topnav{max-width:100%;order:2}.xsh-tools-header{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 18px}.xsh-tools-topnav a{padding:7px 10px}}


/* Xshna — Accessibility Skip Link Fix */

.xsh-skip-link {
    position: fixed;
    top: -100px;
    left: 16px;
    z-index: 99999;
    padding: 12px 20px;
    background: #153A65;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

.xsh-skip-link:focus {
    top: 16px;
    outline: 3px solid #88B8F0;
    outline-offset: 3px;
}