.ready-to-code-root{position:relative;z-index:2}
.rtc-shell{display:flex;flex-direction:column;align-items:center;gap:20px;padding:22px 20px 8px;color:var(--text)}
.rtc-shell .tool-menu-row{width:100%;max-width:1080px}
.rtc-panel{width:100%;max-width:1080px;border:1px solid var(--border-strong);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-panel);overflow:hidden}
.rtc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 24px;background:linear-gradient(135deg,var(--surface-raised),var(--surface))}
.rtc-heading{display:flex;flex-direction:column;gap:9px}.rtc-kicker{color:var(--accent);font:500 10.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:.20em}.rtc-title{margin:0;color:var(--text);font:600 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.rtc-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-raised);color:var(--text-secondary);cursor:pointer}.rtc-close:hover{border-color:var(--border-accent);background:var(--accent-soft);color:var(--text)}
.rtc-form{display:grid;gap:20px;padding:28px 30px 32px;border-top:1px solid var(--border)}.rtc-field{display:grid;gap:8px;min-width:0}.rtc-field label{color:var(--text-secondary);font-size:14px;font-weight:500}.rtc-textarea,.rtc-select{width:100%;min-width:0;padding:13px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-raised);color:var(--text);font:400 16px/1.55 'IBM Plex Sans',sans-serif;transition:border-color .18s ease,box-shadow .18s ease}.rtc-textarea{display:block;min-height:200px;resize:vertical;overflow-wrap:anywhere}.rtc-textarea::placeholder{color:var(--text-muted)}.rtc-textarea:hover,.rtc-select:hover{border-color:var(--border-accent)}.rtc-textarea:focus,.rtc-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.rtc-textarea[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 10%,transparent)}.rtc-select{min-height:48px;max-width:280px;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23718078' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}.rtc-select option{background:var(--surface);color:var(--text)}
.rtc-help{margin:0;color:var(--text-muted);font-size:12.5px;line-height:1.5}.rtc-error{min-height:0;color:var(--error);font-size:13px;line-height:1.45}.rtc-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rtc-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--bg);font:600 14px/1.3 'Space Grotesk',sans-serif;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.rtc-submit:hover{opacity:.88;transform:translateY(-1px)}.rtc-submit:disabled{opacity:.65;cursor:progress;transform:none}
.rtc-results{display:grid;gap:16px;padding:0 30px 32px;border-top:1px solid var(--border);background:var(--bg-soft)}.rtc-results[hidden]{display:none}.rtc-verdict{margin-top:28px;padding:25px;border:1px solid var(--border-accent);border-radius:18px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-raised))}.rtc-verdict[data-status=needsClarification]{border-color:color-mix(in srgb,var(--warning) 45%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 8%,transparent),var(--surface-raised))}.rtc-verdict[data-status=notReady]{border-color:color-mix(in srgb,var(--error) 45%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--error) 8%,transparent),var(--surface-raised))}.rtc-verdict-kicker{color:var(--text-muted);font:500 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.16em}.rtc-verdict h2{margin:9px 0 8px;color:var(--accent);font:600 clamp(27px,5vw,40px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}.rtc-verdict[data-status=needsClarification] h2{color:var(--warning)}.rtc-verdict[data-status=notReady] h2{color:var(--error)}.rtc-verdict p{max-width:760px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.rtc-score{display:block;margin-top:15px;color:var(--text-muted);font:500 12px/1.4 'IBM Plex Mono',monospace}.rtc-score strong{color:var(--text);font-size:15px}
.rtc-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rtc-card{min-width:0;padding:19px;border:1px solid var(--border);border-radius:15px;background:var(--surface-raised)}.rtc-card--wide{grid-column:1/-1}.rtc-card h3{margin:0 0 12px;color:var(--text-muted);font:500 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase}.rtc-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.rtc-card p+p{margin-top:10px}.rtc-card ul,.rtc-card ol{display:grid;gap:9px;margin:0;padding-left:21px;color:var(--text-secondary);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.rtc-card li{padding-left:2px}.rtc-card--critical{border-color:color-mix(in srgb,var(--error) 34%,transparent)}.rtc-card--critical li::marker{color:var(--error)}.rtc-card--questions li::marker{color:var(--accent)}.rtc-card--draft{border-color:var(--border-accent)}.rtc-card--draft>p{margin-bottom:12px;color:var(--text-muted)}
.rtc-output{margin:0;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-secondary);font:400 12.5px/1.6 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto}.rtc-copy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.rtc-copy{min-height:44px;padding:10px 14px;border:1px solid var(--border-accent);border-radius:10px;background:var(--accent-soft);color:var(--accent);font:600 13px/1.3 'Space Grotesk',sans-serif;cursor:pointer}.rtc-copy:hover{background:var(--accent);color:var(--bg)}.rtc-feedback{color:var(--text-muted);font-size:12px}.rtc-estimate{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:var(--border-accent);background:linear-gradient(145deg,var(--accent-soft),var(--surface-raised))}.rtc-estimate h3{margin:0;color:var(--text);font:600 17px/1.3 'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0}.rtc-estimate a{color:var(--accent);font:600 14px/1.3 'Space Grotesk',sans-serif}
@media(max-width:760px){.rtc-shell{padding:16px 14px 8px}.rtc-panel{border-radius:19px}.rtc-header{padding:22px 20px}.rtc-title{font-size:24px}.rtc-form,.rtc-results{padding-left:20px;padding-right:20px}.rtc-result-grid{grid-template-columns:1fr}.rtc-card--wide{grid-column:auto}.rtc-submit{width:100%}.rtc-actions{display:block}.rtc-actions .rtc-help{margin-top:10px}.rtc-select{max-width:none}.rtc-verdict{padding:20px}.rtc-output{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rtc-submit,.rtc-textarea,.rtc-select{transition:none}}
.rtc-card h3{font-size:12px;letter-spacing:.1em}.rtc-card p,.rtc-card ul,.rtc-card ol{font-size:14px}
@media(max-width:620px){.page-ready-to-code .static-breadcrumb{margin-top:20px}.page-ready-to-code .static-tool-intro{padding:20px 0 14px}.page-ready-to-code .static-hero-eyebrow{margin-bottom:12px}.page-ready-to-code .static-tool-intro h1{font-size:clamp(29px,8vw,36px);line-height:1.08}.page-ready-to-code .static-tool-intro>p{margin-top:13px;font-size:15px;line-height:1.5}.page-ready-to-code .static-benefits{margin-top:15px;padding-top:12px;gap:5px}.page-ready-to-code .rtc-shell{gap:12px;padding-top:6px}.page-ready-to-code .rtc-header{padding:17px 16px}.page-ready-to-code .rtc-form,.page-ready-to-code .rtc-results{padding-left:16px;padding-right:16px}.page-ready-to-code .rtc-form{padding-top:20px}.page-ready-to-code .rtc-title{font-size:21px}}
@media(max-width:360px){.page-ready-to-code .static-route-shell{padding-left:16px;padding-right:16px}.page-ready-to-code .rtc-shell{padding-left:10px;padding-right:10px}.page-ready-to-code .rtc-header{gap:10px}.page-ready-to-code .rtc-title{font-size:19px}}
