.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#0009;z-index:10;position:absolute;top:0;left:0;right:0}.top-bar button{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.top-bar button:hover{background:#ffffff4d}.top-bar button.active{background:#ffc10780;color:#ffd600}.camera-view{flex:1;position:relative;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}.camera-view video{width:100%;height:100%;object-fit:cover}.camera-view video.mirror{transform:scaleX(-1)}.watermark-overlay{position:absolute;left:16px;right:16px;pointer-events:none;z-index:5;transition:top .3s,bottom .3s}.watermark-overlay.dragging{transition:none;opacity:.9}.watermark-overlay.dragging .watermark-content{box-shadow:0 0 20px #3b82f699;border-color:#3b82f6cc}.drag-hint{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:#3b82f6cc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;pointer-events:none;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.watermark-content{background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.watermark-content.theme-minimal{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:0}.watermark-content.theme-dark{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.watermark-content.theme-gradient{background:linear-gradient(135deg,#667eea66,#764ba266);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.watermark-content.theme-retro{background:#8b451380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(210,180,140,.3)}.watermark-content.theme-retro .wm-date{font-family:Courier New,monospace;letter-spacing:3px}.watermark-content.theme-neon{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,255,.3);box-shadow:0 0 20px #0ff3,inset 0 0 10px #00ffff1a}.watermark-content.theme-neon .wm-date,.watermark-content.theme-neon .wm-time{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5)}.watermark-content.theme-elegant{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:4px solid rgba(255,215,0,.6)}.watermark-content.theme-elegant .wm-date{font-weight:300;letter-spacing:2px}.watermark-content.theme-bold{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px}.watermark-content.theme-bold .wm-date{font-size:32px;font-weight:900;letter-spacing:1px}.watermark-content.theme-vintage{background:#3c281499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px dashed rgba(210,180,140,.4)}.watermark-content.theme-vintage .wm-date{font-family:Georgia,serif;font-style:italic}.wm-date{font-size:28px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.wm-time{font-size:16px;font-weight:400;opacity:.9;margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.wm-location{font-size:13px;opacity:.85;margin-top:8px;display:flex;align-items:center;gap:4px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.wm-custom{font-size:13px;opacity:.85;margin-top:4px;text-shadow:0 1px 4px rgba(0,0,0,.5);font-style:italic}.wm-device{font-size:11px;opacity:.6;margin-top:6px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.wm-weather{font-size:13px;opacity:.85;margin-top:4px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.wm-logo{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}.wm-logo-text{font-size:12px;font-weight:600;opacity:.7;letter-spacing:2px}.wm-coords{font-size:10px;opacity:.5;font-family:Courier New,monospace}.flash{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:20;opacity:0;pointer-events:none;transition:opacity .1s}.flash.active{opacity:1;transition:opacity 0s}#captureCanvas{display:none}.bottom-bar{padding:20px;background:#000c;display:flex;justify-content:center;align-items:center;gap:40px;z-index:10;position:absolute;bottom:0;left:0;right:0}.capture-btn{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer;position:relative;transition:all .15s}.capture-btn:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;background:#fff;transition:all .15s}.capture-btn:active{transform:scale(.9)}.capture-btn:active:after{background:#ccc}.side-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.side-btn:hover{background:#ffffff4d}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center}.preview-modal.show{display:flex}.preview-modal img{max-width:90%;max-height:70vh;border-radius:12px;box-shadow:0 8px 32px #00000080}.preview-actions{display:flex;gap:16px;margin-top:24px}.preview-actions button{padding:12px 28px;border-radius:25px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#43a047}.btn-share{background:#2196f3;color:#fff}.btn-share:hover{background:#1e88e5}.btn-close{background:#ffffff26;color:#fff}.btn-close:hover{background:#ffffff40}.settings-panel{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#141414fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;transition:right .3s ease;overflow-y:auto;padding:20px;border-left:1px solid rgba(255,255,255,.1)}.settings-panel.open{right:0}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:49;display:none}.settings-overlay.show{display:block}.settings-title{font-size:20px;font-weight:700;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.settings-title button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer}.setting-group{margin-bottom:20px}.setting-group label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08)}.setting-group h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:8px}.toggle{width:48px;height:26px;background:#fff3;border-radius:13px;position:relative;cursor:pointer;transition:background .3s;flex-shrink:0}.toggle.on{background:#4caf50}.toggle:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left .3s}.toggle.on:after{left:24px}.text-input{width:100%;padding:10px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;margin-top:8px;outline:none}.text-input:focus{border-color:#fff6;background:#ffffff26}.color-options{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-dot.active{border-color:#fff;transform:scale(1.15)}.style-options{display:flex;gap:8px;margin-top:10px}.style-options.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-btn{padding:6px 14px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.style-btn.active{background:#ffffff40;border-color:#fff6}.drag-instruction{margin-top:10px;padding:10px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:13px;color:#93c5fd;line-height:1.5}.storage-info{padding:12px;background:#ffffff0d;border-radius:8px;margin-top:10px}.storage-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{font-size:14px;color:#fffc}.stat-value{font-size:18px;font-weight:700;color:#fff}.storage-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.storage-bar-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);transition:width .3s ease}.storage-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;color:#ffffffb3}.clear-btn{width:100%;padding:10px;background:#ff475733;border:1px solid rgba(255,71,87,.4);border-radius:8px;color:#ff4757;font-size:14px;cursor:pointer;transition:all .2s}.clear-btn:hover:not(:disabled){background:#ff47574d;border-color:#ff475799}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0afa;z-index:60;display:none;flex-direction:column;overflow-y:auto}.gallery-panel.show{display:flex}.gallery-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#0a0a0af2;z-index:1}.header-left,.header-right{display:flex;align-items:center;gap:12px}.gallery-header h2{font-size:20px}.gallery-header button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.batch-mode-btn{font-size:16px!important;padding:6px 12px;background:#3b82f633!important;border-radius:6px;border:1px solid rgba(59,130,246,.5)!important}.batch-mode-btn:hover{background:#3b82f64d!important}.selected-count{font-size:14px;color:#3b82f6;font-weight:500}.batch-toolbar{padding:12px 20px;background:#141414fa;display:flex;gap:12px;position:sticky;top:60px;z-index:2;border-bottom:1px solid rgba(255,255,255,.1)}.batch-action{padding:8px 16px;border:none;border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.batch-action:hover:not(:disabled){background:#fff3}.batch-action.delete:hover:not(:disabled){background:#ff4757cc}.batch-action.download:hover:not(:disabled){background:#22c55ecc}.batch-action:disabled{opacity:.3;cursor:not-allowed}.batch-hint{padding:10px 20px;background:#3b82f61a;border-left:3px solid #3b82f6;color:#93c5fd;font-size:13px;line-height:1.5;position:sticky;top:120px;z-index:2}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}.gallery-item{position:relative;width:100%;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .2s}.gallery-item img:hover{opacity:.8}.gallery-item.selected{outline:3px solid #3b82f6;outline-offset:-3px}.gallery-item.selected img{opacity:.7}.select-indicator{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#3b82f6e6;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;pointer-events:none}.delete-photo-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.gallery-item:hover .delete-photo-btn{opacity:1}.delete-photo-btn:hover{background:#ff4757cc;border-color:#ff4757}.gallery-empty{text-align:center;padding:60px 20px;opacity:.5}.gallery-empty .icon{font-size:48px;margin-bottom:16px}.toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(20px);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 24px;border-radius:20px;font-size:14px;z-index:150;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.permission-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.permission-icon{font-size:64px;margin-bottom:24px}.permission-screen h2{font-size:24px;margin-bottom:12px}.permission-screen p{opacity:.7;margin-bottom:32px;line-height:1.6}.permission-btn{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.permission-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}.app-container{display:flex;flex-direction:column;height:100vh;max-width:500px;margin:0 auto;position:relative}@media (min-width: 768px){.app-container{max-width:420px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}}