.photo-editor-workspace{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}.photo-editor-workspace>:first-child{width:min(100%,308px)}.photo-editor-frame{position:relative;overflow:hidden;border:2px solid #124e66;border-radius:12px;background:#fff;box-shadow:0 0 0 6px #124e6615}.photo-editor-frame canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.photo-editor-frame canvas:active{cursor:grabbing}.photo-editor-frame canvas:focus-visible{outline:4px solid #38bdf8;outline-offset:-4px}.photo-editor-guides{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,transparent 33.1%,#124e6630 33.1%,#124e6630 33.5%,transparent 33.5%,transparent 66.4%,#124e6630 66.4%,#124e6630 66.8%,transparent 66.8%)}.photo-editor-guides span{position:absolute;inset:33.33% 0;border-top:1px solid #124e6630;border-bottom:1px solid #124e6630}.photo-editor-preview{width:176px}.photo-editor-portrait{width:176px;height:224px;border-radius:12px;background:#fff;border:1px solid #cbd5e1}.photo-editor-button{border:1px solid #94a3b8;border-radius:8px;padding:8px 14px;font-size:14px;min-height:44px}.photo-editor-button:disabled{opacity:.5;cursor:default}.photo-editor-button:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.photo-editor-apply{color:#fff;background:#124e66;border-color:#124e66}