@import"https://fonts.googleapis.com/css2?family=Boldonse&family=Space+Mono:wght@400;700&family=Urbanist:wght@400;500;600;700;800&display=swap";:root{--ssc-bg: #f4f0e8;--ssc-surface: #fffdf9;--ssc-surface-strong: #ebe3d3;--ssc-ink: #111111;--ssc-muted: #5f584e;--ssc-rule: #c4b7a1;--ssc-accent: #155eef;--ssc-accent-2: #e04f16;--ssc-success: #177245;--ssc-danger: #b42318;--ssc-shadow: 0 18px 45px rgba(17, 17, 17, .08);--ssc-radius: 2px;--ssc-font-body: "Urbanist", sans-serif;--ssc-font-display: "Boldonse", sans-serif;--ssc-font-mono: "Space Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,rgba(224,79,22,.08),transparent 24%),var(--ssc-bg);color:var(--ssc-ink);font-family:var(--ssc-font-body)}button,input,select,textarea{font:inherit}button,a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.page-shell{max-width:1480px;margin:0 auto;padding:28px}.hero{border-top:4px solid var(--ssc-ink);border-bottom:1px solid var(--ssc-ink);padding:22px 0 28px}.hero__strap,.eyebrow,.hero__meta span,.meta-strip span,.panel-label span,.ocr-preview p{color:var(--ssc-muted);font-family:var(--ssc-font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero__grid{display:grid;gap:28px;grid-template-columns:1.3fr .7fr;align-items:end}.hero__wordmark{font-family:var(--ssc-font-display);font-size:clamp(1.4rem,3vw,2rem);margin:0 0 20px}.hero h1{font-size:clamp(2.4rem,5vw,5.8rem);line-height:.96;margin:0;max-width:10ch}.hero__panel{background:var(--ssc-surface);border:1px solid var(--ssc-ink);box-shadow:var(--ssc-shadow);padding:22px}.hero__panel p{font-size:1.05rem;line-height:1.45;margin:0 0 18px}.hero__meta{border-top:1px solid var(--ssc-rule);display:flex;justify-content:space-between;padding-top:14px}.hero__meta strong,.confidence-box strong,.meta-strip strong,.alternative-status{font-family:var(--ssc-font-mono)}.main-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:28px;padding-top:28px}.control-panel,.results-panel{background:var(--ssc-surface);border:1px solid var(--ssc-ink);box-shadow:var(--ssc-shadow)}.control-panel,.results-panel{padding:22px}.results-panel{background:linear-gradient(180deg,rgba(21,94,239,.05),transparent 22%),var(--ssc-surface)}.panel-header{align-items:end;display:flex;justify-content:space-between;gap:16px}.panel-header h2,.panel-header h3,.results-head h2{margin:0;font-size:clamp(1.6rem,2.2vw,2.3rem)}.panel-header p,.results-head p,.evidence-box p,.muted-copy{color:var(--ssc-muted);line-height:1.5}.search-panel,.upload-panel,.evidence-box,.alternatives-box{margin-top:24px}.search-panel label,.form-grid label{display:grid;gap:8px;font-weight:600}.search-input,.split-input{display:grid;align-items:center}.search-input{background:#f8f3eb;border:1px solid var(--ssc-ink);gap:12px;grid-template-columns:20px 1fr;padding:14px 16px}.search-input input,.form-grid input,.form-grid select{background:#fff;border:1px solid #b8ac98;min-height:48px;padding:10px 12px}.search-input input{background:transparent;border:0;min-height:auto;padding:0}.search-results{border-left:1px solid var(--ssc-ink);border-right:1px solid var(--ssc-ink);border-bottom:1px solid var(--ssc-ink)}.search-result{background:#fff;border:0;border-top:1px solid var(--ssc-rule);cursor:pointer;display:grid;gap:4px;padding:14px 16px;text-align:left;width:100%}.search-result:hover,.search-result--selected{background:#ece4d6}.search-result em{color:var(--ssc-muted);font-family:var(--ssc-font-mono);font-style:normal;font-size:.85rem}.u-rule{background:var(--ssc-rule);height:1px;margin:24px 0}.panel-label{align-items:center;display:flex;gap:10px;margin-bottom:12px}.upload-dropzone{background:linear-gradient(90deg,rgba(224,79,22,.08),transparent),#fff;border:1px dashed var(--ssc-ink);cursor:pointer;display:block;padding:26px 18px}.upload-dropzone input{display:none}.ocr-preview{background:#171717;color:#fbf4e8;margin-top:14px;padding:14px}.ocr-preview pre{font-family:var(--ssc-font-mono);font-size:.78rem;line-height:1.5;margin:0;white-space:pre-wrap}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox{align-items:center;grid-auto-flow:column;justify-content:start}.checkbox input{min-height:auto;width:18px}.split-input{gap:10px;grid-template-columns:1fr 1fr}.primary-button{background:var(--ssc-ink);border:1px solid var(--ssc-ink);color:#fff7ec;cursor:pointer;font-weight:700;margin-top:20px;min-height:54px;padding:0 20px}.primary-button:hover{background:var(--ssc-accent);border-color:var(--ssc-accent)}.error-text{color:var(--ssc-danger);font-family:var(--ssc-font-mono)}.results-head{display:grid;gap:20px;grid-template-columns:1fr 220px}.confidence-box,.meta-strip,.rule-card,.evidence-box,.alternative-card{border:1px solid var(--ssc-ink)}.confidence-box{background:#111;color:#faf4e8;display:grid;gap:10px;padding:18px}.confidence-box p{color:#ccc3b5;margin:0}.meta-strip{display:grid;gap:1px;grid-template-columns:repeat(2,1fr);margin:20px 0 24px;background:var(--ssc-ink)}.meta-strip>div{background:#f7f1e7;display:grid;gap:8px;padding:14px 16px}.rules-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.rule-card{background:#fff;padding:16px}.rule-card--pass{background:#1772450d}.rule-card--fail{background:#b423180d}.rule-card--unknown{background:#155eef0d}.rule-card__head{display:grid;gap:12px;grid-template-columns:24px 1fr}.rule-card__head h4{margin:0 0 6px}.rule-card__head p,.rule-card__detail{margin:0}.rule-card__detail{border-top:1px solid var(--ssc-rule);color:var(--ssc-muted);font-size:.95rem;line-height:1.5;margin-top:14px;padding-top:14px}.rule-icon{margin-top:2px}.rule-icon--pass{color:var(--ssc-success)}.rule-icon--fail{color:var(--ssc-danger)}.rule-icon--unknown{color:var(--ssc-accent)}.evidence-box,.alternatives-box{background:#fff;margin-top:18px;padding:18px}.evidence-box ul{margin:8px 0 0;padding-left:18px}.alternative-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.alternative-card{display:grid;gap:10px;padding:16px}.alternative-card h4,.alternative-card p{margin:0}.alternative-card a{color:var(--ssc-accent);font-weight:700;text-decoration:none}.alternative-card a:hover{color:var(--ssc-accent-2)}@media(max-width:1080px){.main-grid,.hero__grid,.results-head,.rules-grid,.alternative-grid{grid-template-columns:1fr}.panel-header{display:grid}}@media(max-width:720px){.page-shell{padding:16px}.form-grid,.meta-strip{grid-template-columns:1fr}.hero h1{max-width:none}}