.ws-legacy>main.photo-main{display:block;width:100%;max-width:1120px;padding-top:12px}.photo-panel{background:#fff;border-radius:8px;padding:24px}.photo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.photo-heading h1{font-size:16px;font-weight:500;margin:0}.photo-main button{font:inherit;font-size:13px;padding:0 14px;min-height:38px;border:0;border-radius:4px;background:#f5f5f5;color:#555;cursor:pointer}.photo-main button:disabled{opacity:.4;cursor:default}.photo-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px}.photo-stage{height:430px;background:#f2f4f3;position:relative;overflow:hidden;border-radius:4px}.photo-stage.dragging{outline:2px dashed #07c160}.photo-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.photo-stage canvas:active{cursor:grabbing}.photo-main #empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:transparent;border:1px dashed #dce4de}.photo-main #empty svg{width:46px;height:46px;stroke:#079447;stroke-width:1.4}.photo-main #empty strong{font-size:16px;font-weight:500}.photo-main #empty span{font-size:12px;color:#888}.photo-controls{display:flex;align-items:center;gap:12px;padding-top:16px}.photo-controls label{display:flex;align-items:center;flex:1;gap:12px;font-size:12px;color:#888}.photo-controls input{width:100%;min-width:40px;accent-color:#07c160}.photo-settings>label,.photo-settings #custom label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#888;margin-bottom:14px}.photo-settings select,.photo-settings input{width:100%;font:inherit;font-size:13px;border:1px solid #ededed;border-radius:4px;padding:0 10px;height:40px;background:white;color:#191919;box-sizing:border-box}.photo-spec{font-size:12px;color:#999;margin:-2px 0 24px}.photo-result{min-height:160px;background:#f7f7f7;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;margin:20px 0 16px}.photo-result img{max-height:130px;max-width:100%;object-fit:contain;box-shadow:0 0 0 1px #e5e5e5}.photo-result span{color:#888;font-size:12px}.photo-main .primary{width:100%;background:#07c160;color:#fff;min-height:42px}.photo-settings #status{color:#888;font-size:12px;line-height:1.7;min-height:20px;margin:12px 0 0}#custom{display:flex;gap:8px;align-items:center}#custom label{min-width:0;flex:1}#custom>span{color:#aaa}.photo-main [hidden]{display:none!important}.photo-main :focus-visible{outline:2px solid #07c160;outline-offset:2px}@media(max-width:700px){.photo-panel{padding:16px}.photo-layout{grid-template-columns:1fr;gap:24px}.photo-stage{height:360px}.photo-heading{margin-bottom:16px}.photo-controls{gap:8px}.photo-main button{padding:0 10px;min-height:40px}.photo-settings{display:flex;flex-direction:column}.photo-settings>.photo-spec,.photo-settings>#custom,.photo-settings>#customLimit,.photo-settings>#status{grid-column:1/-1}.photo-settings>label:first-child{grid-column:1/-1}.photo-result{margin:6px 0 16px;min-height:140px}.photo-settings>.primary{grid-column:1/-1}.photo-settings input{font-size:16px}}
.photo-controls label{white-space:nowrap}.photo-controls input{flex:1}