.convert-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 28px}.convert-hero h1{letter-spacing:-.048em;margin-bottom:16px;font-size:clamp(36px,4.2vw,60px);font-weight:800;line-height:1.05}.convert-hero h1 span{color:var(--silver-violet)}.convert-hero p{color:var(--silver-muted);font-size:18px}.convert-private{color:var(--silver-violet-text);background:#eae5ff;border-radius:3px;margin-top:16px;padding:8px 12px;display:inline-block}.convert-body{padding-top:32px;padding-bottom:40px}.convert-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.convert-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.convert-panel h2{margin-bottom:20px;font-size:24px}.convert-panel fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}.convert-panel label{margin:16px 0 8px;font-size:15px;font-weight:650;display:block}.convert-panel input,.convert-panel select{font:inherit;max-width:100%;color:var(--silver-ink);min-height:44px}.convert-panel select{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;padding:10px 12px}.convert-panel input[type=range]{width:100%;accent-color:var(--silver-violet)}.convert-panel input[type=color]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:80px;padding:4px}.convert-panel .convert-quiet,.convert-panel .convert-quiet:hover{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:10px 16px}.convert-panel .convert-quiet:hover{border-color:var(--silver-violet)}.convert-panel input[type=file]{min-height:0}.convert-panel .convert-choose{border:1px solid var(--silver-violet);background:var(--silver-violet);color:#fff;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;min-height:44px;margin:12px 0 0;padding:10px 24px;display:inline-flex}.convert-panel .convert-choose:hover{background:var(--silver-violet-hover)}.convert-panel .convert-choose-loaded,.convert-panel .convert-choose-loaded:hover{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}#convert-file:focus-visible+.convert-choose{outline:3px solid var(--silver-violet-text);outline-offset:5px}#convert-file:disabled+.convert-choose{border-color:var(--silver-line);background:var(--silver-line);color:var(--silver-muted);cursor:not-allowed}.convert-drop{text-align:center;background:var(--silver-panel);border:1px dashed #858ba3;border-radius:8px;padding:24px 20px;position:relative}.convert-drop p{color:var(--silver-muted);font-size:15px}.convert-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.convert-original{border:1px solid var(--silver-line);max-width:100%;max-height:120px;margin-top:16px;display:block}.convert-preview{border:1px solid var(--silver-line);background:var(--silver-panel);border-radius:8px;place-items:center;min-height:240px;margin:20px 0;display:grid;overflow:hidden}#convert-placeholder{text-align:center;width:100%;min-height:240px;color:var(--silver-muted);background:var(--silver-panel);place-items:center;padding:24px;display:grid}#convert-result{background:conic-gradient(#e6e7ef 25%, #f8f8fc 0 50%, #e6e7ef 0 75%, #f8f8fc 0) 0 / 20px 20px;object-fit:contain;max-width:100%;max-height:480px;margin:auto;display:block}.convert-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}#convert-download{width:100%;margin-top:20px;display:flex}#convert-status,#convert-summary{color:var(--silver-muted);overflow-wrap:anywhere;font-size:15px}#convert-error{color:var(--silver-error);margin-top:12px}.convert-body [hidden]{display:none!important}.convert-body .convert-panel button:disabled,.convert-body .convert-panel button:disabled:hover{cursor:not-allowed;border-color:var(--silver-line);background:var(--silver-line);color:var(--silver-muted)}.convert-info{margin-top:40px}.convert-info h2{margin-bottom:18px;font-size:27px}.convert-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:32px;padding-left:24px;display:grid}.convert-steps li{padding-left:8px}.convert-info details{border:1px solid var(--silver-line);background:#fff;border-radius:5px;margin:12px 0}.convert-info summary{cursor:pointer;min-height:44px;padding:14px 18px;font-weight:650}.convert-info details p{color:var(--silver-muted);padding:0 18px 18px}.convert-related{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.convert-related a{min-height:44px;color:var(--silver-violet-text);align-items:center;display:inline-flex}@media (width<=760px){.convert-workspace,.convert-steps{grid-template-columns:1fr}.convert-panel{padding:23px}}
