.photo-editor{width:min(1220px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;padding:24px}.photo-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.photo-workspace,.photo-fields{min-width:0}.photo-fields{display:flex;flex-direction:column;gap:16px}.photo-fields label{display:grid;gap:6px}.photo-fields textarea,.photo-fields input{box-sizing:border-box;max-width:100%;width:100%}.photo-tabs,.photo-pan{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.photo-tabs [aria-pressed=true],.photo-previews [aria-pressed=true]{border-color:#43d8d5;background:#254749}.photo-canvas,.photo-mini{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#09060d;border-radius:10px}.photo-canvas{touch-action:none;outline-offset:4px;border:2px solid #43d8d5}.photo-canvas img,.photo-mini img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.photo-canvas img[hidden],.photo-mini img[hidden]{display:none}.photo-canvas>span{position:absolute;inset:0;display:grid;place-content:center;color:#d3c9df}.photo-canvas>span[hidden]{display:none}.photo-adjust{margin-top:16px}.photo-adjust label{display:block}.photo-adjust output{float:right;color:#6de3d6}.photo-adjust input{width:100%;margin:14px 0;accent-color:#43d8d5}.photo-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.photo-previews button{padding:5px;min-width:0;font-size:.8rem}.photo-previews button>span:last-child{display:block;margin:7px 0}.photo-ai{padding:14px;border:1px solid #716080;border-radius:12px}.photo-ai summary{cursor:pointer;font-weight:700}.photo-ai summary img{vertical-align:middle;margin-right:7px}.photo-ai label{margin-top:16px}.photo-ai button{margin:14px 0}.photo-ai small,.photo-fields>small{display:block;color:#cfc3dc;line-height:1.5}.photo-status:empty{display:none}.photo-hint{font-size:.9rem;color:#cfc3dc}.photo-editor input[type=file]{font-size:.85rem}.photo-editor button:focus-visible,.photo-canvas:focus-visible{outline:2px solid #d2ff46;outline-offset:3px}@media(max-width:800px){.photo-editor-layout{grid-template-columns:1fr}.photo-editor{padding:16px}.photo-tabs button{flex:1;padding:8px;font-size:.8rem}.photo-previews{gap:4px}}

.photo-sequence{display:grid;gap:12px;padding:14px;margin-top:12px;background:#43d8d50d;border:1px solid #43d8d550;border-radius:12px}.photo-sequence label{display:flex;align-items:center;gap:10px}.photo-sequence input{width:20px;height:20px;flex:none;accent-color:#43d8d5}.photo-sequence small{color:#cfc3dc;line-height:1.5}
.photo-form{display:grid;gap:20px}.photo-source{padding:16px;border:1px solid #716080;border-radius:12px}.photo-source>summary,.photo-sequence>summary{cursor:pointer;font-weight:700;color:#6de3d6}.photo-source-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;margin-top:18px}.photo-source label{display:grid;gap:8px}.photo-source input,.photo-source textarea{width:100%;box-sizing:border-box}.photo-source small,.photo-save-row small{color:#cfc3dc}.photo-source .photo-ai{border:0;padding:0}.photo-source .photo-ai label{margin-top:0}.photo-source .photo-ai button{display:flex;align-items:center;gap:8px;margin:12px 0}.photo-editor-layout[hidden]{display:none}.photo-previews{margin-bottom:14px}.photo-previews [data-frame-zoom]{color:#6de3d6;font-weight:400;white-space:nowrap}.photo-fields h3,.photo-workspace h3{margin:0 0 14px}.photo-fields{gap:14px}.photo-sequence[open]{display:grid}.photo-sequence:not([open]){display:block}.photo-sequence label{margin-top:12px}.photo-save-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.photo-status{margin:0}.photo-canvas{max-height:45dvh}.photo-upload input{margin:8px 0}@media(max-width:800px){.photo-source-grid{grid-template-columns:1fr}.photo-editor-layout{gap:20px}.photo-canvas{max-height:none}}

/* Align the source choices: title, input, action and help text. */
.photo-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(110px,auto) auto auto;column-gap:24px;row-gap:12px}
.photo-source-grid>.photo-upload,.photo-source-grid>.photo-ai{display:grid;grid-row:span 4;grid-template-rows:subgrid;min-width:0;align-items:start}
.photo-source-grid label{margin:0;font-weight:700}
.photo-source-grid textarea,.photo-upload-info{height:100%;min-height:110px;margin:0;box-sizing:border-box}
.photo-upload-info{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed #716080;border-radius:12px;color:#cfc3dc;line-height:1.5}
.photo-upload-info svg{width:32px;height:32px;flex:none;color:#6de3d6}
.photo-source-grid .photo-upload button,.photo-source-grid .photo-ai button{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;min-height:48px;margin:0}
.photo-source-grid small{display:block;margin:0;font-size:.85rem;font-weight:400;line-height:1.5}
.photo-source input[type=file][hidden]{display:none}
@media(max-width:800px){.photo-source-grid{grid-template-columns:minmax(0,1fr)}.photo-source-grid>.photo-ai{margin-top:12px}}
.photo-source-grid .photo-upload button,.photo-source-grid .photo-ai button{align-self:stretch}
.photo-editor [hidden]{display:none!important}
.photo-workspace>label{display:grid;gap:6px;margin-bottom:16px}
.photo-workspace [data-reveal-mode]{width:100%;max-width:100%;box-sizing:border-box}