.image-tool-workbench{gap:1.1rem;display:grid}@media (min-width:900px){.image-tool-workbench{grid-template-columns:minmax(0,1fr) minmax(17.5rem,21rem)}.image-tool-workbench-side{align-self:start;position:sticky;top:1rem}}.image-tool-workbench-stage{background:#fff;border:1px solid #cbd5e1;border-radius:1rem;flex-direction:column;min-width:0;padding:.9rem;display:flex;box-shadow:0 1px 3px #0f172a0f}html[data-theme=dark] .image-tool-workbench-stage{box-shadow:none;background:#1c1c20;border-color:#333338}.image-tool-workbench-side{flex-direction:column;gap:.9rem;display:flex}.image-tool-workbench-actions{z-index:70;background:linear-gradient(#ffffffe0,#fff 35%);border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem;margin:0 -.25rem;padding:.75rem .25rem;display:flex;position:sticky;bottom:0}.image-tool-workbench-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:.9rem}.image-tool-workbench-preview h3{color:#0f172a;margin:0 0 .45rem;font-size:.92rem;font-weight:750}.image-tool-workbench-preview img{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:.7rem;width:min(100%,240px);max-height:280px;margin:0 auto;display:block}.image-tool-note{color:#55565f;margin:0;font-size:.75rem;line-height:1.45}.image-tool-warn{color:#b45309;margin:0;font-size:.75rem;line-height:1.45}.image-tool-error{color:#b91c1c;margin:0;font-size:.85rem}html[data-theme=dark] .image-tool-workbench-actions{background:linear-gradient(#17171ae0,#17171a 35%);border-color:#333338}html[data-theme=dark] .image-tool-workbench-preview{background:#17171a;border-color:#333338}.passport-bg-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}@media (min-width:640px){.passport-bg-modes{grid-template-columns:repeat(4,minmax(0,1fr))}}.passport-bg-mode,.passport-bg-swatch{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;min-height:2.75rem;padding:.45rem .55rem}.passport-bg-mode strong,.passport-bg-swatch{color:#171717;font-size:.78rem;font-weight:700;display:block}.passport-bg-mode span,.passport-bg-swatch em{color:#78716c;font-size:.68rem;font-style:normal;font-weight:500;display:block}.passport-bg-mode.is-selected,.passport-bg-swatch.is-selected{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c33}.passport-bg-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.65rem;display:grid}.passport-bg-swatch{align-items:center;gap:.45rem;display:flex}.passport-bg-chip{background-size:cover;border:1px solid #0f172a1f;border-radius:.45rem;flex:none;width:1.7rem;height:1.7rem}.passport-bg-custom{color:#334155;border:1px dashed #cbd5e1;border-radius:.85rem;min-height:2.75rem;margin-top:.65rem;padding:.65rem .75rem;font-size:.8rem;font-weight:600;display:block}.passport-bg-custom input{width:100%;margin-bottom:.35rem;display:block}.image-rotate-toolbar{flex-wrap:wrap;gap:.45rem;display:flex}.image-rotate-list{gap:.75rem;padding:0;list-style:none;display:grid}.image-rotate-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.85rem;padding:.75rem;display:grid}.image-rotate-preview{background:linear-gradient(45deg,#e2e8f0 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#e2e8f0 25%,#0000 25%) 0 8px/16px 16px,#f8fafc;border-radius:.75rem;justify-content:center;align-items:center;min-height:7.25rem;display:flex;overflow:hidden}.image-rotate-preview img{object-fit:contain;max-width:6.5rem;max-height:6.5rem}.image-rotate-card-actions{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.image-rotate-card-actions button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.25rem;min-height:1.9rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.image-rotate-card-actions button:hover{color:#9a3412;border-color:#fdba74}.image-rotate-remove{color:#b91c1c;margin-left:auto}html[data-theme=dark] .image-rotate-card{background:#1c1c20;border-color:#333338}html[data-theme=dark] .image-rotate-card p{color:#e2e8f0}html[data-theme=dark] .image-rotate-card-actions button{color:#e2e8f0;background:#111114;border-color:#333338}