body{font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent-foreground);outline-offset:4px}p,h1,h2,h3{margin:0}.site-header,.site-footer{padding:1.5rem max(5vw,1.2rem);border-bottom:1px solid var(--border)}.site-footer{border-top:1px solid var(--border);border-bottom:0;font-size:11px;letter-spacing:.06em;margin-top:3rem}.brand{font-size:15px;letter-spacing:.15em;font-weight:500}.brand strong{font-weight:800}.brand small{display:block;font-size:8px;color:var(--muted-foreground);letter-spacing:.2em;margin-top:1px}.brand-mark{display:grid;place-items:center;background:var(--foreground);color:var(--background);font-size:21px;font-weight:800;width:36px;height:40px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);letter-spacing:0;padding-bottom:5px}.privacy-badge{display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--border);padding:7px 11px;border-radius:20px;white-space:nowrap}.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:100%;background:var(--success-foreground)}.page-shell{max-width:1400px;margin:0 auto;padding:0 max(5vw,1.2rem)}.hero{padding:4rem 0 3rem;align-items:center}.eyebrow,.section-number,.small-label{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted-foreground)}h1{font-weight:650;letter-spacing:-.05em;font-size:clamp(38px,5vw,67px);line-height:1.05;margin:1.2rem 0}h1 span{color:var(--muted-foreground)}.hero-description{font-size:15px;color:var(--muted-foreground);max-width:440px;line-height:1.75}.boundary-card{justify-self:end;max-width:400px;border-left:1px solid var(--border);padding:1.4rem 0 1.4rem 2rem}.boundary-card h2{font-size:20px;letter-spacing:-.02em;font-weight:600;line-height:1.35;margin:1rem 0}.boundary-card p{font-size:13px;color:var(--muted-foreground);line-height:1.8}.boundary-card a{display:inline-block;font-size:12px;margin-top:1.2rem;color:var(--accent-foreground)}.workspace{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.workspace-heading{padding:1.5rem 1.6rem 1.25rem}.workspace-heading h2{font-size:22px;letter-spacing:-.03em;font-weight:600;margin-top:.3rem}.sample-row{padding:0 1.6rem 1.3rem}.small-label{margin-right:4px;font-size:9px}.chip{color:var(--muted-foreground);border:1px solid var(--border);background:transparent;padding:5px 9px;border-radius:5px;font-size:11px}.chip:hover,.chip.active{color:var(--foreground);background:var(--muted);border-color:#50585b}.controls{padding:1.2rem 1.6rem 0;border-top:1px solid var(--border)}.field-label{font-size:11px;font-weight:600;letter-spacing:.02em}.field-label select{display:block;width:100%;margin-top:7px;padding:11px 35px 11px 12px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:6px;font-size:13px}.field-label select:disabled{opacity:.7}.option-row{padding:.9rem 1.6rem 0}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground)}input[type=checkbox]{accent-color:var(--accent-foreground);width:14px;height:14px}.small{font-size:11px}code{font-family:var(--font-mono);font-size:.95em}.mode-help{margin:.9rem 1.6rem 1.4rem;font-size:12px;color:var(--muted-foreground);line-height:1.7;min-height:2.8em}.editors{border-block:1px solid var(--border)}.editor-pane{min-width:0;background:#121517}.output-pane{border-left:1px solid var(--border);background:#111415}.editor-heading{padding:12px 16px;border-bottom:1px solid var(--border);height:45px}.editor-heading label{font-size:10px;letter-spacing:.14em;font-weight:700;display:flex;align-items:center;gap:8px}.pane-dot{width:6px;height:6px;border-radius:2px;background:var(--muted-foreground)}.output-dot{background:var(--accent-foreground)}.editor-meta{font-size:10px;color:var(--muted-foreground);white-space:nowrap}.editor-pane textarea{display:block;resize:vertical;width:100%;min-height:375px;padding:20px 18px;tab-size:2;border:0;color:#c9d0d3;background:transparent;font-family:var(--font-mono);font-size:12px;line-height:1.8;white-space:pre;overflow:auto;outline-offset:-3px}.editor-pane textarea::placeholder{color:#687276;white-space:normal}.output-pane textarea{color:#b9d7c7}.editor-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:38px;border-top:1px solid var(--border);padding:8px 14px;font-size:9px;color:var(--muted-foreground)}.text-button{font-size:10px;color:var(--foreground);border:0;background:transparent;padding:0 2px}.action-row{padding:1.3rem 1.6rem}.button{border:1px solid var(--border);padding:10px 15px;border-radius:7px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .15s}.primary{display:inline-flex;align-items:center;gap:20px;background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.primary:hover{background:#d0f5e2}.ghost{color:var(--muted-foreground);background:transparent}.ghost:hover{color:var(--foreground);background:var(--muted)}#status{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:11px}.diagnostics{border-top:1px solid var(--border);padding:1.1rem 1.6rem;background:#141719}.diagnostics h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.diagnostics p,.diagnostics li{font-size:11px;color:var(--muted-foreground);line-height:1.8}.diagnostics ul{padding-left:17px;margin:0}.diagnostics li.error{color:var(--destructive-foreground)}.run-stats{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:10px;font-family:var(--font-mono);font-size:10px;color:var(--accent-foreground)}.guide-grid{margin-top:1.6rem}.guide-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;background:var(--card);min-width:0}.guide-card summary{list-style:none;cursor:pointer}.guide-card summary::-webkit-details-marker{display:none}.guide-card summary>span{display:block}.guide-card summary>span+span,.guide-card h2{margin-top:.7rem;font-size:18px;letter-spacing:-.02em;font-weight:600}.guide-content p{margin-top:1rem;color:var(--muted-foreground);font-size:12px;line-height:1.8}.guide-content code{color:var(--foreground);overflow-wrap:anywhere}.guide-content strong{color:var(--foreground);font-weight:500}.limits-card ul{margin:1rem 0 1rem 15px;padding:0;font-size:12px;color:var(--muted-foreground)}.limits-card li{padding-left:4px;margin-top:7px}.skip-link{position:absolute;top:-100px;left:10px;padding:10px;background:var(--card);z-index:10}.skip-link:focus{top:10px}.noscript{padding:2rem;background:var(--destructive);color:var(--destructive-foreground)}.verification-grid{margin-top:1.6rem}.verification-card{border:1px solid var(--border);border-radius:10px;padding:1.25rem;background:var(--background)}.verification-card .section-number{font-size:9px}.verification-card h3{font-size:14px;font-weight:600;margin:.7rem 0 .5rem;letter-spacing:-.01em}.verification-card p{font-size:11px;line-height:1.8;color:var(--muted-foreground)}@media(max-width:767px){.hero{padding:2.5rem 0 2rem}.boundary-card{justify-self:stretch;max-width:none;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius)}.boundary-card h2 br{display:none}.output-pane{border-left:0;border-top:1px solid var(--border)}.editor-pane textarea{min-height:290px}.workspace-heading,.controls,.option-row,.sample-row,.action-row,.diagnostics{padding-left:1.1rem;padding-right:1.1rem}.mode-help{margin-left:1.1rem;margin-right:1.1rem}.guide-card{padding:1.3rem}.privacy-badge{font-size:10px;padding:6px 8px}.site-header{padding-block:1rem}.brand{font-size:12px}.brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.file-drop{padding:10px 16px;border-bottom:1px dashed var(--border);font-size:10px;color:var(--muted-foreground)}.drag-active{outline:2px solid var(--accent-foreground);outline-offset:-2px}.drag-active .file-drop{background:var(--accent);color:var(--accent-foreground)}

.privacy-notice{margin:0 1.6rem 1.25rem;padding:12px 14px;border:1px solid var(--border);border-radius:7px;font-size:12px;color:var(--muted-foreground);background:var(--background)}.privacy-notice strong{color:var(--foreground)}