.straighten-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 28px}.straighten-hero h1{letter-spacing:-.048em;margin-bottom:14px;font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.05}.straighten-hero h1 span{color:var(--silver-violet)}.straighten-hero p{color:var(--silver-muted);font-size:18px}.straighten-body{padding-top:32px;padding-bottom:32px}.straighten-panel{border:1px solid var(--silver-line);border-radius:var(--silver-radius);background:#fff;min-width:0;padding:28px}.straighten-panel h2{margin-bottom:20px;font-size:22px}.straighten-label{margin-bottom:8px;font-size:14px;font-weight:650;display:block}.straighten-panel input,.straighten-panel select{font:inherit;color:var(--silver-ink);max-width:100%}.straighten-choose{background:var(--silver-violet);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:100px;align-items:center;min-height:44px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.straighten-choose:hover{background:var(--silver-violet-hover)}.straighten-choose.is-secondary,.straighten-panel .button.is-secondary{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}.straighten-choose.is-secondary:hover,.straighten-panel .button.is-secondary:hover:enabled{background:var(--silver-panel)}#straighten-file:focus-visible+.straighten-choose{outline:3px solid var(--silver-violet-text);outline-offset:3px}#straighten-file:disabled+.straighten-choose{border-color:var(--silver-line);background:var(--silver-line);color:var(--silver-muted);cursor:default}.straighten-quiet{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:10px 16px}.straighten-quiet:hover:enabled{background:var(--silver-panel)}.straighten-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.straighten-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:24px;margin-top:24px;display:grid}.straighten-panel fieldset{border:0;min-width:0;margin:0;padding:0}.straighten-panel select,.straighten-panel input[type=number]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:46px;padding:10px 12px}.straighten-panel input[type=color]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;height:46px;padding:4px}.straighten-field{margin-top:24px}.straighten-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.straighten-body button:disabled,.straighten-body fieldset:disabled input,.straighten-body fieldset:disabled select{cursor:default;color:var(--silver-muted);background:var(--silver-canvas);border-color:var(--silver-line)}.straighten-error{color:var(--silver-error);margin-top:12px}.straighten-panel [aria-invalid=true]{border-color:var(--silver-error)}.straighten-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:160px;margin:20px 0;display:grid;overflow:hidden}.straighten-output-preview img{object-fit:contain;max-width:100%;max-height:340px}.straighten-callout{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;margin-top:20px;padding:16px;font-size:14px}.straighten-output .button{margin-top:20px}.straighten-info{max-width:860px;padding:36px 0 12px}.straighten-info ol{color:var(--silver-muted);margin:20px 0 28px;padding-left:24px}.straighten-info li{margin-top:8px}.straighten-info details{border-top:1px solid var(--silver-line);padding:14px 0}.straighten-info summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.straighten-info details p{color:var(--silver-muted);margin-top:12px}.straighten-info a{color:var(--silver-violet-text);text-decoration:underline}.straighten-body [hidden]{display:none!important}@media (width<=900px){.straighten-workspace{grid-template-columns:1fr}}@media (width<=600px){.straighten-panel{padding:23px}}.straighten-settings-heading{border-top:1px solid var(--silver-line);margin-top:28px;padding-top:24px}.straighten-slider-label{margin-top:16px}.straighten-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--silver-violet)}.straighten-frame{max-width:100%;line-height:0;position:relative}.straighten-frame img{display:block}.straighten-live{overflow:hidden}.straighten-output-preview .straighten-live img{object-fit:fill;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.straighten-guide{pointer-events:none;--guide-spacing:33.3333%;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#fff9 0),linear-gradient(#0000 calc(100% - 1px),#fff9 0);background-size:var(--guide-spacing) var(--guide-spacing);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0005}.straighten-frame[data-guides=grid] .straighten-guide{--guide-spacing:10%}.straighten-frame[data-guides=none] .straighten-guide{display:none}.straighten-empty{text-align:center;color:var(--silver-muted);background:var(--silver-panel);padding:24px}