.portrait.string-portrait{padding:10px;background:#f5eedf;transform:none;border:1px solid #e6c6ac;border-radius:220px 220px 8px 8px;box-shadow:13px 13px 0 #30101c24;overflow:hidden}.portrait-surface{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:210px 210px 2px 2px;background:#f5eedf}.portrait-surface img,.portrait-surface canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:0;filter:none;aspect-ratio:1}.portrait-surface #portrait-photo{object-fit:cover}.portrait-surface canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.portrait-surface canvas.is-dragging{cursor:grabbing}.portrait-surface canvas:focus-visible{outline:2px dashed #8c6852;outline-offset:-8px}.portrait-tools{display:flex;justify-content:center;gap:9px;align-items:center;padding:10px 0 3px}.portrait-tools button{border:1px solid #b69984;border-radius:5px;min-height:39px;min-width:80px;padding:7px 15px;color:#541c31;background:transparent;font-size:11px}.portrait-tools button:hover{background:#541c31;color:#f5eedf}.portrait-tools button:disabled{opacity:.4;cursor:default;background:transparent;color:#541c31}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.portrait.string-portrait{padding:8px;width:min(100%,340px)}.portrait-tools{padding-top:8px}.portrait-tools button{min-height:42px}}