*{box-sizing:border-box}html,body{color:#f1f1f1;background:#111;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}button,input,textarea{font:inherit}button{color:#f2f2f2;cursor:pointer;background:#2b2b2b;border:none}button:active{transform:scale(.98)}.app{background:#101010;width:100%;min-height:100dvh}.cameraShell{background:#111;grid-template-rows:1fr auto;min-height:100dvh;display:grid}.cameraStage{background:#050505;place-items:center;display:grid;position:relative;overflow:hidden}.previewCanvas{background:#000;max-width:100%;max-height:100%;display:block}.hiddenVideo{display:none}.topCameraBar{top:calc(env(safe-area-inset-top) + 14px);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.roundButton,.aspectButton{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141494;border:1px solid #ffffff38;border-radius:999px;width:44px;height:44px;font-size:22px}.aspectButton{border-radius:12px;width:52px;height:42px;font-size:14px;font-weight:700}.statusPill{color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000007a;border-radius:999px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;position:absolute;bottom:12px;left:12px}.bottomDock{padding:10px 12px calc(env(safe-area-inset-bottom) + 16px);background:#181818;border-top:1px solid #303030}.filterTray{scrollbar-width:none;gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.filterTray::-webkit-scrollbar{display:none}.filterCard{color:#eee;background:0 0;border-radius:10px;flex:0 0 76px;width:76px;padding:0}.filterCard.active .filterThumb{outline-offset:2px;outline:2px solid #f2f2f2}.filterThumbWrap{width:76px;height:76px;position:relative}.filterThumb,.noneThumb{object-fit:cover;color:#aaa;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;place-items:center;width:76px;height:76px;display:grid}.noneThumb{font-size:26px}.filterStar{color:#fff;text-shadow:0 1px 6px #000c;font-size:14px;position:absolute;top:4px;right:5px}.filterName{text-align:center;color:#d6d6d6;white-space:nowrap;text-overflow:ellipsis;width:76px;margin-top:6px;font-size:11px;overflow:hidden}.shutterRow{grid-template-columns:1fr 96px 1fr;align-items:center;gap:8px;height:108px;display:grid}.shutterButton{background:#efefef;border:6px solid #2a2a2a;border-radius:999px;justify-self:center;width:76px;height:76px;box-shadow:0 0 0 3px #efefef,0 10px 28px #00000059}.dockButton{color:#d8d8d8;background:0 0;justify-items:center;gap:6px;font-size:12px;display:grid}.dockIcon{font-size:20px;line-height:1}.subButtons{gap:8px;padding-top:2px;display:flex;overflow-x:auto}.subButtons button{background:#252525;border:1px solid #393939;border-radius:999px;flex:none;padding:9px 12px;font-size:12px}.fileInput{display:none}.sheet{z-index:20;color:#f1f1f1;background:#151515;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.hidden{display:none!important}.sheetHeader{height:calc(env(safe-area-inset-top) + 64px);padding:env(safe-area-inset-top) 18px 0;background:#181818;border-bottom:1px solid #2e2e2e;grid-template-columns:72px 1fr 72px;align-items:center;display:grid}.sheetTitle{text-align:center;font-size:17px;font-weight:700}.plainButton{color:#f1f1f1;background:0 0;font-size:18px}.sheetHeader .plainButton:first-child{text-align:left;font-size:34px}.sheetHeader .plainButton:last-child{text-align:right;font-size:15px}.sheetBody{padding:18px;overflow-y:auto}.label{color:#cfcfcf;margin-bottom:8px;font-size:13px;display:block}.textInput,.textArea{color:#f3f3f3;background:#0f0f0f;border:1px solid #3b3b3b;border-radius:14px;outline:none;width:100%;padding:12px}.textInput:disabled{opacity:.55}.textArea{resize:vertical;min-height:82px}.nameCounter{text-align:right;color:#9a9a9a;margin-top:6px;font-size:12px}.sliders{margin-top:18px}.sliderRow{grid-template-columns:88px 1fr 48px;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:grid}.sliderRow label{color:#d8d8d8}.sliderRow input[type=range]{accent-color:#e8e8e8;width:100%}.value{text-align:right;color:#aaa;font-variant-numeric:tabular-nums}.shareBox,.galleryPanel{background:#1d1d1d;border:1px solid #303030;border-radius:18px;margin-top:22px;padding:14px}.panelTitle{color:#eee;margin-bottom:10px;font-size:13px;font-weight:700}.buttonGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.buttonGrid button{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:999px;padding:10px 12px}.notice{color:#a8a8a8;margin-top:10px;font-size:12px;line-height:1.6}.gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.galleryItem{aspect-ratio:1;object-fit:cover;background:#000;border-radius:12px;width:100%}.manageList{gap:12px;padding-bottom:40px;display:grid}.manageItem{background:#1d1d1d;border:1px solid #303030;border-radius:16px;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.manageThumb{object-fit:cover;background:#2a2a2a;border-radius:12px;width:62px;height:62px}.manageMeta{min-width:0}.manageName{color:#f1f1f1;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.manageSub{color:#999;margin-top:4px;font-size:12px}.manageActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:160px;display:flex}.manageActions button{background:#292929;border:1px solid #3a3a3a;border-radius:999px;padding:7px 9px;font-size:12px}@media (width>=760px){.app{border-left:1px solid #2a2a2a;border-right:1px solid #2a2a2a;max-width:520px;margin:0 auto}.sheet{max-width:520px;margin:0 auto;left:50%;transform:translate(-50%)}}