.convert-preview{border:1px solid rgba(33,90,232,.18);border-radius:20px;background:#fff;box-shadow:var(--shadow-elevated);overflow:hidden;transform:rotate(1deg)}
.convert-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}
.convert-preview-page,.convert-preview-output{min-width:0;padding:17px;border:1px solid var(--color-border);border-radius:12px;background:#fff}
.convert-preview-page{background:linear-gradient(180deg,#fff,#f5f8ff)}
.convert-preview-page strong{display:block;margin-bottom:16px;font-size:1rem}
.preview-line{height:8px;margin:10px 0;border-radius:99px;background:#dfe6f7}.preview-line.long{width:92%}.preview-line.short{width:58%}.preview-block{height:76px;margin-top:18px;border:1px solid #cbd7f3;border-radius:8px;background:linear-gradient(135deg,#eef3ff,#fff)}
.convert-preview-output{text-align:center;background:linear-gradient(180deg,#fff,#f5faf5)}
.convert-preview-output strong{display:block}.convert-preview-output p{color:var(--color-text-muted);font-size:.78rem}.convert-preview-output small{color:#617267;font-size:.68rem}
.convert-tool-section{padding-top:82px}.convert-tool-shell{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--color-border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-elevated)}
.convert-tool-form,.convert-result{padding:34px}.convert-tool-form{display:grid;gap:18px}.convert-field{display:grid;gap:7px}.convert-field label,.convert-options legend{font-weight:750}.convert-field input,.convert-field select{width:100%;min-height:48px;padding:0 12px;border:1px solid #bacabe;border-radius:8px;background:#fff;color:inherit;font:inherit}.convert-field input:focus,.convert-field select:focus{outline:3px solid rgba(33,90,232,.18);border-color:var(--color-primary)}.convert-field small{color:var(--color-text-muted);font-size:.82rem}.convert-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.convert-options{display:grid;gap:9px;margin:0;padding:15px;border:1px solid var(--color-border);border-radius:10px}.convert-options label{font-weight:500}.convert-options input{accent-color:var(--color-primary)}.convert-form-actions{display:flex;gap:10px;flex-wrap:wrap}.convert-form-actions .button{flex:1}.tool-error{min-height:1.2em;color:var(--color-danger);font-size:.84rem}.tool-boundary{margin:0;padding:13px;border-radius:9px;background:#f7f9ff;color:#59647a;font-size:.86rem}.tool-boundary strong{color:#2b3b70}.convert-result{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--color-surface-muted),var(--color-surface-accent))}.convert-result h3{margin:.2rem 0 .55rem;font-size:1.72rem;line-height:1.2}.convert-result>p:not(.eyebrow){color:var(--color-text-muted)}.convert-result .button{align-self:flex-start;margin-top:1.1rem}.result-details{margin:18px 0 0}.result-details>div{padding:13px 0;border-top:1px solid rgba(33,90,232,.16)}.result-details dt{font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;color:#617267;font-weight:800}.result-details dd{margin:.3rem 0 0;overflow-wrap:anywhere}.convert-result[data-state="success"]{background:linear-gradient(145deg,#f2fbf4,#eef3ff)}.convert-result[data-state="error"]{background:#fff6f5}.convert-result[data-state="error"] .eyebrow,.convert-result[data-state="error"] h3{color:var(--color-danger)}
.convert-feature-split{align-items:center}.convert-visual{min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:42px;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(145deg,#fff,#eef3ff);box-shadow:var(--shadow-elevated)}.convert-visual span{color:var(--color-primary-hover);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.convert-visual strong{max-width:420px;margin:.7rem 0;font-size:2.1rem;line-height:1.15}.convert-visual p{max-width:420px;margin:0;color:var(--color-text-muted)}.convert-link-list{display:flex;flex-wrap:wrap;gap:12px;align-content:start}.convert-link-list .button{width:auto}.convert-sources{padding-top:35px;padding-bottom:40px}.convert-sources h2{margin:.2rem 0 1rem;font-size:1.55rem}.convert-sources ul{margin:0;padding:0;list-style:none}.convert-sources li{display:grid;gap:5px;padding:14px 0;border-top:1px solid var(--color-border)}.convert-sources a{font-weight:750}.convert-sources span{color:var(--color-text-muted);font-size:.9rem}
@media(max-width:900px){.convert-preview-body,.convert-tool-shell{grid-template-columns:minmax(0,1fr)}.convert-field-grid{grid-template-columns:1fr}.convert-result{min-height:320px}.convert-link-list .button{width:100%}}
@media(max-width:560px){.convert-preview-body{padding:14px;grid-template-columns:minmax(0,1fr)}.convert-tool-form,.convert-result{padding:24px}.convert-visual{min-height:250px;padding:28px}.convert-form-actions{display:grid}.convert-form-actions .button{width:100%}}
@media(max-width:560px){.convert-page,.convert-page .hero-copy,.convert-page .convert-preview,.convert-page .convert-preview-body,.convert-page .convert-tool-shell,.convert-page .convert-feature-split,.convert-page .convert-result{width:100%;max-width:100%;min-width:0}.convert-page>section>.container,.convert-page .hero-grid{width:calc(100vw - 28px);max-width:calc(100vw - 28px);min-width:0}.convert-page .hero-grid,.convert-page .convert-preview-body,.convert-page .convert-tool-shell,.convert-page .convert-feature-split{grid-template-columns:minmax(0,1fr)}.convert-page .hero-copy,.convert-page .hero-copy>*,.convert-page .hero h1,.convert-page .hero-lead,.convert-page .section-heading p,.convert-page .rich-copy p,.convert-page .convert-preview strong,.convert-page .convert-preview p,.convert-page .convert-preview small{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.convert-page .hero h1{font-size:clamp(2rem,8.6vw,2.4rem)}.convert-page .hero-lead{font-size:1.05rem}.convert-page .convert-preview{transform:none}}