.photo-fit .workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:22px;align-items:start;margin-bottom:22px}
.photo-fit .workspace>section,.photo-fit .side>section{margin:0}
.photo-fit .side{display:grid;gap:22px;position:sticky;top:16px}
.photo-fit .drop{min-height:380px}
.photo-fit .small{font-size:.8rem;margin:6px 0 0}
.photo-fit .stage-wrap{display:grid;place-items:center;padding:22px;border-radius:14px;background-color:#eef1ea;background-image:conic-gradient(#e3e7de 25%,transparent 0 50%,#e3e7de 0 75%,transparent 0);background-size:22px 22px}
.photo-fit .stage{display:block;max-width:100%;border-radius:4px;box-shadow:0 0 0 1px #0002,0 10px 30px #1d2b2826;cursor:grab;touch-action:none;background:#fff}
.photo-fit .stage:active{cursor:grabbing}
.photo-fit .editor-tools{margin-top:12px}
.photo-fit .zoom{display:flex;align-items:center;gap:10px;margin:0;font-size:.85rem;font-weight:600;flex:1 1 220px}
.photo-fit .zoom input{flex:1;accent-color:var(--green)}
.photo-fit .check{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem}
.photo-fit .check input{accent-color:var(--green)}
.photo-fit .small-btn{min-height:40px;padding:6px 14px}
.photo-fit .wide{width:100%}
.photo-fit select{width:100%}
.photo-fit .result{grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-fit .preview{display:block;max-width:100%;max-height:340px;margin:6px auto 14px;border-radius:6px;box-shadow:0 0 0 1px #0002,0 8px 24px #1d2b281f}
.photo-fit #spec-note a{color:var(--green)}
@media(max-width:900px){.photo-fit .workspace{grid-template-columns:1fr}.photo-fit .side{position:static}.photo-fit .drop{min-height:220px}}
@media(max-width:700px){.photo-fit .stage-wrap{padding:12px}}