: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,select,textarea{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)}.login-screen{overflow:auto}.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}.login-intro{max-width:34ch;color:#d7dee8!important;font-size:15px;line-height:1.55}.login-trust{display:grid;gap:8px;padding:12px;border:1px solid rgba(47,179,255,.24);border-radius:8px;color:#dce8f5;background:#2fb3ff14;font-size:13px;font-weight:700;line-height:1.4}.login-trust span{position:relative;padding-left:18px}.login-trust span:before{position:absolute;top:.48em;left:2px;width:7px;height:7px;border-radius:999px;background:#57c68b;content:""}.login-help{margin-top:-10px;color:#8f9bac;font-size:12px;line-height:1.45}.login-card>.error-text{padding:0}.login-card>.primary-button{width:100%}.role-badge{min-height:24px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:0 8px;border:1px solid rgba(87,198,139,.34);border-radius:999px;color:#c8f3dc;background:#57c68b1f;font-size:11px;font-weight:850}.role-badge.admin{border-color:#f7d15466;color:#fff0ad;background:#f7d1541f}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(47,179,255,.8);outline-offset:3px}.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:flex;flex-direction:column;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)) max(12px,env(safe-area-inset-right)) 18px max(12px,env(safe-area-inset-left))}.camera-live .control-strip{bottom:calc(108px + env(safe-area-inset-bottom));padding:18px 12px 8px;background:linear-gradient(#0000,#00000085)}.camera-live .capture-row{bottom:0;padding:10px max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));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-select: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}.camera-live .camera-error{top:calc(82px + env(safe-area-inset-top));right:14px;bottom:auto;left:14px;z-index:20;width:fit-content;max-width:min(520px,calc(100% - 28px));margin:0 auto}.camera-guidance{position:absolute;right:12px;bottom:12px;left:12px;z-index:6;min-width:0;display:grid;justify-items:start;gap:3px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background:#070a0fb3;box-shadow:0 10px 28px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;cursor:pointer}.camera-guidance strong,.camera-guidance span{max-width:100%;overflow-wrap:anywhere}.camera-guidance strong{font-size:14px;line-height:1.35}.camera-guidance span{color:#b8c3d1;font-size:11px;font-weight:750}.camera-pose-strip{display:flex;gap:8px;min-width:0;padding:8px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.camera-pose-strip::-webkit-scrollbar{display:none}.camera-pose-strip button{position:relative;flex:0 0 58px;width:58px;height:68px;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:8px;color:#071019;background:#ffffff1a;cursor:pointer}.camera-pose-strip .camera-pose-import{position:relative;display:grid;flex:0 0 58px;width:58px;height:68px;place-content:center;gap:4px;padding:4px;border:1px dashed rgba(255,255,255,.48);border-radius:8px;color:#fff;background:#050608b8;font-size:10px;font-weight:750;text-align:center;cursor:pointer}.camera-pose-strip .camera-pose-import svg{position:static;justify-self:center;padding:0;background:transparent}.camera-pose-strip .camera-pose-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.camera-pose-strip button.active{border-color:#f7d154;background:#f7d154}.camera-pose-strip img{width:100%;height:100%;display:block;border-radius:4px;object-fit:cover;background:#fff}.camera-pose-strip svg{position:absolute;right:4px;bottom:4px;padding:2px;border-radius:999px;background:#f7d154}.camera-live .camera-pose-strip{position:absolute;right:0;bottom:calc(180px + env(safe-area-inset-bottom));left:0;z-index:11;background:#05060894;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-live .camera-guidance{bottom:calc(180px + env(safe-area-inset-bottom))}.camera-live .camera-pane:has(.camera-pose-strip) .camera-guidance{bottom:calc(270px + env(safe-area-inset-bottom))}.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.active{color:#071019;border-color:#f7d154;background:#f7d154}.timer-tool-value{min-width:25px;min-height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:900;line-height:1}.camera-resolution{flex:0 0 auto;min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#9fa9b7;background:#ffffff0f;font-variant-numeric:tabular-nums;font-size:11px;font-weight:750;white-space:nowrap}.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-library-actions{display:flex;gap:8px;padding:10px 14px 0;overflow-x:auto;scrollbar-width:none}.pose-library-actions::-webkit-scrollbar{display:none}.pose-library-actions button,.pose-library-actions label{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e6edf5;background:#ffffff12;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}.pose-library-actions input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.shot-plan-panel{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:9px 14px 0;padding:7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0e}.shot-plan-panel>div:first-child{display:grid;gap:1px;color:#f8fafc;white-space:nowrap}.shot-plan-panel>div:first-child strong{font-size:12px}.shot-plan-panel>div:first-child span{color:#97a6b8;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.shot-plan-slots{min-width:0;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.shot-plan-slots::-webkit-scrollbar{display:none}.shot-plan-slots button{min-height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 9px;border:1px solid rgba(255,255,255,.11);border-radius:6px;color:#cbd5e1;background:#ffffff0e;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.shot-plan-slots button.complete{color:#071019;border-color:#f7d154;background:#f7d154}.pose-grid,.bottom-shot-grid{flex:1 1 auto;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;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;background:#ffffff0f;text-align:left;contain:layout paint}.pose-card.selected{border-color:#2fb3ff;box-shadow:0 0 0 2px #2fb3ff2e}.pose-select{position:relative;min-width:0;display:grid;gap:8px;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.pose-card.completed .pose-select>img{opacity:.74}.pose-complete-label{position:absolute;right:6px;bottom:27px;min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;color:#071019;background:#82d9ab;box-shadow:0 4px 12px #0000002e;font-size:10px;font-weight:900}.pose-card img,.pose-select img{width:100%;aspect-ratio:4 / 5;display:block;border-radius:6px;object-fit:cover;background:#fff;contain:paint}.pose-select>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;z-index:2}.pose-action{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#00000094;box-shadow:0 5px 14px #0000002e;cursor:pointer}.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;box-shadow:0 5px 14px #0000002e;cursor:pointer}.pose-grid.is-empty{grid-template-columns:minmax(0,1fr)}.gallery-empty{grid-column:1 / -1;min-width:0;min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px 16px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;color:#dce3ec;background:#ffffff09;text-align:center}.gallery-empty svg{color:#718096}.gallery-empty strong,.gallery-empty span{max-width:28ch;overflow-wrap:anywhere}.gallery-empty strong{font-size:15px}.gallery-empty span{color:#8f9baa;font-size:13px;line-height:1.45}.gallery-empty button{min-height:40px;margin-top:4px;padding:0 14px;border-radius:8px;color:#071019;background:#2fb3ff;font-weight:800;cursor:pointer}.gallery-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.gallery-empty-actions label,.gallery-empty-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 14px;border-radius:8px;color:#071019;background:#2fb3ff;font-size:13px;font-weight:800;cursor:pointer}.gallery-empty-actions button{color:#e8edf4;border:1px solid rgba(255,255,255,.14);background:#ffffff14}.gallery-empty-actions input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.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%,880px);max-height:min(calc(100dvh - 28px),900px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;overflow:hidden;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-tabs.member-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.more-tabs.admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.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}.more-section .setting-row{display:grid}.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}.camera-live .app-toast{top:calc(82px + env(safe-area-inset-top));bottom:auto;z-index:20}.status-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:10px 14px 0;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f}.status-tabs button{min-width:0;min-height:38px;padding:0 10px;border-radius:6px;color:#9fa9b7;background:transparent;font-size:13px;font-weight:850;cursor:pointer}.status-tabs button.active{color:#071019;background:#f7d154}.shot-sheet .status-tabs{margin:0;border-color:#0f172a14;background:#e5edf5}.shot-sheet .status-tabs button{color:#526173}.shot-sheet .status-tabs button.active{color:#071019;background:#fff;box-shadow:0 1px 5px #0f172a1f}.draft-card{position:relative;min-width:0;display:grid;align-content:start;gap:7px;padding:7px;border:1px solid rgba(15,23,42,.12);border-left:3px solid #94a3b8;border-radius:8px;color:#0f172a;background:#fff;box-shadow:0 8px 24px #0000001f;contain:layout paint}.draft-card.status-pending{border-left-color:#2fb3ff}.draft-card.status-shared{border-left-color:#57c68b}.draft-card.status-failed{border-left-color:#ef6a6a}.draft-card.active{border-color:#2fb3ff;border-left-color:#2fb3ff;box-shadow:0 0 0 2px #2fb3ff33}.draft-preview-button{position:relative;width:100%;min-width:0;padding:0;overflow:hidden;border-radius:6px;background:#0b0c10;cursor:pointer}.draft-preview-button img{width:100%;aspect-ratio:3 / 4;display:block;object-fit:cover}.draft-status,.quality-badge{position:absolute;z-index:1;min-height:24px;display:inline-flex;align-items:center;max-width:calc(100% - 16px);padding:0 7px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#070a0fb8;box-shadow:0 5px 14px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850}.draft-status{top:8px;left:8px}.draft-status.status-pending{color:#071019;border-color:transparent;background:#2fb3ff}.draft-status.status-shared{color:#071019;border-color:transparent;background:#82d9ab}.draft-status.status-failed{border-color:transparent;background:#b42318}.quality-badge{right:8px;bottom:8px;color:#071019;border-color:transparent;background:#f7d154}.quality-badge.warning{color:#fff;background:#a34620}.draft-card-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#526173;font-size:11px;font-weight:750}.draft-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card-meta time{flex:0 0 auto;font-variant-numeric:tabular-nums}.draft-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px}.draft-card-actions button{min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border-radius:7px;color:#071019;background:#2fb3ff;font-size:13px;font-weight:850;cursor:pointer}.draft-card-actions button.danger{padding:0;color:#9f1f17;background:#feeceb}.draft-card-actions button:disabled{opacity:.55;cursor:not-allowed}.draft-error{padding:7px 8px;border-radius:6px;color:#9f1f17;background:#fff0ef;overflow-wrap:anywhere;font-size:11px;font-weight:750;line-height:1.4}.draft-review-main{min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:12px;align-items:start}.draft-review-scroll{min-height:0;display:grid;align-content:start;gap:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1px 3px 4px 1px;-webkit-overflow-scrolling:touch}.draft-review-image{position:relative;min-height:320px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#090b0e}.draft-review-image img,.draft-review-image canvas{width:100%;height:100%;max-height:min(62dvh,720px);display:block;object-fit:contain}.draft-review-image>.spin{position:absolute;z-index:2;color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.cover-badge{position:absolute;top:10px;right:10px;z-index:3;min-height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;color:#071019;background:#f7d154;box-shadow:0 4px 14px #0000003d;font-size:11px;font-weight:900}.draft-editor{min-width:0;display:grid;align-content:start;gap:10px}.cover-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#334155;background:#e8edf4;font-size:13px;font-weight:850;cursor:pointer}.cover-button.active{color:#071019;border-color:#f7d154;background:#f7d154}.draft-selector{min-width:0;display:flex;gap:8px;padding:2px;overflow-x:auto;scrollbar-width:thin}.ranked-draft{position:relative;flex:0 0 164px;min-width:0;padding-top:10px}.ranked-draft .draft-card{height:100%}.best-pick{position:absolute;top:0;left:10px;z-index:3;min-height:22px;display:inline-flex;align-items:center;padding:0 8px;border:2px solid #f6f8fb;border-radius:999px;color:#071019;background:#f7d154;box-shadow:0 4px 12px #0f172a29;font-size:10px;font-weight:900}.draft-selector>button{position:relative;flex:0 0 62px;width:62px;height:78px;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#dde5ed;cursor:pointer}.draft-selector>button.active{border-color:#2fb3ff;background:#2fb3ff}.draft-selector>button img{width:100%;height:100%;display:block;border-radius:4px;object-fit:cover}.preset-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;border-radius:8px;background:#e5edf5}.preset-selector button{min-width:0;min-height:40px;padding:0 6px;border-radius:6px;color:#526173;background:transparent;font-size:12px;font-weight:850;cursor:pointer}.preset-selector button.active{color:#071019;background:#fff;box-shadow:0 1px 5px #0f172a1f}.preset-selector button:disabled,.cover-button:disabled{cursor:not-allowed;opacity:.55}.ratio-selector{background:#e9edf2}.ratio-selector button{font-variant-numeric:tabular-nums}.edit-slider{min-height:58px;display:grid;gap:7px;padding:9px 10px;border:1px solid rgba(15,23,42,.1);border-radius:8px;color:#334155;background:#fff;font-size:12px;font-weight:800}.edit-slider input[type=range],.setting-slider input[type=range]{width:100%;min-width:0;margin:0;accent-color:#168ecf;cursor:pointer}.edit-slider input[type=range]:disabled{opacity:.45;cursor:not-allowed}.quality-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;border:1px solid rgba(15,23,42,.1);border-radius:8px;color:#334155;background:#f0f5f9}.quality-panel>div{min-width:0;display:grid;justify-items:center;gap:3px;padding:8px 5px;border-radius:6px;background:#fff;text-align:center}.quality-panel>div strong{font-size:18px;font-variant-numeric:tabular-nums}.quality-panel strong{color:#111827;font-size:13px}.quality-panel span,.quality-panel small{color:#64748b;font-size:12px;line-height:1.45}.quality-panel.warning{border-color:#b4530938;background:#fff8e8}.quality-warning{margin:0;padding:9px 10px;border:1px solid rgba(180,83,9,.2);border-radius:8px;color:#85430d;background:#fff5df;font-size:12px;font-weight:750;line-height:1.45}.danger-zone{display:grid;gap:8px;padding:10px;border:1px solid rgba(180,35,24,.2);border-radius:8px;background:#fff5f4}.danger-zone>strong,.danger-zone>span{color:#8f2018}.danger-zone .danger-button,.danger-zone .danger{color:#fff;background:#b42318}.danger-zone select{min-width:0;min-height:36px;padding:0 30px 0 10px;border:1px solid rgba(15,23,42,.14);border-radius:7px;color:#0f172a;background:#fff}.trash-panel{min-width:0;display:grid;gap:8px;padding:10px;border:1px solid rgba(180,35,24,.12);border-radius:8px;background:#fff}.trash-panel .split-heading>div{min-width:0;display:grid;gap:2px}.trash-panel .split-heading strong{color:#111827;font-size:14px}.trash-panel .split-heading span{color:#64748b;font-size:12px;font-weight:750}.trash-panel .danger-button.compact{min-width:52px;min-height:34px;padding:0 10px}.trash-list{min-width:0;display:grid;gap:7px;max-height:300px;overflow-y:auto;overscroll-behavior:contain}.trash-list article{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto 40px;align-items:center;gap:8px;padding:7px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f6f8fb}.trash-list article img{width:48px;height:58px;display:block;border-radius:6px;object-fit:cover;background:#e2e8f0}.trash-list article>div{min-width:0;display:grid;gap:3px}.trash-list article strong,.trash-list article span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-list article strong{color:#111827;font-size:12px}.trash-list article span{color:#64748b;font-size:11px;font-weight:700}.more-section .trash-list article button{min-width:0;min-height:36px;padding:0 10px;white-space:nowrap}.more-section .trash-list article .danger-button{width:40px;padding:0}.account-section{border-color:#0f172a1f;background:#f3f6f9}.account-section>button:last-child{color:#8f2018;background:#feeceb}.sheet-title .role-badge{color:#16633e;border-color:#16653f42;background:#e6f7ee;font-style:normal;vertical-align:middle}.sheet-title .role-badge.admin{color:#765500;border-color:#a0740047;background:#fff5c9}.switch-row{position:relative;min-height:48px;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;padding:8px 64px 8px 10px!important;text-align:left}.switch-row:after{position:absolute;top:50%;right:10px;width:44px;height:26px;border-radius:999px;background:radial-gradient(circle at 13px 50%,#fff 0 9px,transparent 10px),#aab5c1;box-shadow:0 2px 5px #0f172a47;content:"";transform:translateY(-50%);transition:background .16s ease}.more-section .switch-row.active,.more-section .switch-row[aria-pressed=true]{color:#111827;background:#eef3f8}.switch-row.active:after,.switch-row[aria-pressed=true]:after{background:radial-gradient(circle at 31px 50%,#fff 0 9px,transparent 10px),#168ecf}.setting-slider{min-height:54px!important;display:grid!important;grid-template-columns:minmax(90px,auto) minmax(0,1fr);align-items:center;gap:12px!important;padding:8px 10px!important}.setting-slider>span{color:#475569;font-size:13px;font-weight:800;white-space:nowrap}.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(min-width:700px){.shot-sheet .result-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.shot-sheet .result-actions .primary-button,.shot-sheet .result-actions .secondary-button{min-width:0}}@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}.pose-grid.is-empty,.bottom-shot-grid:has(.empty-shots){grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto}.bottom-shot-grid{grid-auto-columns:154px}.pose-card{padding:6px;height:138px}.pose-select{height:100%;grid-template-rows:94px 18px;gap:5px}.pose-card img,.pose-select img{height:94px;aspect-ratio:1 / 1}.pose-select>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,.draft-preview-button img{aspect-ratio:1 / 1.24}.draft-review-main{grid-template-columns:minmax(0,1fr)}.draft-review-image{min-height:280px}.ranked-draft{flex-basis:154px}.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:920px)and (orientation:portrait){.draft-review-scroll{display:flex;flex-direction:column;align-items:stretch}.draft-review-main{display:contents}.draft-review-image{order:1;flex:0 0 auto}.draft-selector{order:2;flex:0 0 auto}.draft-editor{order:3;flex:0 0 auto}}@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}.pose-select{grid-template-rows:88px 18px}.pose-card img,.pose-select img{height:88px}.tool-button .timer-tool-value{display:inline-flex}.camera-resolution{display:none}.preset-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-review-image{height:min(31dvh,260px);min-height:220px}.draft-review-image img,.draft-review-image canvas{max-height:100%}.trash-list article{grid-template-columns:44px minmax(0,1fr) auto 38px;gap:6px}.trash-list article img{width:44px;height:54px}.more-section .trash-list article button{min-height:36px;padding:0 7px}}@media(max-height:500px)and (orientation:landscape){.app-shell:not(.camera-live){--landscape-gallery-width: clamp(272px, 38vw, 340px);grid-template-columns:minmax(0,1fr) var(--landscape-gallery-width);grid-template-rows:minmax(0,1fr);gap:0;padding:0}.app-shell:not(.camera-live) .camera-pane,.app-shell:not(.camera-live) .gallery-pane{height:100dvh;max-height:100dvh}.app-shell:not(.camera-live) .gallery-pane{border-top:0;border-left:1px solid rgba(255,255,255,.12)}.app-shell:not(.camera-live) .camera-pane{grid-template-rows:auto minmax(0,1fr) auto auto}.app-shell:not(.camera-live) .camera-stage{width:min(100%,calc((100dvh - 132px) * var(--camera-ratio, .75)));height:min(100%,calc((100vw - var(--landscape-gallery-width)) / var(--camera-ratio, .75)))}.app-shell:not(.camera-live) .top-bar{padding-top:7px;padding-bottom:7px}.app-shell:not(.camera-live) .control-strip{padding-top:7px;padding-bottom:7px}.app-shell:not(.camera-live) .capture-row{padding-top:4px;padding-bottom:6px}.app-shell:not(.camera-live) .shutter-button{width:58px;height:58px;flex-basis:58px;border-width:5px}.camera-live .top-bar{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:8px;padding-left:max(12px,env(safe-area-inset-left))}.camera-live .capture-row{padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom));background:#00000080}.camera-live .shutter-button{width:62px;height:62px;flex-basis:62px;border-width:5px}.camera-live .control-strip{right:max(8px,env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));left:auto;width:min(46vw,360px);padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0506088a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-live .camera-pose-strip{top:calc(58px + env(safe-area-inset-top));right:auto;bottom:calc(70px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left));width:70px;flex-direction:column;padding:6px;overflow-x:hidden;overflow-y:auto;border-radius:8px}.camera-live .camera-pose-strip button,.camera-live .camera-pose-strip .camera-pose-import{flex-basis:62px;width:58px;height:62px}.camera-live .camera-guidance,.camera-live .camera-pane:has(.camera-pose-strip) .camera-guidance{top:calc(58px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;left:auto;width:min(42vw,320px,calc(100% - 16px));padding:7px 9px}.camera-live .camera-guidance strong{font-size:12px}.camera-live .camera-error,.camera-live .app-toast{top:calc(116px + env(safe-area-inset-top));max-width:min(44vw,340px)}.gallery-header{padding:8px 10px}.gallery-search{margin:7px 10px 0}.pose-library-actions,.pose-filters,.shot-tools{padding:7px 10px 0}.shot-plan-panel{margin:7px 10px 0}.pose-grid,.bottom-shot-grid{padding:8px 10px 10px}.shot-modal,.sheet-modal{align-items:stretch;padding:6px}.shot-sheet,.more-sheet{width:min(100%,760px);max-height:100%;margin:auto;border-radius:8px}.shot-sheet .result-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.shot-sheet .result-actions .primary-button,.shot-sheet .result-actions .secondary-button{min-width:0;min-height:40px;padding:0 8px;font-size:12px}.draft-review-main{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.draft-review-image{min-height:160px}.draft-review-scroll{gap:8px}.ranked-draft{flex-basis:142px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
