body{margin:0;padding:0;overflow:hidden;background-color:#000;font-family:sans-serif;color:#4a4a4a}.popup-content h3{color:#c87533}#container{width:100vw;height:100vh}.icon-btn{width:48px;height:48px;padding:0;border:none;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.icon-btn img{width:26px;height:26px;filter:brightness(0) invert(1)}#toggle-camera{position:fixed;top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));z-index:10}#ui-layer{position:fixed;bottom:max(30px,env(safe-area-inset-bottom,30px));left:0;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:10;padding:0 20px;box-sizing:border-box;pointer-events:none}#ui-layer>*{pointer-events:auto}#shutter{width:72px;height:72px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:#ff4757;box-shadow:0 2px 8px #0000004d;transition:transform .2s,background .3s}#shutter.pressing{transform:scale(1.15)}#shutter.recording{background:#c0392b;border-color:#ff6b6b;animation:pulse-rec 1s infinite}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.6}}#rec-indicator{position:fixed;top:max(16px,env(safe-area-inset-top,16px));left:50%;transform:translate(-50%);background:#ff4757;color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;z-index:15;animation:pulse-rec 1s infinite}#camera-start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.camera-start-content{text-align:center;color:#fff}.camera-start-icon{width:64px;height:64px;filter:brightness(0) invert(1);opacity:.8;margin-bottom:16px}.camera-start-content p{font-size:18px;opacity:.9}.hidden{display:none!important}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.popup-close-btn{background:#fff3}.popup-content{background:#fff;padding:20px;border-radius:10px;width:80%;max-width:400px;text-align:center}#help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.help-content{text-align:left}.help-list{list-style:none;padding:0;margin:12px 0 0}.help-list li{padding:8px 0;border-bottom:1px solid #eee;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:10px}.help-list li:last-child{border-bottom:none}.help-icon{width:26px;height:26px;flex-shrink:0;object-fit:contain}.shutter-icon{display:inline-block;width:26px;height:26px;border-radius:50%;background:#ff4757;border:2px solid #ddd;box-sizing:border-box}.asset-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.asset-item{width:100%;cursor:pointer;border:1px solid #ddd;border-radius:8px}#preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:20;display:flex;align-items:center;justify-content:center}#preview-modal .popup-content{width:90%;max-width:420px}#preview-modal .popup-content img,#preview-modal .popup-content video{width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.preview-actions{margin-top:15px;display:flex;gap:12px;justify-content:center}.preview-icon-btn.share{background:#4caf50}.preview-icon-btn.close{background:#505050b3}