*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#0f172a,#020617 55%);background-attachment:fixed;color:#e5e7eb}.app{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}.app-layout{width:100%;max-width:1200px;display:grid;grid-template-columns:230px minmax(0,1fr);grid-gap:18px;gap:18px}@media (max-width:960px){.app-layout{grid-template-columns:minmax(0,1fr)}}.app-shell{background:rgba(15,23,42,.85);border-radius:24px;border:1px solid rgba(148,163,184,.2);box-shadow:0 24px 60px rgba(15,23,42,.8);padding:24px 28px 20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:20px}.app-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.28);padding-bottom:16px}.app-title{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0}.app-subtitle{margin:6px 0 0;font-size:14px;color:#9ca3af}.app-tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:6px 10px;border-radius:999px;border:1px solid rgba(94,234,212,.3);background:radial-gradient(circle at top left,#22c55e22,#06b6d422);color:#a5f3fc;align-self:center}.sidebar{background:rgba(15,23,42,.9);border-radius:24px;padding:18px 14px;border:1px solid rgba(55,65,81,.9);display:flex;flex-direction:column;gap:10px;height:-moz-fit-content;height:fit-content}.sidebar-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#e5e7eb}.sidebar-list{gap:4px}.sidebar-item,.sidebar-list{display:flex;flex-direction:column}.sidebar-item{width:100%;text-align:left;background:transparent;border-radius:12px;border:none;padding:8px 10px;cursor:pointer;gap:2px;transition:background .12s ease-out,transform .08s ease-out,border-color .12s ease-out}.sidebar-item:hover{background:rgba(15,23,42,.9);transform:translateY(-1px)}.sidebar-item--active{background:radial-gradient(circle at top left,#22c55e22,#06b6d422);border:1px solid rgba(45,212,191,.6)}.sidebar-item-label{font-size:14px;font-weight:600;color:#e5e7eb}.sidebar-item-desc{font-size:12px;color:#a5b4fc}.sidebar-item--active .sidebar-item-label{color:#ecfeff}.main-content{display:flex;flex-direction:column;gap:14px}.app-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.app-grid{grid-template-columns:minmax(0,1fr)}}.panel{background:rgba(15,23,42,.9);border-radius:18px;padding:18px 18px 16px;border:1px solid rgba(55,65,81,.9);gap:14px}.panel,.panel-header{display:flex;flex-direction:column}.panel-header{gap:4px}.panel-title{font-size:16px;font-weight:600;margin:0}.panel-subtitle{margin:0;font-size:13px;color:#9ca3af}.field-row{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:#d1d5db}.select{height:34px;border-radius:10px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;padding:4px 10px;font-size:13px}.select:focus{outline:2px solid #22c55e;outline-offset:1px}.textarea{min-height:230px;resize:vertical;border-radius:12px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;padding:10px 12px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4}.textarea:focus{outline:2px solid #22c55e;outline-offset:1px}.button{border-radius:999px;padding:8px 18px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:transform .08s ease-out,box-shadow .1s ease-out,background .1s ease-out}.button.primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#0b1120;box-shadow:0 10px 22px rgba(34,197,94,.4)}.button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(56,189,248,.45)}.button:disabled{opacity:.65;cursor:default;box-shadow:none;transform:none}.panel-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:6px}.error-text{font-size:12px;color:#fecaca}.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.meta-text{font-size:11px;color:#9ca3af}.status-pill{font-size:11px;padding:4px 10px;border-radius:999px;font-weight:600}.status-pill--pass{background:rgba(22,163,74,.16);color:#bbf7d0;border:1px solid rgba(22,163,74,.5)}.status-pill--fail{background:rgba(220,38,38,.12);color:#fecaca;border:1px solid rgba(220,38,38,.55)}.result-body{margin-top:6px;display:flex;flex-direction:column;gap:10px}.result-summary{font-size:13px}.issues-list{gap:8px}.issue-card,.issues-list{display:flex;flex-direction:column}.issue-card{border-radius:12px;border:1px solid #374151;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.75));padding:8px 10px;font-size:12px;gap:3px}.issue-header{display:flex;justify-content:space-between;align-items:center}.issue-rule{font-weight:600}.issue-severity{font-size:11px;padding:2px 8px;border-radius:999px}.issue-severity--error{background:rgba(239,68,68,.18);color:#fecaca}.issue-severity--warning{background:rgba(245,158,11,.18);color:#fed7aa}.issue-line{color:#9ca3af}.issue-message{color:#e5e7eb}.issue-suggestion{color:#d1d5db}.issue-suggestion-label{font-weight:600}.success-text{font-size:13px;color:#bbf7d0}.standards-doc h3{margin:0 0 6px;font-size:15px}.standards-doc p{margin:4px 0 8px;font-size:13px}.standards-doc ul{margin:0 0 8px 16px;padding:0;font-size:13px}.standards-doc li{margin-bottom:4px}.doc-tip{font-size:12px;color:#a5b4fc}.code-block{margin:6px 0 0;padding:8px 10px;border-radius:10px;background:#020617;border:1px solid #374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;overflow-x:auto}.app-footer{border-top:1px dashed rgba(55,65,81,.7);padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}@media (max-width:600px){.app-shell{padding:20px 16px 16px}.app-footer,.app-header{flex-direction:column}.app-footer{align-items:flex-start}}.standards-doc pre{background-color:#1e1e1e;color:#eaeaea;border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0}.standards-doc code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;background-color:transparent;color:#eaeaea}.standards-doc li code,.standards-doc p code{background-color:hsla(0,0%,100%,.08);padding:.2em .4em;border-radius:4px;font-size:.9em;color:#ffd479}.standards-doc h1,.standards-doc h2,.standards-doc h3{color:#fff}.standards-doc{color:#ddd;line-height:1.6}.standards-doc strong{color:#fff}