:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#121210;--ink-900:#191816;--ink-850:#211f1c;--ivory-50:#f7f3ea;--ivory-200:#ddd5c6;--ivory-400:#a99f90;--gold-500:#b7914a;--gold-400:#c9a866;--danger-400:#d38a7b;--line:#f7f3ea21;--radius-sm:8px;--radius-md:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--shadow-focus:0 0 0 3px #b7914a57}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink-950);color:var(--ivory-50);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,p,figure,fieldset{margin:0}fieldset{border:0;min-width:0;padding:0}.sr-only,.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px;box-shadow:var(--shadow-focus)}button{font:inherit;min-width:44px;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-850);color:var(--ivory-50);cursor:pointer}button:hover:not(:disabled){border-color:var(--gold-500);color:var(--gold-400)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{font:inherit;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-850);color:var(--ivory-50)}input[type=text]:disabled{opacity:.6;cursor:not-allowed}input[type=range]{width:100%;min-height:44px;accent-color:var(--gold-500);background:0 0}input[type=radio]{width:18px;height:18px;accent-color:var(--gold-500);margin:0}input[type=file]{font:inherit;color:var(--ivory-200);max-width:100%}input:disabled{cursor:not-allowed}input[aria-invalid=true]{border-color:var(--danger-400)}progress{appearance:none;border:1px solid var(--line);background:var(--ink-850);border-radius:999px;width:100%;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:var(--ink-850)}progress::-webkit-progress-value{background:var(--gold-500);border-radius:999px}progress::-moz-progress-bar{background:var(--gold-500);border-radius:999px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--ink-950);min-height:100vh;color:var(--ivory-50)}.workspace{width:min(1440px,100% - 48px);margin:0 auto;padding:32px 0 56px}.workspace-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.photo-panel,.settings-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-900)}.settings-panel{position:sticky;top:24px}.brand-header{margin-bottom:var(--space-6)}.brand-mark{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin-bottom:var(--space-1);font-family:Georgia,Times New Roman,serif;font-size:.875rem}.brand-title{margin-bottom:var(--space-1);font-size:1.75rem;font-weight:600}.brand-tagline{color:var(--ivory-400)}.photo-panel{padding:var(--space-5);gap:var(--space-4);align-content:start;display:grid}.workspace-notice{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-left:3px solid var(--gold-500);border-radius:var(--radius-sm);background:var(--ink-850)}.job-progress{gap:var(--space-2);display:grid}.job-progress-label{color:var(--ivory-200)}.failure-panel,.completion-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-850);justify-items:start;display:grid}.failure-panel [role=alert],.download-panel [role=alert]{color:var(--danger-400)}.download-panel{gap:var(--space-3);justify-items:start;width:100%;display:grid}.download-preview{border-radius:var(--radius-sm);background:#000;width:100%}.download-note{color:var(--ivory-400)}.photo-dropzone{gap:var(--space-1);padding:var(--space-6);border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--ink-850);text-align:center;cursor:pointer;justify-items:center;display:grid}.photo-dropzone--active{border-color:var(--gold-500);background:#b7914a1f}.photo-dropzone--disabled{opacity:.55;cursor:not-allowed}.photo-dropzone:focus-within{outline:2px solid var(--gold-400);outline-offset:2px;box-shadow:var(--shadow-focus)}.photo-dropzone-prompt{font-weight:600}.photo-dropzone-hint{color:var(--ivory-400);font-size:.875rem}.photo-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.photo-list--locked .photo-row{opacity:.75}.photo-row{gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-850);grid-template-columns:32px 48px 96px minmax(0,1fr) minmax(120px,160px) auto;align-items:center;display:grid}.photo-order{text-align:center;color:var(--ivory-400);font-variant-numeric:tabular-nums;grid-column:1}.photo-drag-handle{padding:var(--space-2);cursor:grab;grid-column:2}.photo-thumb{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-950);grid-column:3;width:96px;display:block}.photo-tile{aspect-ratio:3/2;width:96px;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-950);color:var(--ivory-400);overflow-wrap:anywhere;text-align:center;grid-column:3/5;place-items:center;font-size:.75rem;display:grid}.photo-name{overflow-wrap:anywhere;color:var(--ivory-200);grid-column:4}.photo-progress{grid-column:5}.photo-row__actions{gap:var(--space-2);flex-wrap:wrap;grid-column:6;display:flex}.photo-move-up,.photo-move-down,.photo-remove{padding:var(--space-2) var(--space-3)}.settings-panel{padding:var(--space-5);gap:var(--space-5);display:grid}.settings-group{gap:var(--space-2);display:grid}.settings-group>label,.music-field-label,.range-field>label,.segmented-control>legend{color:var(--ivory-200);font-size:.875rem}.music-field{gap:var(--space-2);display:grid}.music-field-current{color:var(--ivory-200)}.music-field-size{color:var(--ivory-400);font-size:.875rem}.music-field-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.range-field{gap:var(--space-1);display:grid}.range-field-value{color:var(--gold-400);font-variant-numeric:tabular-nums;font-size:.875rem}.field-error{color:var(--danger-400);font-size:.875rem}.segmented-control-options{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.segmented-control-option label{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-850);color:var(--ivory-50);cursor:pointer;display:flex}.segmented-control-option label:hover{border-color:var(--gold-500)}.segmented-control-option--active label{border-color:var(--gold-500);color:var(--gold-400);background:#b7914a29}.segmented-control-hint{margin:var(--space-1) 0 0 var(--space-3);color:var(--ivory-400);font-size:.75rem;display:block}.segmented-control:disabled .segmented-control-option{opacity:.55}.segmented-control:disabled .segmented-control-option label{cursor:not-allowed}.settings-summary{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);justify-items:start;display:grid}.settings-duration{color:var(--ivory-200)}.settings-codec-note{color:var(--ivory-400);font-size:.875rem}.settings-summary>button,.download-panel>button,.failure-panel>button,.completion-panel>button{background:var(--gold-500);border-color:var(--gold-500);color:var(--ink-950);font-weight:600}.settings-summary>button:hover:not(:disabled),.download-panel>button:hover:not(:disabled),.failure-panel>button:hover:not(:disabled),.completion-panel>button:hover:not(:disabled){background:var(--gold-400);border-color:var(--gold-400);color:var(--ink-950)}@media (width<=900px){.workspace{width:min(100% - 32px,760px)}.workspace-grid{grid-template-columns:1fr}.settings-panel{position:static}}@media (width<=520px){.workspace{width:min(100% - 24px,520px);padding-top:20px}.photo-panel,.settings-panel{padding:var(--space-4)}.photo-row{grid-template-columns:40px 64px minmax(0,1fr)}.photo-row__actions{grid-column:2/-1}.photo-order{grid-area:1/1}.photo-drag-handle{grid-area:2/1}.photo-thumb{grid-area:1/2;width:64px}.photo-tile{aspect-ratio:auto;grid-area:1/2/auto/4;width:auto}.photo-name{grid-area:1/3}.photo-progress{grid-area:3/1/auto/-1}.photo-row__actions{grid-row:2}}