.studio-page{box-sizing:border-box;width:100%;max-width:1200px;min-height:calc(100dvh - 100px);color:var(--studio-ink);background:var(--studio-page);--primary:var(--studio-primary);--primary-foreground:var(--studio-surface);flex-direction:column;gap:28px;margin:0 auto;padding:40px 48px;font-family:-apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif;display:flex}.studio-back{min-width:44px;min-height:44px;color:var(--studio-secondary);align-self:flex-start;padding:0;font-size:14px}.studio-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.studio-title{font-size:30px;font-weight:600;line-height:1.2}.studio-subtitle{max-width:520px;color:var(--studio-secondary);margin-top:10px;font-size:15px;line-height:1.5}.studio-actions{flex-shrink:0;gap:10px;display:flex}.studio-page .studio-secondary{background:var(--studio-surface);border:1px solid var(--studio-border);height:40px;color:var(--studio-secondary);border-radius:10px;font-size:14px}.studio-page .studio-secondary:disabled{opacity:1;color:var(--studio-disabled)}.studio-page .studio-download-all{background:var(--studio-surface);border:1px solid var(--studio-border);height:40px;color:var(--studio-secondary);border-radius:10px;font-size:14px}.studio-page .studio-download-all:disabled{opacity:1;color:var(--studio-disabled)}.studio-drop{border:1.5px dashed var(--studio-drop-border);background:var(--studio-surface);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:420px;padding:32px 20px;display:flex}.studio-drop.is-dragging{border-style:solid;border-color:var(--studio-primary);background:var(--studio-drag)}.studio-icon{background:var(--studio-tint);width:56px;height:56px;color:var(--studio-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-drop-heading{font-size:20px;font-weight:600}.studio-helper{max-width:520px;color:var(--studio-secondary);font-size:14px;line-height:1.6}.studio-page .studio-add{border-radius:10px;height:44px;padding:12px 20px;font-size:14px}.studio-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.studio-page .studio-more{white-space:normal;border:1.5px dashed var(--studio-drop-border);background:var(--studio-surface);height:auto;min-height:180px;color:var(--studio-primary);border-radius:16px;flex-direction:column;font-size:14px}.studio-steps{color:var(--studio-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.studio-steps li{align-items:center;gap:8px;display:flex}.studio-step-circle{border:1px solid var(--studio-drop-border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:inline-flex}.studio-steps .is-current{color:var(--studio-primary);font-weight:600}.is-current .studio-step-circle{color:var(--studio-surface);background:var(--studio-primary);border-color:var(--studio-primary)}.studio-bottom,.studio-mobile-heading{display:none}.studio-page button{max-width:100%}.studio-review-header{align-items:center}.studio-review-header .studio-subtitle{margin-top:6px}.studio-upload{border-radius:12px;min-height:44px}.studio-focus{min-width:0}.studio-focus-body{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.studio-viewer-column{min-width:0}.studio-viewer{aspect-ratio:4/3;background:var(--studio-surface);touch-action:pan-y;border-radius:14px;position:relative;overflow:hidden}.studio-photo{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.studio-comparison{position:absolute;inset:0;overflow:hidden}.studio-hidden-photo{visibility:hidden}.studio-compare-toggle{background:var(--studio-surface);border-radius:10px;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0f172a2e}.studio-compare-toggle button{min-height:38px;color:var(--studio-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600}.studio-compare-toggle button.is-active{color:var(--studio-primary);background:color-mix(in srgb, var(--studio-primary) 12%, transparent)}.studio-working{background:color-mix(in srgb, var(--studio-surface) 70%, transparent);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.studio-viewer-navigation{color:var(--studio-muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.studio-viewer-navigation button{min-width:44px;min-height:44px}.studio-decision{flex-direction:column;gap:20px;min-width:0;padding:12px 0;display:flex}.studio-photo-info h2{overflow-wrap:anywhere;font-size:16px;font-weight:600}.studio-photo-info p{color:var(--studio-muted);margin-top:6px;font-size:14px}.studio-photo-info .studio-error{color:var(--studio-discard)}.studio-decisions{flex-direction:column;gap:10px;display:flex}.studio-decisions button,.studio-download{white-space:normal;border-radius:10px;min-height:44px;font-size:14px}.studio-kept-state{border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;display:flex}.studio-kept-state>button{width:100%}.studio-kept-state.is-kept{color:var(--studio-kept);background:var(--studio-kept-bg);padding-left:14px}.studio-kept-state.is-kept>button{width:auto;color:inherit}.studio-kept-state>span{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.studio-kept-state svg{width:18px}.studio-page .studio-discard{color:var(--studio-discard)}.studio-page .studio-mobile-keep{display:none}.studio-keyboard{color:var(--studio-muted);margin-top:auto;font-size:14px}.studio-batch-heading{color:var(--studio-muted);margin:18px 0 12px;font-size:14px}.studio-filmstrip{gap:12px;min-width:0;padding:4px 3px 12px;display:flex;overflow-x:auto}.studio-page .studio-thumb{background:var(--studio-surface);border:2px solid #0000;border-radius:10px;flex:0 0 112px;width:112px;height:84px;padding:0;position:relative;overflow:hidden}.studio-thumb img{object-fit:cover;width:100%;height:100%}.studio-page .studio-thumb.is-selected{border-color:var(--studio-primary)}.studio-thumb-check{background:var(--studio-kept-bg);width:22px;height:22px;color:var(--studio-kept);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.studio-thumb-check svg{width:15px}.studio-thumb-loading{position:absolute}.studio-page .studio-film-add{border:1px dashed var(--studio-drop-border);width:112px;height:84px;color:var(--studio-primary);background:var(--studio-surface);border-radius:10px;flex-direction:column;flex:0 0 112px;gap:2px;display:flex}.studio-film-add small{color:var(--studio-muted);font-size:14px}.studio-review-steps{display:none}@media (768px<=width<1180px){.studio-page{padding:32px 40px}.studio-title{font-size:34px}.studio-subtitle{font-size:17px}.studio-page button{border-radius:12px;min-height:44px;font-size:16px}.studio-icon{width:64px;height:64px}.studio-drop-heading{font-size:22px}.studio-helper{font-size:15px}.studio-page .studio-add{height:48px}.studio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-steps{font-size:15px}.studio-step-circle{width:24px;height:24px}}@media (768px<=width<1180px) and (orientation:portrait){.studio-header{flex-direction:column;align-items:flex-start;gap:16px}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-review-header{grid-template-columns:1fr auto;display:grid}.studio-review-header>.min-w-0{grid-area:2/1/auto/-1}.studio-review-header .studio-actions{grid-area:1/2}.studio-review-header .studio-actions .studio-secondary{display:none}.studio-focus-body{grid-template-columns:minmax(0,1fr);gap:8px}.studio-decision{flex-flow:wrap;align-items:center;gap:12px}.studio-photo-info{flex:200px}.studio-decisions{flex-flow:wrap}.studio-kept-state{order:3}.studio-discard{order:-1}.studio-keyboard{display:none}.studio-batch-heading{border-top:1px solid var(--studio-border);padding-top:16px}.studio-page .studio-thumb,.studio-page .studio-film-add{flex-basis:128px;width:128px;height:96px}}@media (width<768px){.studio-page{min-height:calc(100dvh - 100px);padding:16px 20px calc(190px + env(safe-area-inset-bottom));gap:20px}.studio-header{display:block}.studio-title{font-size:26px}.studio-subtitle{font-size:15px}.studio-actions,.studio-desktop-heading,.studio-drop .studio-add,.studio-steps{display:none}.studio-mobile-heading{display:inline}.studio-drop{flex:none;min-height:280px}.studio-icon{width:52px;height:52px}.studio-drop-heading{font-size:18px}.studio-helper{font-size:14px}.studio-video-helper{display:block}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-page button{min-height:44px}.studio-bottom{bottom:calc(64px + env(safe-area-inset-bottom));z-index:30;background:var(--studio-page);margin-top:auto;padding:10px 0;display:block;position:sticky}.studio-bottom p{text-align:center;color:var(--studio-muted);margin-bottom:8px;font-size:14px}.studio-bottom button{border-radius:12px;width:100%;height:52px;font-size:16px}.studio-review-header{flex-wrap:wrap;gap:12px;display:flex}.studio-review-header>.min-w-0{width:100%}.studio-focus-body{display:block}.studio-decision{gap:12px;padding:6px 0}.studio-decisions{border:1px solid var(--studio-border);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.studio-decisions button{border:0;border-radius:0;gap:3px;min-height:48px;padding:8px 4px;font-size:14px}.studio-decisions .studio-retry{border-inline:1px solid var(--studio-border)}.studio-decisions svg{width:14px;height:14px}.studio-kept-state,.studio-keyboard{display:none}.studio-discard{order:-1}.studio-page .studio-mobile-keep{display:flex}.studio-mobile-keep.is-kept{color:var(--studio-kept);background:var(--studio-kept-bg)}.studio-page .studio-thumb,.studio-page .studio-film-add{border-radius:10px;flex-basis:72px;width:72px;height:64px}.studio-filmstrip{gap:8px}.studio-film-add small{display:none}.studio-batch-heading{margin-top:12px}.studio-download{width:100%}}@media (pointer:coarse){.studio-page button{min-height:44px}}[data-theme=dark] .studio-page,.dark .studio-page{--studio-page:var(--background);--studio-surface:var(--card);--studio-ink:var(--foreground);--studio-secondary:var(--muted-foreground);--studio-border:var(--border);--studio-drop-border:var(--border);--studio-tint:var(--accent);--studio-drag:var(--accent);--studio-kept:var(--good);--studio-kept-bg:var(--good-soft);--studio-discard:var(--bad)}
