html,body,#root{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.camera-fallback{background:#2a2a2a;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.fallback-label{color:#ff6b00;font-size:20px;font-weight:700}.fallback-sub{color:#666;font-size:13px}.camera-container{background:#1a1a1a;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.camera-header{background:#1a1a1a;flex-shrink:0;align-items:center;width:100%;padding:10px 16px;display:flex}.camera-header-title{text-align:center;color:#fff;flex:1;font-size:16px;font-weight:600}.camera-header-icon{color:#ff6b00;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.camera-viewport-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.camera-bottom{background:#1a1a1a;flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:12px 24px 8px;display:flex}.area-label{color:#aaa;margin-bottom:12px;font-size:13px}.camera-controls{justify-content:space-around;align-items:center;width:100%;padding:0 16px;display:flex}.shutter-btn{cursor:pointer;background:0 0;border:4px solid #ff6b00;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex}.shutter-btn:active .shutter-inner{background:#e05e00}.shutter-inner{background:#ff6b00;border-radius:50%;width:100%;height:100%;transition:background .1s}.orientation-perm-btn{z-index:10;color:#fff;cursor:pointer;background:#ff6b00cc;border:none;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:12px;left:12px}.tilt-indicator{flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:8px;display:flex}.tilt-track{background:#ffffff26;border-radius:2px;width:120px;height:4px;position:relative}.tilt-center{background:#ff6b0066;width:2px;height:10px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.tilt-dot{background:0 0;border:2px solid #ff6b00;border-radius:50%;width:12px;height:12px;transition:left .1s;position:absolute;top:-4px;transform:translate(-50%)}.tilt-label{color:#ffffff80;text-align:center;min-width:30px;font-size:11px}.edit-container{background:#1a1a1a;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.edit-header{background:#1a1a1a;flex-shrink:0;align-items:center;width:100%;padding:10px 16px;display:flex}.edit-header-title{text-align:center;color:#fff;flex:1;font-size:16px;font-weight:600}.edit-header-btn{color:#ff6b00;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.edit-viewport-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.camera-viewport{border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.shape-overlay{touch-action:none;cursor:crosshair;position:absolute;top:0;left:0}.edit-bottom{background:#1a1a1a;flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:12px 24px 8px;display:flex}.edit-controls{justify-content:space-around;align-items:center;width:100%;padding:0 16px;display:flex}.edit-area-label{color:#aaa;margin-bottom:12px;font-size:13px}.ctrl-btn{color:#ff6b00;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:12px;display:flex}.ctrl-btn-icon{color:#ff6b00;background:#ff6b0026;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ctrl-btn:disabled{opacity:.3}.save-btn{cursor:pointer;color:#fff;background:#ff6b00;border:4px solid #ff6b00;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:14px;font-weight:600;display:flex}.save-btn:active{background:#e05e00}.save-btn:disabled{color:#666;cursor:not-allowed;background:#333;border-color:#555}.zoom-controls{z-index:10;gap:6px;display:flex;position:absolute;bottom:80px;right:12px}.saving-indicator{color:#fff;z-index:20;background:#000000b3;border-radius:8px;padding:12px 24px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-fullscreen{background:#1a1a1a;flex-direction:column;width:100%;height:100%;display:flex}.gallery-header{background:#1a1a1a;flex-shrink:0;align-items:center;padding:10px 16px;display:flex}.gallery-header-title{color:#fff;flex:1;font-size:18px;font-weight:700}.gallery-header-btn{color:#ff6b00;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.gallery-select-topbar{color:#ff6b00;background:#222;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:600;display:flex}.gallery-fs-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.gallery-empty{color:#555;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.gallery-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:3px;padding:4px;display:grid}.gallery-card{aspect-ratio:1;cursor:pointer;background:#111;border:2px solid #0000;border-radius:4px;position:relative;overflow:hidden}.gallery-card.selected,.gallery-card.checked{border-color:#ff6b00}.gallery-card img{object-fit:cover;width:100%;height:100%}.gallery-checkbox{color:#fff;background:#0006;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.gallery-checkbox.on{background:#ff6b00;border-color:#ff6b00}.gallery-delete{color:#fff;cursor:pointer;background:#ff3c3ccc;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.gallery-bulk-delete-bar{background:#1a1a1a;flex-shrink:0;padding:12px 16px}.gallery-bulk-delete-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600}.gallery-bulk-delete-btn:active{background:#e05e00}.gallery-card-spinner{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-card-spinner:after{content:"";border:2px solid #ffffff4d;border-top-color:#ff6b00;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.detail-header{background:#1a1a1a;flex-shrink:0;align-items:center;padding:10px 16px;display:flex}.detail-header-close{color:#ff6b00;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.detail-header-title{text-align:center;color:#fff;flex:1;font-size:16px;font-weight:600}.gallery-detail-image{background:#111;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:33dvh;margin:0 12px;display:flex;overflow:hidden}.gallery-detail-image img{object-fit:contain;max-width:100%;max-height:100%}.gallery-ai-middle{flex-shrink:0;padding:12px}.gallery-ai-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600}.gallery-ai-btn:active{background:#e05e00}.gallery-ai-btn:disabled{opacity:.3;cursor:not-allowed}.ai-error-toast{color:#fff;text-align:center;background:#f33;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500}.gallery-desc-bar{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:flex}.desc-section-title{color:#ff6b00;margin-bottom:8px;font-size:14px;font-weight:600}.desc-wrap{flex:1;width:100%;min-height:0;position:relative}.desc-spinner{color:#fff;background:#1a1a1ae6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.desc-spinner-bar{background:#333;border-radius:2px;width:60%;height:4px;overflow:hidden}.desc-spinner-bar-fill{background:#ff6b00;border-radius:2px;width:40%;height:100%;animation:1.5s ease-in-out infinite progress-slide}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.desc-spinner-icon{border:3px solid #fff3;border-top-color:#ff6b00;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.gallery-desc-fixed{color:#fff;resize:none;background:#222;border:1px solid #333;border-radius:8px;outline:none;width:100%;height:100%;padding:10px;font-family:inherit;font-size:14px}.gallery-desc-fixed:focus{border-color:#ff6b00}.gallery-desc-fixed:disabled{color:#555}.gallery-desc-fixed::placeholder{color:#444}.gallery-desc-md{-webkit-overflow-scrolling:touch;color:#ddd;cursor:text;background:#222;border:1px solid #333;border-radius:8px;width:100%;height:100%;padding:10px;font-size:13px;line-height:1.6;overflow-y:auto}.gallery-desc-md h1{color:#ff6b00;margin:8px 0 4px;font-size:16px;font-weight:700}.gallery-desc-md h2{color:#ff6b00;margin:6px 0 3px;font-size:15px;font-weight:600}.gallery-desc-md h3{color:#eee;margin:4px 0 2px;font-size:14px;font-weight:600}.gallery-desc-md ul{margin:4px 0;padding-left:18px}.gallery-desc-md li{margin:2px 0}.gallery-desc-md li::marker{color:#ff6b00}.gallery-desc-md strong{color:#fff}.desc-placeholder{color:#555}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app-layout{background:#1a1a1a;flex-direction:column;width:100%;height:100dvh;display:flex}.app-content{flex:1;min-height:0;position:relative}.top-nav-bar{width:100%;padding:4px 8px;padding-top:max(4px, env(safe-area-inset-top));z-index:200;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:6px;display:flex}.nav-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:500}.nav-btn:active{background:#ff6b001a}.nav-btn.nav-active{color:#ff6b00;background:#ff6b0026;border-color:#ff6b00}.nav-btn.nav-close{color:#ff6b00;border-color:#ff6b0066;margin-left:auto}.screen-header{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:#1a1a1a;flex-shrink:0;align-items:center;display:flex}.screen-header-title{text-align:center;color:#fff;flex:1;font-size:16px;font-weight:600}.screen-header-btn{color:#ff6b00;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.screen-header-right{width:36px}.page-indicator{color:#ff6b00;background:#ff6b0033;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.toast-msg{color:#fff;z-index:300;pointer-events:none;background:#ff6b00e6;border-radius:8px;padding:12px 24px;font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#1e1e1ecc;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.menu-btn:active{background:#323232e6}.menu-btn.danger{color:#ff5050;border-color:#ff505066}.menu-btn:disabled{opacity:.3;pointer-events:none}.primary-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:10px;min-width:160px;padding:14px 32px;font-size:16px;font-weight:600}.primary-btn:active{background:#e05e00}.primary-btn:disabled{color:#666;cursor:not-allowed;background:#333}.secondary-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:10px;min-width:160px;padding:14px 32px;font-size:16px}.secondary-btn:active{background:#1a1a1a}.primary-btn.small,.secondary-btn.small{min-width:unset;padding:10px 20px;font-size:14px}