.rotate-page{color:#f6f3ed;background:#11100e;min-height:100vh}.rotate-layout{grid-template-columns:210px minmax(0,1fr);display:grid}.rotate-main{width:min(100%,1180px);margin:auto;padding:30px 40px 70px}.crumb{font-size:var(--fs-base);color:#c3bfb6;margin-bottom:14px}.crumb span{color:#ffcf37}.rotate-main h1{font-size:clamp(26px,3vw,40px);font-weight:700}.rotate-main h1 small{font-size:var(--fs-sm);color:#ffcf37;border-radius:var(--r-xl);background:#342a13;padding:5px 10px}.subtitle{color:#bdbab3;margin:10px 0 24px}.rotate-main button{border-radius:var(--r-sm);color:#eee;cursor:pointer;background:#25211b;border:1px solid #514635;padding:10px 14px}.rotate-main button.primary{color:#17140b;background:#ffcf37;border-color:#ffcf37;align-items:center;gap:8px;font-weight:700;display:inline-flex}.previews{grid-template-columns:1fr 1fr;gap:20px;margin:18px 0;display:grid}.previews b{margin-bottom:9px;display:block}.previews img,.previews canvas{object-fit:contain;border-radius:var(--r-sm);background:#0f0e0c;width:100%;height:280px;display:block}.angle{font-size:var(--fs-sm);color:#d1cbc0;padding:22px 0 15px}.angle label{margin-bottom:10px;font-weight:700;display:block}.angle div{align-items:center;gap:12px;display:flex}.angle input[type=range]{accent-color:#ffcf37;width:100%}.angle>span:last-child{float:right;margin-right:82px}.rotate-section{border-top:1px solid #4c402b;margin-top:32px;padding-top:24px}.rotate-section h2{font-size:var(--fs-3xl);margin-bottom:18px;font-weight:700}.steps,.related{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.steps>div{gap:12px;display:flex}.steps span{color:#17140b;text-align:center;background:#ffcf37;border-radius:100%;flex-shrink:0;width:23px;height:23px;font-weight:700}.steps p,.examples p,.background-info p{color:#bbb5aa;font-size:var(--fs-base);margin-top:6px;line-height:1.6}.examples{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.example-image{aspect-ratio:1.2;border-radius:var(--r-sm);background:#ddd;place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.example-image img{object-fit:cover;width:100%;height:100%}.example-image img.rot90{transform:rotate(90deg)scale(.8)}.example-image img.rot15{transform:rotate(15deg)scale(.7)}.example-image img.flipx{transform:scale(-.7,.7)}.example-image img.flipy{transform:scale(.7,-.7)}.background-info{grid-template-columns:1fr 1fr;gap:28px;display:grid}.background-info p{margin-bottom:14px}.background-info b{color:#f5f1ea}.related>div{color:#ffcf37;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.rotate-section details{border-radius:var(--r-sm);font-size:var(--fs-md);border:1px solid #443a2c;margin:7px 0;padding:14px 16px}.rotate-section summary{cursor:pointer;font-weight:600}.rotate-section details p{color:#bbb5aa;margin-top:10px}@media (max-width:800px){.rotate-layout{display:block}.rotate-sidebar{border:0;border-bottom:1px solid #3a3223;gap:8px;padding:8px;display:flex;overflow:auto}.rotate-sidebar>a,.rotate-sidebar h3{display:none}.side-item{white-space:nowrap}.rotate-main{padding:24px 18px 50px}.previews{grid-template-columns:1fr}.previews img,.previews canvas{height:220px}.steps,.related{grid-template-columns:1fr}.examples{grid-template-columns:1fr 1fr}.background-info{grid-template-columns:1fr}.rotate-main h1{font-size:var(--fs-4xl)}}.result-actions{justify-content:flex-end;margin-top:8px;display:flex}.rotate-main{max-width:1040px;padding-left:clamp(24px,4vw,54px);padding-right:clamp(24px,4vw,54px)}.result-heading{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:9px;display:flex}.result-heading b{margin-bottom:0}.previews>div:first-child>b{align-items:center;min-height:40px;display:flex}.result-heading .primary{font-size:var(--fs-sm);padding:9px 12px}.angle{border-top:1px solid #3b3327;margin-top:18px}.previews img,.previews canvas{height:clamp(240px,30vw,370px)}@media (max-width:800px){.rotate-main{padding-left:18px;padding-right:18px}.previews img,.previews canvas{height:240px}}.previews>div:first-child>b,.result-heading{height:40px;min-height:40px;margin:0 0 9px}@media (max-width:600px){.previews>div:first-child>b{height:auto;min-height:32px}.result-heading{height:auto;min-height:40px}}.example-image.example-comparison{aspect-ratio:1.75;background:#dedede;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.example-comparison>svg{color:#454545;flex:0 0 18px}.example-comparison .example-frame{place-items:center;width:38%;height:70%;display:grid;overflow:hidden}.example-comparison .example-frame img{object-fit:contain;width:100%;height:100%}.example-comparison .example-frame img.rot90{transform:rotate(90deg)scale(.75)}.example-comparison .example-frame img.rot15{transform:rotate(15deg)scale(.8)}.example-comparison .example-frame img.flipx{transform:scaleX(-1)}.example-comparison .example-frame img.flipy{transform:scaleY(-1)}.previews>div{min-width:0}.example-comparison>img.example-arrow{object-fit:contain;flex:0 0 25px;width:25px;height:20px}.rotate-main .example-image.example-comparison{gap:5px;padding:6px}.rotate-main .example-comparison .example-frame{flex:1 1 0;width:auto;min-width:0;height:90%}.rotate-main .example-comparison>img.example-arrow{filter:brightness(0);opacity:1;flex:0 0 25px;width:25px;height:24px}.rotate-main .steps span{flex:0 0 23px;justify-content:center;align-items:center;width:23px;height:23px;padding:0;line-height:1;display:inline-flex}.rotate-main .example-comparison>svg.example-arrow{color:#171717;stroke:#171717;opacity:1;flex:0 0 26px;width:26px;height:26px}.rotate-main .examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rotate-main .example-image.example-comparison{aspect-ratio:1.75;gap:2px;padding:2px}.rotate-main .example-comparison .example-frame{height:100%}.rotate-main .example-comparison>svg.example-arrow{flex:0 0 16px;width:16px;height:20px}.rotate-main .example-comparison .example-frame img.rot90{transform:rotate(90deg)scale(1)}.rotate-main .example-comparison .example-frame img.rot15{transform:rotate(15deg)scale(1)}@media (max-width:800px){.rotate-main .examples{grid-template-columns:repeat(2,minmax(0,1fr))}}.rotate-main .example-comparison>img.example-arrow{object-fit:contain;filter:none;opacity:1;opacity:1;object-fit:contain;transform-origin:top;flex:0 0 28px;align-self:flex-start;width:28px;height:26px;transform:translateY(-16px)scale(2.25)}html.light .rotate-page{color:#24221e;background:#fff}html.light .crumb{color:#68645c}html.light .crumb span{color:#9b7200}html.light .subtitle,html.light .steps p,html.light .examples p,html.light .background-info p,html.light .rotate-section details p{color:#68645c}html.light .rotate-section{border-color:#e1ddd5}html.light .rotate-main button{color:#34312b;background:#fff;border-color:#d6d0c4}html.light .rotate-main button.primary{color:#17140b;background:#ffcf37;border-color:#ffcf37}html.light .background-info b{color:#25221d}html.light .angle{color:#59554d}html.light .angle input[type=number]{color:#24221e;background:#fff;border-color:#d2ccbf}html.light .previews img,html.light .previews canvas{background:#fff}html.light .rotate-section details{border-color:#ded8cd}.rotate-page{--rx-bg:#151410;--rx-surface:#1b1914;--rx-stage:#0f0e0b;--rx-line:#ffffff14;--rx-line-strong:#ffffff24;--rx-text:#f1ede5;--rx-muted:#9a9488;--rx-faint:#6d685e;--rx-field:#ffffff0b;--rx-field-hover:#ffffff14;--rx-seg-on:#2e2a22;--rx-seg-shadow:0 1px 0 #ffffff0f inset,0 1px 2px #0006;--rx-accent:#ffcf37;--rx-accent-ink:#1b1505;--rx-accent-soft:#ffcf3724;--rx-accent-text:#ffcf37;--rx-check-a:#2b2925;--rx-check-b:#211f1b}.rotate-main .rx-editor{background:var(--rx-bg);border:1px solid var(--rx-line-strong);border-radius:var(--r-lg);color:var(--rx-text);padding:0;overflow:hidden}html.light .rotate-page{--rx-bg:#fff;--rx-surface:#fff;--rx-stage:#f4f2ee;--rx-line:#ece8e0;--rx-line-strong:#e2ddd3;--rx-text:#1f1d19;--rx-muted:#77716a;--rx-faint:#a7a196;--rx-field:#f5f3ef;--rx-field-hover:#eeebe5;--rx-seg-on:#fff;--rx-seg-shadow:0 1px 2px #1f1d191a,0 0 0 .5px #1f1d1914;--rx-accent:#ffcf37;--rx-accent-ink:#1b1505;--rx-accent-soft:#fff6d6;--rx-accent-text:#a87a00;--rx-check-a:#fff;--rx-check-b:#ebe8e2}html.light .rotate-main .rx-editor{box-shadow:0 1px 2px #1f1d190a,0 8px 24px -12px #1f1d1914}html .rotate-main .rx-editor button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.rotate-main .rx-editor button:focus-visible{outline:2px solid var(--rx-accent);outline-offset:2px}.rotate-main .rx-editor button:disabled{cursor:default}.rotate-main .rx-upload{border-radius:var(--r-md);border:1.5px dashed var(--rx-line-strong);background:var(--rx-stage);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:320px;margin:10px;padding:32px 20px;transition:border-color .15s,background .15s;display:flex}.rotate-main .rx-upload:hover,.rotate-main .rx-upload.is-over{border-color:var(--rx-accent);background:color-mix(in srgb,var(--rx-accent) 5%,var(--rx-stage))}.rotate-main .rx-upload-icon{border-radius:var(--r-md);background:var(--rx-surface);width:44px;height:44px;color:var(--rx-text);box-shadow:0 0 0 1px var(--rx-line-strong),0 2px 6px #00000014;place-items:center;margin-bottom:10px;display:grid}.rotate-main .rx-upload strong{font-size:var(--fs-lg);color:var(--rx-text);font-weight:600}.rotate-main .rx-upload p{font-size:var(--fs-base);color:var(--rx-muted);margin:0}.rotate-main .rx-editor .rx-upload .rx-primary{height:38px;font-size:var(--fs-base);margin:14px 0 8px;padding:0 18px}.rotate-main .rx-upload-hint{font-size:var(--fs-sm);color:var(--rx-faint)}.rotate-main .rx-bar{border-bottom:1px solid var(--rx-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 12px;display:flex}.rotate-main .rx-file{align-items:center;gap:11px;min-width:0;display:flex}.rotate-main .rx-thumb{border-radius:var(--r-md);background:var(--rx-field);width:36px;height:36px;box-shadow:0 0 0 1px var(--rx-line) inset;flex:0 0 36px;overflow:hidden}.rotate-main .rx-thumb img{object-fit:cover;width:100%;height:100%;display:block}.rotate-main .rx-file div{flex-direction:column;gap:2px;min-width:0;display:flex}.rotate-main .rx-file b{font-size:var(--fs-base);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.rotate-main .rx-file em{font-style:normal;font-size:var(--fs-sm);color:var(--rx-muted);font-variant-numeric:tabular-nums}.rotate-main .rx-editor .rx-ghost{border-radius:var(--r-md);height:34px;font-size:var(--fs-base);color:var(--rx-text);background:var(--rx-field);white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-weight:500;transition:background .15s;display:inline-flex}@media (hover:hover){.rotate-main .rx-editor .rx-ghost:hover{background:var(--rx-field-hover)}}.rotate-main .rx-workspace{grid-template:"chrome panel""stage panel"minmax(0,1fr)/minmax(0,1fr) 300px;display:grid}.rotate-main .rx-stage-chrome{grid-area:chrome;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 0;display:flex}.rotate-main .rx-readout{color:var(--rx-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-stage{border-radius:var(--r-md);background:var(--rx-stage);background-image:radial-gradient(var(--rx-line) 1px,transparent 1px);background-size:16px 16px;grid-area:stage;justify-content:center;align-items:center;gap:32px;height:clamp(360px,56vh,600px);margin:12px 14px 14px;padding:28px;display:flex;position:relative;overflow:hidden}.rotate-main .rx-canvas{background-color:var(--rx-check-b);background-image:conic-gradient(var(--rx-check-a) 25%,transparent 0 50%,var(--rx-check-a) 0 75%,transparent 0);background-size:14px 14px;display:block;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000014,0 18px 40px -18px #00000059}.rotate-main .rx-stage figure{flex-direction:column;align-items:center;gap:12px;min-width:0;margin:0;display:flex}.rotate-main .rx-stage figure img{display:block;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000014,0 18px 40px -18px #00000059}.rotate-main .rx-stage figcaption{font-size:var(--fs-sm);color:var(--rx-muted);font-weight:500;line-height:18px}.rotate-main .rx-drop{border:1.5px dashed var(--rx-accent);border-radius:var(--r-md);background:color-mix(in srgb,var(--rx-stage) 82%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:var(--fs-md);place-items:center;font-weight:600;display:grid;position:absolute;inset:8px}.rotate-main .rx-seg{border-radius:var(--r-md);background:var(--rx-field);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.rotate-main .rx-editor .rx-seg button{border-radius:var(--r-sm);height:30px;font-size:var(--fs-base);color:var(--rx-muted);text-align:center;justify-content:center;align-items:center;padding:0 12px;font-weight:500;transition:color .15s,background .15s;display:flex}@media (hover:hover){.rotate-main .rx-editor .rx-seg button:hover{color:var(--rx-text)}}.rotate-main .rx-editor .rx-seg button[aria-pressed=true],.rotate-main .rx-editor .rx-seg button[aria-selected=true]{background:var(--rx-seg-on);color:var(--rx-text);box-shadow:var(--rx-seg-shadow)}.rotate-main .rx-seg-sm{display:inline-grid}.rotate-main .rx-editor .rx-seg-sm button{height:26px;font-size:var(--fs-sm);padding:0 12px}.rotate-main .rx-panel{border-left:1px solid var(--rx-line);background:var(--rx-surface);flex-direction:column;grid-area:panel;display:flex}.rotate-main .rx-group{flex-direction:column;gap:10px;padding:18px 18px 20px;display:flex}.rotate-main .rx-group+.rx-group{border-top:1px solid var(--rx-line)}.rotate-main .rx-group>header{justify-content:space-between;align-items:center;min-height:22px;margin-bottom:2px;display:flex}.rotate-main .rx-group h3{font-size:var(--fs-base);letter-spacing:-.005em;color:var(--rx-text);text-transform:none;margin:0;font-weight:600}.rotate-main .rx-editor .rx-link{font-size:var(--fs-sm);color:var(--rx-muted);border-radius:var(--r-sm);align-items:center;gap:5px;margin-right:-6px;padding:3px 6px;transition:color .15s,background .15s;display:inline-flex}@media (hover:hover){.rotate-main .rx-editor .rx-link:not(:disabled):hover{color:var(--rx-text);background:var(--rx-field)}}.rotate-main .rx-editor .rx-link:disabled{opacity:.4}.rotate-main .rx-btn-group{border-radius:var(--r-md);background:var(--rx-line);box-shadow:0 0 0 1px var(--rx-line);gap:1px;display:grid;overflow:hidden}.rotate-main .rx-btn-group.cols-3{grid-template-columns:repeat(3,1fr)}.rotate-main .rx-btn-group.cols-2{grid-template-columns:repeat(2,1fr)}.rotate-main .rx-editor .rx-btn-group button{background:var(--rx-surface);height:38px;font-size:var(--fs-sm);color:var(--rx-text);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-weight:500;transition:background .12s;display:flex}.rotate-main .rx-editor .rx-btn-group button svg{color:var(--rx-muted);flex:none}.rotate-main .rx-editor .rx-btn-group button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (hover:hover){.rotate-main .rx-editor .rx-btn-group button:hover{background:var(--rx-field)}}.rotate-main .rx-editor .rx-btn-group button:active{background:var(--rx-field-hover)}.rotate-main .rx-editor .rx-btn-group button[aria-pressed=true]{background:var(--rx-accent-soft)}.rotate-main .rx-editor .rx-btn-group button[aria-pressed=true] svg{color:var(--rx-text)}.rotate-main .rx-angle{margin-top:8px}.rotate-main .rx-angle-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rotate-main .rx-angle-head label{font-size:var(--fs-sm);color:var(--rx-muted)}.rotate-main .rx-num{border-radius:var(--r-sm);background:var(--rx-field);align-items:center;height:28px;padding:0 8px 0 4px;transition:box-shadow .15s;display:flex;box-shadow:0 0 0 1px #0000}.rotate-main .rx-num:focus-within{box-shadow:0 0 0 1.5px var(--rx-accent)}.rotate-main .rx-num input{text-align:right;width:42px;color:var(--rx-text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-num span{color:var(--rx-muted);margin-left:1px;font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;display:block}.rotate-main .rx-range::-webkit-slider-runnable-track{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--rx-field-hover) var(--rx-from),var(--rx-accent) var(--rx-from) var(--rx-to),var(--rx-field-hover) var(--rx-to));height:4px}.rotate-main .rx-range::-moz-range-track{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--rx-field-hover) var(--rx-from),var(--rx-accent) var(--rx-from) var(--rx-to),var(--rx-field-hover) var(--rx-to));height:4px}.rotate-main .rx-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:transform .12s;box-shadow:0 0 0 1px #0000001f,0 1px 3px #00000040}.rotate-main .rx-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0000001f,0 1px 3px #00000040}.rotate-main .rx-range:active::-webkit-slider-thumb{transform:scale(1.12)}.rotate-main .rx-range:focus-visible{outline:none}.rotate-main .rx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--rx-accent-soft),0 0 0 1px var(--rx-accent)}.rotate-main .rx-ticks{height:18px;margin:2px 8px 0;position:relative}.rotate-main .rx-editor .rx-ticks button{color:var(--rx-faint);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;padding:0 3px;font:500 12px/18px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:0;transform:translate(-50%)}.rotate-main .rx-editor .rx-ticks button:first-child{left:0;transform:translate(-8px)}.rotate-main .rx-editor .rx-ticks button:nth-child(2){left:25%}.rotate-main .rx-editor .rx-ticks button:nth-child(3){left:50%}.rotate-main .rx-editor .rx-ticks button:nth-child(4){left:75%}.rotate-main .rx-editor .rx-ticks button:nth-child(5){left:100%;transform:translate(calc(8px - 100%))}@media (hover:hover){.rotate-main .rx-editor .rx-ticks button:hover{color:var(--rx-text)}}.rotate-main .rx-editor .rx-ticks button.on{color:var(--rx-text)}.rotate-main .rx-bg-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.rotate-main .rx-bg-row>span{font-size:var(--fs-sm);color:var(--rx-muted)}.rotate-main .rx-swatches{gap:8px;display:flex}.rotate-main .rx-editor .rx-swatch{width:22px;height:22px;box-shadow:0 0 0 1px var(--rx-line-strong) inset;border-radius:50%;transition:box-shadow .15s}.rotate-main .rx-editor .rx-swatch.transparent{background-color:#fff;background-image:conic-gradient(#d9d5cd 25%,transparent 0 50%,#d9d5cd 0 75%,transparent 0);background-size:8px 8px}.rotate-main .rx-editor .rx-swatch.white{background:#fff}.rotate-main .rx-editor .rx-swatch.black{background:#111}.rotate-main .rx-editor .rx-swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--rx-line-strong) inset,0 0 0 2px var(--rx-surface),0 0 0 3.5px var(--rx-accent)}.rotate-main .rx-editor .rx-swatch:disabled{opacity:.3}.rotate-main .rx-note{font-size:var(--fs-sm);color:var(--rx-muted);margin:0;line-height:1.5}.rotate-main .rx-export{margin-top:auto}.rotate-main .rx-meta{font-size:var(--fs-sm);color:var(--rx-muted);justify-content:space-between;margin:2px 0 4px;display:flex}.rotate-main .rx-meta div{gap:6px;display:flex}.rotate-main .rx-meta dt{margin:0}.rotate-main .rx-meta dd{color:var(--rx-text);font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-editor .rx-primary{border-radius:var(--r-md);background:var(--rx-accent);height:42px;color:var(--rx-accent-ink);font-size:var(--fs-md);justify-content:center;align-items:center;gap:8px;font-weight:600;transition:filter .15s,transform 50ms;display:flex;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #966e0040,0 1px 2px #785a0033}@media (hover:hover){.rotate-main .rx-editor .rx-primary:hover{filter:brightness(.96)}}.rotate-main .rx-editor .rx-primary:active{transform:translateY(1px)}.rotate-sidebar{font-size:var(--fs-base);border-right:1px solid var(--rx-line);align-self:start;min-height:100vh;padding:24px 12px;position:sticky;top:0}.rotate-sidebar .rx-back{border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--rx-muted);align-items:center;gap:8px;margin-bottom:18px;padding:6px 10px;transition:color .15s,background .15s;display:inline-flex}@media (hover:hover){.rotate-sidebar .rx-back:hover{color:var(--rx-text);background:var(--rx-field)}}.rotate-sidebar h3{font-size:var(--fs-sm);color:var(--rx-faint);margin:0;padding:0 10px 8px;font-weight:500}.side-item{border-radius:var(--r-md);height:36px;color:var(--rx-muted);white-space:nowrap;align-items:center;gap:10px;margin:1px 0;padding:0 10px;display:flex;position:relative}.side-item svg{opacity:.85;flex:none}.side-item.active{background:var(--rx-field);color:var(--rx-text);font-weight:600}.side-item.active svg{color:var(--rx-accent-text);opacity:1}.side-item.active:before{content:"";background:var(--rx-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}@media (max-width:800px){.rotate-sidebar{border-right:0;border-bottom:1px solid var(--rx-line);scrollbar-width:none;gap:6px;min-height:0;padding:10px 16px;display:flex;position:static;overflow-x:auto}.side-item{height:32px;box-shadow:0 0 0 1px var(--rx-line) inset;border-radius:999px;margin:0;padding:0 12px}.side-item.active{box-shadow:none}.side-item.active:before,.rotate-sidebar .rx-back,.rotate-sidebar h3{display:none}}@media (max-width:900px){.rotate-main .rx-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"chrome""stage""panel"}.rotate-main .rx-stage{height:clamp(280px,60vw,440px)}.rotate-main .rx-panel{border-left:0;border-top:1px solid var(--rx-line)}.rotate-main .rx-export{background:var(--rx-surface);z-index:1;position:sticky;bottom:0}}@media (max-width:480px){.rotate-main .rx-stage{margin:10px;padding:16px}.rotate-main .rx-stage-chrome{padding:10px 10px 0}}
.rotate-main .tx-dims{align-items:flex-end;gap:8px;display:flex}.rotate-main .tx-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rotate-main .tx-field label{font-size:var(--fs-sm);color:var(--rx-muted)}.rotate-main .tx-input{border-radius:var(--r-md);background:var(--rx-field);height:36px;box-shadow:0 0 0 1px var(--rx-line) inset;align-items:center;padding:0 10px;transition:box-shadow .15s;display:flex}.rotate-main .tx-input:focus-within{box-shadow:0 0 0 1.5px var(--rx-accent) inset}.rotate-main .tx-input input{width:100%;min-width:0;color:var(--rx-text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .tx-input span{font-size:var(--fs-sm);color:var(--rx-muted);margin-left:4px}.rotate-main .rx-editor .tx-lock{border-radius:var(--r-md);width:36px;height:36px;color:var(--rx-muted);background:var(--rx-field);flex:0 0 36px;place-items:center;transition:color .15s,background .15s;display:grid}.rotate-main .rx-editor .tx-lock[aria-pressed=true]{color:var(--rx-accent-text);background:var(--rx-accent-soft)}.rotate-main .tx-hint{font-size:var(--fs-sm);color:var(--rx-muted);line-height:1.5}.rotate-main .tx-chips{flex-wrap:wrap;gap:6px;display:flex}.rotate-main .rx-editor .tx-chip{height:28px;font-size:var(--fs-sm);color:var(--rx-muted);box-shadow:0 0 0 1px var(--rx-line-strong) inset;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 12px;transition:color .15s,background .15s}@media (hover:hover){.rotate-main .rx-editor .tx-chip:hover{color:var(--rx-text)}}.rotate-main .rx-editor .tx-chip[aria-pressed=true]{color:var(--rx-accent-text);background:var(--rx-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 55%,transparent) inset;font-weight:600}.rotate-main .tx-presets{flex-direction:column;gap:2px;display:flex}.rotate-main .rx-editor .tx-preset{border-radius:var(--r-md);height:34px;font-size:var(--fs-base);color:var(--rx-text);justify-content:space-between;align-items:center;gap:8px;padding:0 10px;transition:background .12s;display:flex}@media (hover:hover){.rotate-main .rx-editor .tx-preset:hover{background:var(--rx-field)}}.rotate-main .rx-editor .tx-preset[aria-pressed=true]{background:var(--rx-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 45%,transparent) inset}.rotate-main .tx-preset em{color:var(--rx-muted);font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .tx-note{border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--rx-muted);background:var(--rx-field);margin:0;padding:9px 11px;line-height:1.55}.rotate-main .tx-note.warn{color:#e9b949;background:color-mix(in srgb,var(--rx-accent) 9%,transparent)}html.light .rotate-main .tx-note.warn{color:#8a6200}.rotate-main .tx-crosslink{border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--rx-accent-text);background:color-mix(in srgb,var(--rx-accent) 9%,transparent);justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}html.light .rotate-main .tx-crosslink{color:#8a6200}@media (hover:hover){.rotate-main .tx-crosslink:hover{background:var(--rx-accent-soft)}}.rotate-main .tx-quality-head{font-size:var(--fs-sm);color:var(--rx-muted);justify-content:space-between;display:flex}.rotate-main .tx-quality-head b{color:var(--rx-text);font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-editor .rx-seg button:disabled{opacity:.35;cursor:not-allowed}.rotate-main .rx-stage>.rx-upload{border-radius:var(--r-md);min-height:0;margin:0;position:absolute;inset:0}.rotate-main .rx-workspace.is-empty .rx-stage{margin-top:14px}.rotate-main .rx-panel[inert]{opacity:.45;-webkit-user-select:none;user-select:none}.rotate-main .rx-editor .tx-sample{font-size:var(--fs-sm);color:var(--rx-muted);text-underline-offset:3px;margin-top:10px;text-decoration:underline;transition:color .15s}@media (hover:hover){.rotate-main .rx-editor .tx-sample:hover{color:var(--rx-text)}}.rotate-main .tx-frame{flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000014,0 18px 40px -18px #00000059}.rotate-main .tx-frame img{width:100%;height:100%;display:block}.rotate-main .tx-checker{background-color:var(--rx-check-b);background-image:conic-gradient(var(--rx-check-a) 25%,transparent 0 50%,var(--rx-check-a) 0 75%,transparent 0);background-size:14px 14px}.rotate-main .tx-ratios{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.rotate-main .rx-editor .tx-ratio{border-radius:var(--r-md);height:56px;font-size:var(--fs-sm);color:var(--rx-muted);box-shadow:0 0 0 1px var(--rx-line) inset;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:color .15s,background .15s;display:flex}@media (hover:hover){.rotate-main .rx-editor .tx-ratio:hover:not(:disabled){color:var(--rx-text);box-shadow:0 0 0 1px var(--rx-line-strong) inset}}.rotate-main .tx-ratio i{border:1.5px solid;border-radius:2px;display:block}.rotate-main .tx-ratio i.free{border-style:dashed}.rotate-main .rx-editor .tx-ratio[aria-pressed=true]{color:var(--rx-accent-text);background:var(--rx-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 55%,transparent) inset;font-weight:600}html.light .rotate-main .rx-editor .tx-ratio[aria-pressed=true]{color:#8a6200}.rotate-main .rx-editor .tx-ratio:disabled{opacity:.35;cursor:not-allowed}.rotate-main .tx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rotate-main .rx-editor .tx-switch{background:var(--rx-line-strong);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.rotate-main .rx-editor .tx-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.rotate-main .rx-editor .tx-switch[aria-checked=true]{background:var(--rx-accent)}.rotate-main .rx-editor .tx-switch[aria-checked=true]:after{left:18px}.rotate-main .tx-cropper{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.rotate-main .tx-cropper>img{pointer-events:none;width:100%;height:100%;display:block}.rotate-main .tx-cropper-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rotate-main .tx-crop-box{cursor:move;pointer-events:auto;touch-action:none;outline:none;position:absolute;box-shadow:0 0 0 1.5px #fff,0 0 0 4000px #0807059e}html.light .rotate-main .tx-crop-box{box-shadow:0 0 0 1.5px #fff,0 0 0 4000px #14120e80}.rotate-main .tx-crop-box:focus-visible{box-shadow:0 0 0 2px var(--rx-accent),0 0 0 4000px #0807059e}.rotate-main .tx-crop-box.round{border-radius:50%}.rotate-main .tx-crop-box>i{pointer-events:none;background:#ffffff59;position:absolute}.rotate-main .tx-crop-box>i:first-of-type{width:1px;top:0;bottom:0;left:33.333%}.rotate-main .tx-crop-box>i:nth-of-type(2){width:1px;top:0;bottom:0;left:66.666%}.rotate-main .tx-crop-box>i:nth-of-type(3){height:1px;top:33.333%;left:0;right:0}.rotate-main .tx-crop-box>i:nth-of-type(4){height:1px;top:66.666%;left:0;right:0}.rotate-main .tx-handles{pointer-events:none;position:absolute}.rotate-main .tx-handle{pointer-events:auto;touch-action:none;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.rotate-main .tx-handle:after{content:"";background:#fff;border-radius:2px;position:absolute;inset:5px;box-shadow:0 0 0 1px #00000059,0 1px 3px #0000004d}.rotate-main .tx-handle[data-h=nw],.rotate-main .tx-handle[data-h=se]{cursor:nwse-resize}.rotate-main .tx-handle[data-h=ne],.rotate-main .tx-handle[data-h=sw]{cursor:nesw-resize}.rotate-main .tx-handle[data-h=n],.rotate-main .tx-handle[data-h=s]{cursor:ns-resize}.rotate-main .tx-handle[data-h=e],.rotate-main .tx-handle[data-h=w]{cursor:ew-resize}.rotate-main .tx-crop-size{border-radius:var(--r-sm);color:#fff;white-space:nowrap;pointer-events:none;background:#000000b3;padding:3px 8px;font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.rotate-main .tx-crop-preview{flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 18px 40px -18px #00000059}.rotate-main .tx-crop-preview.round{border-radius:50%}.rotate-main .tx-crop-preview img{max-width:none;position:absolute}.rotate-main .tx-examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.rotate-main .tx-example-shot{aspect-ratio:1.2;border-radius:var(--r-sm);background:#dedede;place-items:center;margin-bottom:10px;display:grid;overflow:hidden}html:not(.light) .rotate-main .tx-example-shot{background:#1d1b17}.rotate-main .tx-example-shot img{object-fit:cover;height:84%;display:block}.rotate-main .tx-examples p{color:#bbb5aa;font-size:var(--fs-base);margin-top:6px;line-height:1.6}html.light .rotate-main .tx-examples p{color:#68645c}.rotate-main .tx-size-table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.rotate-main .tx-size-table th,.rotate-main .tx-size-table td{text-align:left;border-bottom:1px solid var(--rx-line);padding:11px 12px}.rotate-main .tx-size-table th{font-size:var(--fs-sm);color:var(--rx-muted);font-weight:600}.rotate-main .tx-size-table td:last-child{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .tx-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rotate-main .tx-related a{border-radius:var(--r-md);color:var(--rx-text);box-shadow:0 0 0 1px var(--rx-line-strong) inset;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .15s;display:flex}@media (hover:hover){.rotate-main .tx-related a:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 55%,transparent) inset}}.rotate-main .tx-related a>svg{color:var(--rx-accent-text);flex:none}html.light .rotate-main .tx-related a>svg{color:#9b7200}.rotate-main .tx-related b{font-size:var(--fs-md);display:block}.rotate-main .tx-related span{font-size:var(--fs-sm);color:var(--rx-muted);margin-top:4px;display:block}a.side-item{text-decoration:none;transition:color .15s,background .15s}@media (hover:hover){a.side-item:hover{color:var(--rx-text);background:var(--rx-field)}}.rotate-main .tx-ai{border-radius:var(--r-lg);background:linear-gradient(120deg,color-mix(in srgb,var(--rx-accent) 13%,transparent),color-mix(in srgb,var(--rx-accent) 4%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 30%,transparent) inset;align-items:center;gap:18px;margin-top:32px;padding:22px 24px;display:flex}.rotate-main .tx-ai>div{flex:1;min-width:0}.rotate-main .tx-ai h2{font-size:var(--fs-2xl);margin:0;font-weight:700}.rotate-main .tx-ai p{font-size:var(--fs-base);color:var(--rx-muted);margin:6px 0 0;line-height:1.6}.rotate-main .tx-ai-icon{border-radius:var(--r-md);width:40px;height:40px;color:var(--rx-accent-ink);background:var(--rx-accent);flex:none;place-items:center;display:grid}.rotate-main .tx-ai-btn{border-radius:var(--r-md);height:40px;font-size:var(--fs-md);color:var(--rx-accent-ink);background:var(--rx-accent);flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}@media (hover:hover){.rotate-main .tx-ai-btn:hover{filter:brightness(1.06)}}.tx-hub .tx-hub-h{font-size:var(--fs-3xl);margin:8px 0 14px;font-weight:700}.tx-hub .tx-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tx-hub .tx-hub-card{border-radius:var(--r-lg);color:var(--rx-text);background:var(--rx-surface);box-shadow:0 0 0 1px var(--rx-line-strong) inset;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}@media (hover:hover){.tx-hub a.tx-hub-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 60%,transparent) inset;transform:translateY(-1px)}}.tx-hub .tx-hub-card b{font-size:var(--fs-lg)}.tx-hub .tx-hub-card p{font-size:var(--fs-base);color:var(--rx-muted);flex:1;margin:0;line-height:1.55}.tx-hub .tx-hub-icon{border-radius:var(--r-md);width:38px;height:38px;color:var(--rx-accent-text);background:var(--rx-accent-soft);place-items:center;display:grid}.tx-hub .tx-hub-go{font-size:var(--fs-sm);color:var(--rx-accent-text);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:inline-flex}.tx-hub .tx-hub-card.is-soon{opacity:.6}.tx-hub .tx-hub-card.is-soon .tx-hub-go{color:var(--rx-faint)}.tx-hub .tx-hub-why{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.tx-hub .tx-hub-why>div{flex-direction:column;gap:6px;display:flex}.tx-hub .tx-hub-why svg{color:var(--rx-accent-text)}.tx-hub .tx-hub-why p{font-size:var(--fs-base);color:var(--rx-muted);margin:0;line-height:1.6}@media (max-width:800px){.rotate-main .tx-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.rotate-main .tx-related{grid-template-columns:1fr}.rotate-main .tx-ai{flex-direction:column;align-items:flex-start;padding:18px}.rotate-main .tx-ai-btn{justify-content:center;width:100%}.tx-hub .tx-hub-grid,.tx-hub .tx-hub-why{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.tx-hub .tx-hub-grid,.tx-hub .tx-hub-why{grid-template-columns:1fr}}.rotate-main .bx-stage{background-image:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;height:auto;min-height:clamp(360px,56vh,600px);max-height:none;padding:12px;display:flex;overflow:visible}.rotate-main .bx-list{border-radius:var(--r-md);background:var(--rx-surface);box-shadow:0 0 0 1px var(--rx-line) inset;flex-direction:column;display:flex}.rotate-main .bx-list ul{max-height:360px;margin:0;padding:4px;list-style:none;overflow:auto}.rotate-main .bx-list li{border-radius:var(--r-md);align-items:center;gap:4px;padding-right:4px;display:flex}.rotate-main .bx-list li+li{margin-top:2px}.rotate-main .bx-list li.is-on{background:var(--rx-field)}.rotate-main .bx-list li.bx-loading{height:52px;font-size:var(--fs-sm);color:var(--rx-muted);gap:8px;padding:0 12px}.rotate-main .rx-editor .bx-row{border-radius:var(--r-md);min-width:0;min-height:52px;color:var(--rx-text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 8px;display:flex}@media (hover:hover){.rotate-main .rx-editor .bx-row:hover{background:var(--rx-field)}}.rotate-main .bx-row .rx-thumb img{object-fit:cover;width:100%;height:100%}.rotate-main .bx-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rotate-main .bx-text b{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-base);font-weight:500;overflow:hidden}.rotate-main .bx-text em{font-style:normal;font-size:var(--fs-sm);color:var(--rx-muted);font-variant-numeric:tabular-nums;line-height:1.35}.rotate-main .bx-text strong{color:var(--rx-text);font-weight:600}.rotate-main .bx-badge{color:#5fd08a;white-space:nowrap;background:#5fd08a1f;border-radius:999px;flex:none;align-items:center;gap:5px;height:22px;padding:0 8px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}html.light .rotate-main .bx-badge{color:#17803d;background:#e3f6e9}.rotate-main .bx-badge.up{color:#e9b949;background:color-mix(in srgb,var(--rx-accent) 12%,transparent)}html.light .rotate-main .bx-badge.up{color:#8a6200}.rotate-main .bx-badge.muted{color:var(--rx-muted);background:var(--rx-field);font-family:inherit;font-weight:500}.rotate-main .rx-editor .bx-icon{border-radius:var(--r-sm);width:32px;height:32px;color:var(--rx-muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover){.rotate-main .rx-editor .bx-icon:hover:not(:disabled){color:var(--rx-text);background:var(--rx-field-hover)}}.rotate-main .rx-editor .bx-icon:disabled{opacity:.35;cursor:default}.rotate-main .bx-list footer{border-top:1px solid var(--rx-line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.rotate-main .bx-count{color:var(--rx-muted);font-variant-numeric:tabular-nums;margin-left:4px}.rotate-main .rx-editor .rx-ghost:disabled{opacity:.4;cursor:not-allowed}.rotate-main .bx-spin{animation:1s linear infinite bx-spin}@keyframes bx-spin{to{transform:rotate(360deg)}}.rotate-main .bx-error{border-top:1px solid var(--rx-line);font-size:var(--fs-sm);color:#e9b949;margin:0;padding:10px 14px}html.light .rotate-main .bx-error{color:#8a6200}.rotate-main .rx-editor .bx-inline{height:auto;color:var(--rx-accent-text);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}html.light .rotate-main .rx-editor .bx-inline{color:#8a6200}.rotate-main .bx-switch-row{font-size:var(--fs-sm);color:var(--rx-muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.rotate-main .bx-table-wrap{overflow-x:auto}.rotate-main .bx-table th[scope=row]{font-size:var(--fs-md);color:var(--rx-text);font-weight:600}.rotate-main .bx-table td:last-child{font-family:inherit}.rotate-main .bx-table td{color:var(--rx-muted);line-height:1.5}.rotate-main .bx-compare{flex-direction:column;gap:8px;margin:0;display:flex}.rotate-main .bx-compare-view{border-radius:var(--r-md);background-color:var(--rx-check-b);background-image:conic-gradient(var(--rx-check-a) 25%,transparent 0 50%,var(--rx-check-a) 0 75%,transparent 0);background-size:14px 14px;height:clamp(240px,40vh,420px);position:relative;overflow:hidden}.rotate-main .bx-compare-view img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rotate-main .bx-compare-view .bx-compare-top{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.rotate-main .bx-compare-line{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000040}.rotate-main .bx-compare-line:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #00000059}.rotate-main .bx-compare-view input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.rotate-main .bx-compare figcaption{font-size:var(--fs-sm);color:var(--rx-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.rotate-main .bx-drag-hint{font-size:var(--fs-sm);color:var(--rx-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rotate-main .bx-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--rx-check-b);background-image:conic-gradient(var(--rx-check-a) 25%,transparent 0 50%,var(--rx-check-a) 0 75%,transparent 0);background-size:14px 14px;outline:none;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000014,0 18px 40px -18px #00000059}.rotate-main .bx-frame:active{cursor:grabbing}.rotate-main .bx-frame:focus-visible{box-shadow:0 0 0 2px var(--rx-accent)}.rotate-main .bx-frame img{pointer-events:none;max-width:none;position:absolute}.rotate-main .bx-frame-blur{object-fit:cover;width:116%;height:116%;filter:blur(calc(var(--bx-frame,300px) / 40)) brightness(.88);inset:-8%}.rotate-main .bx-safe{pointer-events:none;position:absolute;inset:0}.rotate-main .bx-band{background:repeating-linear-gradient(135deg,#0000006b 0 6px,#0000004d 6px 12px);position:absolute}.rotate-main .bx-safe-box{border:1.5px dashed #ffffffd9;position:absolute}.rotate-main .bx-safe-box span{border-radius:var(--r-sm);color:#fff;white-space:nowrap;background:#0000008c;padding:2px 6px;font-size:11px;position:absolute;top:6px;left:6px}.rotate-main .bx-safe>.bx-safe-box:only-child{box-shadow:0 0 0 4000px #0000006b}.rotate-main .bx-safe-circle{background:radial-gradient(circle closest-side,#0000 calc(100% - 1px),#00000080 100%)}.rotate-main .bx-safe-circle:after{content:"";border:1.5px dashed #ffffffd9;border-radius:50%;position:absolute;inset:0}.rotate-main .bx-selected{font-size:var(--fs-sm);color:var(--rx-muted)}.rotate-main .bx-tabs{flex-wrap:wrap;gap:6px;display:flex}.rotate-main .rx-editor .bx-tabs button{height:28px;font-size:var(--fs-sm);color:var(--rx-muted);box-shadow:0 0 0 1px var(--rx-line-strong) inset;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;transition:color .15s,background .15s;display:inline-flex}@media (hover:hover){.rotate-main .rx-editor .bx-tabs button:hover{color:var(--rx-text)}}.rotate-main .rx-editor .bx-tabs button[aria-selected=true]{color:var(--rx-accent-text);background:var(--rx-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 55%,transparent) inset;font-weight:600}html.light .rotate-main .rx-editor .bx-tabs button[aria-selected=true]{color:#8a6200}.rotate-main .bx-tabs i{min-width:16px;height:16px;color:var(--rx-accent-ink);background:var(--rx-accent);border-radius:999px;place-items:center;padding:0 4px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.rotate-main .bx-sizes{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rotate-main .bx-sizes li{border-radius:var(--r-md);align-items:center;gap:6px;padding-left:6px;display:flex}.rotate-main .bx-sizes li.is-active{background:var(--rx-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--rx-accent) 45%,transparent) inset}.rotate-main .rx-editor .bx-check{width:18px;height:18px;color:var(--rx-accent-ink);background:var(--rx-field);box-shadow:0 0 0 1px var(--rx-line-strong) inset;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.rotate-main .rx-editor .bx-check[aria-checked=true]{background:var(--rx-accent);box-shadow:none}.rotate-main .rx-editor .bx-size{border-radius:var(--r-md);min-width:0;height:36px;color:var(--rx-text);font-size:var(--fs-base);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 10px 0 4px;display:flex}.rotate-main .bx-size i{border:1.5px solid var(--rx-muted);border-radius:2px;flex:none}.rotate-main .bx-size i.round{border-radius:50%}.rotate-main .bx-size span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rotate-main .bx-size em{color:var(--rx-muted);white-space:nowrap;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rotate-main .rx-editor .rx-swatch.bx-blur-swatch{background:radial-gradient(circle at 30% 30%,#f3c66b,#7a8fb8 60%,#3b3f52)}.rotate-main .bx-table-intro{color:var(--rx-muted);margin:-6px 0 18px;line-height:1.6}.rotate-main .bx-platform-table+.bx-platform-table{margin-top:22px}.rotate-main .bx-platform-table h3{font-size:var(--fs-lg);margin:0 0 6px;font-weight:600}@media (max-width:900px){.rotate-main .bx-stage{min-height:0}.rotate-main .bx-drag-hint{display:none}}