.rotate-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 28px}.rotate-hero h1{letter-spacing:-.048em;margin-bottom:14px;font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.05}.rotate-hero h1 span{color:var(--silver-violet)}.rotate-lead{color:var(--silver-muted);max-width:680px;font-size:18px}.rotate-body{padding-top:32px;padding-bottom:32px}.rotate-panel{border:1px solid var(--silver-line);border-radius:var(--silver-radius);background:#fff;min-width:0;padding:28px}.rotate-panel h2{margin-bottom:20px;font-size:22px}.rotate-label{margin-bottom:8px;font-size:14px;font-weight:650;display:block}.rotate-panel input,.rotate-panel select{font:inherit;color:var(--silver-ink);max-width:100%}.rotate-quiet,.rotate-body .button.rotate-outline{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:10px 16px}.rotate-body .button.rotate-outline{font-size:14px;font-weight:600}.rotate-body .button.rotate-outline:hover{background:var(--silver-panel)}.rotate-choose{cursor:pointer}#rotate-file:focus-visible+.rotate-choose{outline:3px solid var(--silver-violet-text);outline-offset:4px}#rotate-file:disabled+.rotate-choose{cursor:not-allowed;opacity:.65}.rotate-quiet:hover:enabled{background:var(--silver-panel)}.rotate-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.rotate-file-row{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.rotate-file-row .rotate-help{margin:0}.rotate-file-row button{flex-shrink:0}.rotate-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:24px;margin-top:24px;display:grid}.rotate-panel fieldset{border:0;min-width:0;margin:0;padding:0}.rotate-panel select,.rotate-panel input[type=number]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:46px;padding:10px 12px}.rotate-panel input[type=color]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;height:46px;padding:4px}.rotate-field{margin-top:24px}.rotate-shortcuts,.rotate-actions{flex-wrap:wrap;gap:12px;display:flex}.rotate-actions{margin-top:24px}.rotate-shortcuts button{align-items:center;gap:8px;display:inline-flex}.rotate-turn{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rotate-turn-left{transform:scaleX(-1)}.rotate-body button:disabled,.rotate-body fieldset:disabled input,.rotate-body fieldset:disabled select{cursor:default;color:var(--silver-muted);background:var(--silver-canvas);border-color:var(--silver-line)}.rotate-error{color:var(--silver-error);margin-top:12px}.rotate-panel [aria-invalid=true]{border-color:var(--silver-error)}.rotate-output-preview{border:1px solid var(--silver-line);background-color:#f8f8fc;background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:20px 20px;border-radius:8px;place-items:center;min-height:280px;margin:20px 0;display:grid;overflow:hidden}.rotate-output-preview img{object-fit:contain;max-width:100%;max-height:480px}#rotate-empty{text-align:center;color:var(--silver-muted);background:var(--silver-panel);padding:24px}.rotate-callout{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;margin-top:20px;padding:16px;font-size:14px}.rotate-output .button{margin-top:20px;scroll-margin-block:24px}.rotate-info{max-width:860px;padding:36px 0 12px}.rotate-info h2{margin-bottom:8px}.rotate-info ol,.rotate-info ul{color:var(--silver-muted);margin:20px 0 28px;padding-left:24px}.rotate-info li{margin-top:8px}.rotate-info details{border-top:1px solid var(--silver-line);padding:14px 0}.rotate-info summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.rotate-info p{color:var(--silver-muted);margin-top:12px}.rotate-info a{color:var(--silver-violet-text);text-decoration:underline}.rotate-body [hidden]{display:none!important}@media (width<=900px){.rotate-workspace{grid-template-columns:1fr}}@media (width<=600px){.rotate-panel{padding:23px}.rotate-file-row{flex-direction:column;align-items:start}}