:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e0f12;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:#050608}button,input{font:inherit}button{border:0}.center-screen,.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,390px);display:grid;gap:18px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#13161bdb;box-shadow:0 24px 80px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:8px;color:#0d1117;background:#f7d154}.login-card h1,.login-card p{margin:0}.login-card h1{font-size:30px;line-height:1.05}.login-card p,.title-stack span,.gallery-header span{color:#a7b0bd}.login-card label{display:grid;gap:8px;color:#cfd7e2}.login-card input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:#ffffff14;outline:none}.login-card input:focus{border-color:#2fb3ff;box-shadow:0 0 0 3px #2fb3ff38}.app-shell{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.camera-pane,.gallery-pane{min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#08090cf5}.camera-pane{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.gallery-pane{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden}.app-shell.camera-live{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.camera-live .camera-pane{position:relative;grid-template-rows:minmax(0,1fr);border:0;border-radius:0;background:#050607}.camera-live .gallery-pane{display:none}.camera-live .top-bar,.camera-live .control-strip,.camera-live .capture-row{position:absolute;right:0;left:0;z-index:10;border:0;background:linear-gradient(#00000075,#0000)}.camera-live .top-bar{top:0;padding:max(12px,env(safe-area-inset-top)) 12px 18px}.camera-live .control-strip{bottom:calc(96px + env(safe-area-inset-bottom));padding:18px 12px 8px;background:linear-gradient(#0000,#00000085)}.camera-live .capture-row{bottom:0;padding:10px 12px max(14px,env(safe-area-inset-bottom));background:#00000094;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-bar,.gallery-header,.control-strip,.capture-row,.result-header,.result-actions{display:flex;align-items:center}.top-bar{justify-content:space-between;gap:12px;padding:12px}.top-spacer{width:44px;height:44px;flex:0 0 44px}.title-stack{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}.title-stack strong{font-size:17px}.title-stack span{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.icon-button,.tool-button,.primary-button,.secondary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease}.icon-button:active,.tool-button:active,.primary-button:active,.secondary-button:active,.pose-card:active,.shutter-button:active{transform:scale(.97)}.icon-button{width:44px;color:#f8fafc;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.icon-button.dark{color:#0c1016;background:#fff}.primary-button{min-width:120px;padding:0 18px;color:#071019;background:#2fb3ff;font-weight:750}.secondary-button{min-width:92px;padding:0 16px;color:#f8fafc;border:1px solid rgba(255,255,255,.16);background:#ffffff14}.secondary-button.compact{min-width:48px;width:48px;padding:0}.primary-button:disabled,.shutter-button:disabled{cursor:not-allowed;opacity:.5}.camera-stage{position:relative;min-height:0;overflow:hidden;background:#050607;touch-action:none;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 210px) * var(--camera-ratio, .5625)));height:min(100%,calc(100vw / var(--camera-ratio, .5625)));max-width:100%;max-height:100%;aspect-ratio:var(--camera-ratio, 9 / 16)}.camera-live .camera-stage{grid-area:1 / 1;align-self:center;justify-self:center;width:min(100vw,calc(100dvh * var(--camera-ratio, .5625)));height:min(100dvh,calc(100vw / var(--camera-ratio, .5625)));max-width:none;max-height:none;aspect-ratio:var(--camera-ratio, 9 / 16)}.camera-stage.ratio-9-16{--camera-ratio: .5625}.camera-stage.ratio-3-4{--camera-ratio: .75}.camera-stage.ratio-1-1{--camera-ratio: 1}.camera-stage video{width:100%;height:100%;display:block;object-fit:cover}.camera-stage video.mirrored{transform:scaleX(-1)}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;align-content:center;gap:18px;color:#dce3ec;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#0a0c10;background-size:33.333% 33.333%}.composition-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:33.333% 33.333%}.hair-reminder{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;z-index:5;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.hair-reminder span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:#070a0f6b;box-shadow:0 5px 14px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:850;white-space:nowrap}.hair-reminder.is-peeking{opacity:.9}.hair-reminder.is-quiet{opacity:.52;transform:scale(.92);transform-origin:left top}.hair-reminder.is-quiet span{min-height:22px;padding:0 7px;font-size:11px;background:#070a0f4d}.timer-count{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;color:#fff;font-size:96px;font-weight:900;text-shadow:0 8px 34px rgba(0,0,0,.65);pointer-events:none}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:none}.overlay-layer.is-idle{pointer-events:none}.overlay-layer img{position:absolute;top:50%;left:50%;width:min(86%,560px);height:auto;max-height:86%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform,opacity}.camera-error{position:absolute;right:12px;bottom:12px;left:12px;z-index:4;padding:12px;border:1px solid rgba(255,107,107,.5);border-radius:8px;color:#ffd5d5;background:#411212d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.45}.camera-error button{min-height:34px;margin-top:8px;padding:0 12px;border-radius:8px;color:#411212;background:#ffd5d5;font-weight:800}.camera-error span{display:block}.control-strip{gap:12px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.camera-tools{display:flex;gap:8px;padding:10px 12px 0;overflow-x:auto}.tool-pill{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;color:#dbe5f1;background:#ffffff14;white-space:nowrap;cursor:pointer}.tool-pill.active{color:#071019;background:#f7d154}.slider-control{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;color:#cfd7e2}.slider-control input{width:100%;accent-color:#f7d154}.capture-row{justify-content:center;gap:10px;padding:0 12px 14px}.tool-button{position:relative;flex:0 1 78px;min-width:64px;padding:0 10px;color:#f8fafc;border:1px solid rgba(255,255,255,.13);background:#ffffff12;font-size:13px;font-weight:650}.tool-button input{position:absolute;inset:auto;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}.shutter-button{width:76px;height:76px;flex:0 0 76px;border:7px solid rgba(255,255,255,.86);border-radius:999px;background:#fff;box-shadow:inset 0 0 0 5px #15171b,0 8px 26px #00000059;cursor:pointer}.gallery-header{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr) 44px;justify-content:stretch;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.gallery-title{display:grid;gap:3px}.gallery-tabs{min-width:0;height:38px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f}.gallery-tabs button{min-width:0;border-radius:6px;color:#a7b0bd;background:transparent;cursor:pointer;font-weight:800}.gallery-tabs button.active{color:#071019;background:#f7d154}.error-text{margin:0;padding:0 14px;color:#ffb3b3;font-size:14px}.notice-text{margin:0;padding:0 14px;color:#f7d154;font-size:14px}.offline-banner{position:absolute;right:12px;bottom:104px;left:12px;z-index:8;padding:10px 12px;border:1px solid rgba(247,209,84,.42);border-radius:8px;color:#fce9a0;background:#3c2e0ae6;font-size:13px;font-weight:750;line-height:1.4}.gallery-search{min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin:10px 14px 0;padding:0 11px;border-radius:8px;color:#cbd5e1;background:#ffffff14}.gallery-search input{min-width:0;border:0;color:#fff;background:transparent;outline:none}.gallery-search input::placeholder{color:#8f99a8}.pose-grid,.bottom-shot-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;contain:content}.pose-filters,.shot-tools{display:flex;gap:8px;padding:10px 14px 0;overflow-x:auto}.pose-filters button,.shot-tools button{min-height:34px;padding:0 11px;border-radius:999px;color:#dbe5f1;background:#ffffff14;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:750}.pose-filters button.active{color:#071019;background:#2fb3ff}.shot-tools button:disabled{opacity:.52;cursor:not-allowed}.bottom-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pose-card{position:relative;min-width:0;display:grid;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;background:#ffffff0f;cursor:pointer;text-align:left;contain:layout paint}.pose-card.selected{border-color:#2fb3ff;box-shadow:0 0 0 2px #2fb3ff2e}.pose-card img{width:100%;aspect-ratio:4 / 5;display:block;border-radius:6px;object-fit:cover;background:#fff;contain:paint}.pose-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.pose-card-actions{position:absolute;top:12px;left:12px;display:flex;gap:6px}.pose-action{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#00000094}.pose-action.active{color:#071019;background:#f7d154}.pose-tags{display:flex;flex-wrap:wrap;gap:5px}.tag-chip{max-width:none;padding:3px 7px;border-radius:999px;color:#cbd5e1;background:#ffffff14;font-size:11px;line-height:1.2}.tag-chip.active{color:#071019;background:#2fb3ff}.delete-pose{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#00000094}.result-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#000000c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-sheet,.shot-sheet,.import-sheet,.crop-sheet,.feedback-sheet,.more-sheet{width:min(100%,520px);max-height:100%;display:grid;gap:12px;padding:12px;border-radius:8px;color:#111827;background:#f8fafc}.result-sheet{grid-template-rows:auto minmax(0,1fr) auto}.shot-sheet{width:min(100%,720px);grid-template-rows:auto minmax(0,1fr) auto;gap:14px;background:#f6f8fb}.import-sheet{grid-template-rows:auto auto auto auto}.feedback-sheet{grid-template-rows:auto auto minmax(0,auto) auto auto}.import-sheet.is-importing textarea,.import-sheet.is-importing input{opacity:.72}.crop-sheet{width:min(100%,620px);grid-template-rows:auto auto minmax(0,1fr) auto auto}.more-sheet{width:min(100%,520px);max-height:min(88dvh,720px);overflow:auto}.more-sheet .result-header{position:sticky;top:-12px;z-index:2;padding-top:12px;background:#f8fafc}.more-tabs{position:sticky;top:47px;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;background:#e5edf5}.more-tabs button{min-height:40px;border-radius:7px;color:#475569;background:transparent;font-weight:850;cursor:pointer}.more-tabs button.active{color:#071019;background:#fff;box-shadow:0 1px 6px #0f172a1f}.more-section{display:grid;gap:8px;padding:10px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff}.more-primary{border-color:#2fb3ff2e;background:#f4f8fb}.more-section>span{color:#64748b;font-size:13px;font-weight:800}.more-section-heading{display:grid;gap:2px}.split-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.split-heading button{min-height:34px;padding:0 10px}.inline-actions{display:flex;gap:6px;align-items:center}.inline-actions button{white-space:nowrap}.more-section-heading strong{color:#111827;font-size:15px}.more-section-heading span,.mini-hint,.suggested-tags>span,.tag-group>span{color:#64748b;font-size:12px;font-weight:750}.mini-hint{margin:0;line-height:1.5}.more-section button,.more-section label{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:8px;color:#111827;background:#eef3f8;font-weight:750;cursor:pointer}.more-section button.active,.more-section label.active{color:#071019;background:#f7d154}.more-section button:disabled{opacity:.55;cursor:not-allowed}.setting-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;padding:8px 10px;border-radius:8px;background:#eef3f8}.setting-row>span{color:#475569;font-size:13px;font-weight:800}.setting-row.vertical{grid-template-columns:minmax(0,1fr);align-items:stretch}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:3px;border-radius:8px;background:#dfe7ef}.segmented-control button{min-height:34px;padding:0 8px;background:transparent}.segmented-control button.active{color:#071019;background:#fff;box-shadow:0 1px 4px #0f172a1f}.segmented-control.roomy{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.storage-stats div{min-width:0;display:grid;gap:2px;padding:10px;border-radius:8px;background:#eef3f8}.storage-stats span,.storage-stats small{color:#64748b;font-size:11px;font-weight:750}.storage-stats strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#111827;font-size:14px}.import-queue-panel{display:grid;gap:8px;padding:10px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fbfcfe}.import-job-list{display:grid;gap:8px}.import-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:9px;border:1px solid rgba(15,23,42,.08);border-left:4px solid #94a3b8;border-radius:8px;background:#fff}.import-job.status-running,.import-job.status-queued{border-left-color:#2fb3ff}.import-job.status-done{border-left-color:#22c55e}.import-job.status-failed{border-left-color:#ef4444}.import-job div{min-width:0;display:grid;gap:2px}.import-job strong,.import-job span,.import-job small{overflow-wrap:anywhere}.import-job strong{color:#111827;font-size:13px}.import-job span,.import-job small{color:#64748b;font-size:12px;font-weight:700}.import-job em{color:#2563eb;font-size:12px;font-style:normal;font-weight:850}.import-job .progress-track{grid-column:1 / -1}.feedback-summary{display:grid;gap:6px;padding:10px;border-radius:8px;background:#eef8ff}.feedback-summary strong{color:#0f172a;font-size:13px}.feedback-summary p{margin:0;white-space:pre-wrap;color:#1f2937;font-size:13px;line-height:1.5}.tag-panel,.feedback-admin{background:#fbfcfe}.feedback-list{display:grid;gap:9px}.feedback-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(15,23,42,.1);border-left:4px solid #2fb3ff;border-radius:8px;background:#fff}.feedback-card.status-planned{border-left-color:#f7d154}.feedback-card.status-done{border-left-color:#22c55e}.feedback-card.status-dismissed{border-left-color:#94a3b8}.feedback-card-head,.feedback-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback-card-head strong{color:#0f172a;font-size:14px}.feedback-card-head span,.feedback-card small{color:#64748b;font-size:12px;font-weight:700}.feedback-card p{margin:0;color:#111827;font-size:14px;line-height:1.45}.feedback-status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.feedback-status-row button,.feedback-card-actions button{min-height:32px;padding:0 8px;border-radius:999px;color:#475569;background:#eef3f8;font-size:12px;font-weight:800}.feedback-status-row button.active{color:#071019;background:#f7d154}.feedback-card-actions{justify-content:flex-start}.feedback-card-actions button{display:inline-flex;align-items:center;gap:5px}.suggested-tags,.tag-group{display:grid;gap:7px}.suggested-tags{padding:9px;border:1px dashed rgba(47,179,255,.34);border-radius:8px;background:#f1f8fd}.tag-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.tag-chip-grid button{min-height:34px;padding:0 11px;border-radius:999px;background:#eef3f8}.tag-chip-grid button.active{color:#071019;background:#f7d154}.more-section input[type=file]{position:absolute;inset:auto;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}.tags-section{grid-template-columns:repeat(2,minmax(0,1fr))}.tags-section>span{grid-column:1 / -1}.result-header{justify-content:space-between}.sheet-title{display:grid;gap:2px}.sheet-title span{color:#64748b;font-size:13px}.import-field{display:grid;gap:8px;font-weight:700}.import-field textarea,.import-field input{width:100%;padding:12px;border:1px solid rgba(15,23,42,.18);border-radius:8px;color:#0f172a;background:#fff;outline:none}.import-field textarea{min-height:132px;resize:vertical}.import-field input{min-height:44px}.import-field textarea:focus,.import-field input:focus{border-color:#2fb3ff;box-shadow:0 0 0 3px #2fb3ff33}.import-check{min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#0f172a;background:#eef5fb;font-weight:700}.import-check input{width:18px;height:18px;accent-color:#2fb3ff}.import-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid rgba(47,179,255,.28);border-radius:8px;color:#0f172a;background:#e8f5ff}.import-progress div{min-width:0;display:grid;gap:5px}.import-progress strong,.import-progress span{overflow-wrap:anywhere}.import-progress span{color:#475467;font-size:13px}.import-progress em{justify-self:end;color:#2563eb;font-size:12px;font-style:normal;font-weight:800}.progress-track{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#2563eb24}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fb3ff,#f7d154);transition:width .42s ease}.feedback-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:8px;background:#e5edf5}.feedback-type button{min-height:40px;border-radius:7px;color:#475569;background:transparent;font-weight:850;cursor:pointer}.feedback-type button.active{color:#071019;background:#fff;box-shadow:0 1px 6px #0f172a1f}.feedback-field textarea{min-height:150px}.feedback-hint{margin:0;color:#64748b;font-size:13px;line-height:1.45}.import-error,.import-hint{margin:0;font-size:14px;line-height:1.45}.import-error{color:#b42318}.import-error.stacked{display:grid;gap:10px}.import-error.stacked p{margin:0}.import-error .secondary-button{color:#0f172a;background:#e8edf4}.import-error input[type=file]{position:absolute;inset:auto;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}.import-hint{color:#475467}.result-sheet img{width:100%;min-height:0;max-height:min(68dvh,720px);border-radius:8px;object-fit:contain;background:#0b0c10}.crop-preview{position:relative;min-height:0;overflow:hidden;border-radius:8px;background:#0b0c10}.crop-preview img{width:100%;max-height:min(52dvh,520px);display:block;object-fit:contain}.crop-box{position:absolute;border:2px solid #f7d154;box-shadow:0 0 0 999px #00000061;pointer-events:none}.crop-controls{display:grid;gap:8px}.crop-controls label{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;color:#0f172a;font-weight:750}.crop-controls input{width:100%;accent-color:#2fb3ff}.result-actions{justify-content:stretch;gap:10px;flex-wrap:wrap}.result-actions .primary-button,.result-actions .secondary-button{flex:1 1 150px;min-width:min(100%,140px)}.result-actions .secondary-button{color:#0f172a;border-color:#0f172a26;background:#e8edf4}.shot-sheet .result-header{padding:2px 2px 0}.shot-sheet .sheet-title strong{color:#111827;font-size:20px}.shot-sheet .sheet-title span{color:#64748b;font-weight:750}.shot-sheet .result-actions{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:2px;background:#f6f8fb}.shot-toast{position:absolute;left:50%;bottom:116px;z-index:5;transform:translate(-50%);padding:9px 13px;border-radius:8px;color:#071019;background:#f7d154;font-size:14px;font-weight:800;box-shadow:0 12px 34px #00000059}.shot-toast.queued{background:#2fb3ff}.app-toast{position:absolute;right:14px;bottom:116px;left:14px;z-index:7;width:fit-content;max-width:calc(100% - 28px);margin:0 auto;padding:10px 14px;border-radius:999px;color:#071019;background:#f7d154;box-shadow:0 12px 34px #0000005c;font-size:14px;font-weight:800;text-align:center;pointer-events:none}.shot-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;overflow:auto;padding:2px 2px 4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;contain:content}.shot-card{position:relative;display:grid;gap:7px;padding:7px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a14;contain:layout paint}.shot-card.selected{border-color:#2fb3ff;box-shadow:0 0 0 2px #2fb3ff38}.shot-media{position:relative;inset:auto;overflow:hidden;border-radius:6px;background:#0b0c10}.shot-card-tools{position:absolute;top:8px;right:8px;left:8px;z-index:2;display:flex;justify-content:space-between;gap:6px;pointer-events:none}.shot-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#090c12a3;box-shadow:0 8px 18px #00000038;pointer-events:auto}.shot-icon.active{color:#071019;background:#f7d154}.shot-icon.danger{margin-left:auto}.shot-card img{width:100%;aspect-ratio:3 / 4;display:block;object-fit:cover}.shot-share-button{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:8px;color:#071019;background:#2fb3ff;font-size:14px;font-weight:850;white-space:nowrap;cursor:pointer}.shot-share-button:disabled{opacity:.55;cursor:not-allowed}.empty-shots{min-height:220px;display:grid;place-items:center;border:1px dashed rgba(15,23,42,.2);border-radius:8px;color:#64748b;background:#fff;font-weight:700}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){body{overflow:hidden}.app-shell{--mobile-gallery-height: clamp(344px, 35dvh, 380px);height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--mobile-gallery-height);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);gap:0;overflow:hidden}.app-shell.camera-live{grid-template-rows:minmax(0,1fr)}.camera-pane,.gallery-pane{border-right:0;border-left:0;border-radius:0}.gallery-pane{height:var(--mobile-gallery-height);max-height:var(--mobile-gallery-height);border-top:1px solid rgba(255,255,255,.12)}.pose-grid,.bottom-shot-grid{grid-auto-flow:column;grid-auto-columns:112px;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;align-items:start;padding:10px 14px 14px}.bottom-shot-grid{grid-auto-columns:154px}.pose-card{gap:5px;padding:6px;height:138px;grid-template-rows:94px 18px}.pose-card img{height:94px;aspect-ratio:1 / 1}.pose-card span{font-size:12px}.pose-card .pose-tags{display:none}.pose-card-actions{top:10px;left:10px}.delete-pose{top:10px;right:10px}.top-bar{padding-top:max(10px,env(safe-area-inset-top))}.capture-row{padding-bottom:max(14px,env(safe-area-inset-bottom))}.sheet-modal,.shot-modal{align-items:end;padding-right:0;padding-left:0;padding-bottom:0}.shot-sheet{width:100%;max-height:min(82dvh,720px);border-bottom-right-radius:0;border-bottom-left-radius:0;padding:14px 14px max(14px,env(safe-area-inset-bottom))}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shot-card{padding:6px;gap:6px}.shot-card img{aspect-ratio:1 / 1.24}.shot-icon{width:33px;height:33px}.shot-share-button{min-height:40px;font-size:13px}.more-sheet{width:100%;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media(max-width:430px){.app-shell{--mobile-gallery-height: clamp(332px, 38dvh, 360px)}.tool-button{flex:0 0 50px;min-width:50px;font-size:12px}.tool-button span{display:none}.shutter-button{width:70px;height:70px;flex-basis:70px}.slider-control{grid-template-columns:58px minmax(0,1fr)}.pose-grid,.bottom-shot-grid{grid-auto-columns:106px}.pose-card{height:132px;grid-template-rows:88px 18px}.pose-card img{height:88px}}
