:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#f2f3f5}*{box-sizing:border-box}body{margin:0;background:#0f1117;color:#f2f3f5}.shell{max-width:960px;margin:0 auto;padding:5px}.topbar{margin:0;padding:0}.topbar h1{margin:0;font-size:1.1rem}.page{display:grid;gap:12px}.hint{color:#aab2bf;margin:0}.panel{border:1px solid #2f3644;border-radius:10px;padding:12px;background:#151923}.soft-panel{background:linear-gradient(180deg,#171d29,#131924);border-color:#313a4a}.controls-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.mobile-stack>*{width:100%}.field{display:grid;gap:4px}.field.inline{display:inline-grid}.field.checkbox{display:inline-flex;align-items:center;gap:6px}.field.checkbox input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}.field.checkbox span{white-space:nowrap}input,select,textarea,button{width:100%;background:#0f1218;color:#f2f3f5;border:1px solid #465068;border-radius:8px;padding:8px;font-size:.95rem}button{cursor:pointer}button.inline-btn{width:auto;display:inline-block}button:disabled{opacity:.55;cursor:not-allowed}button.danger-btn{border-color:#ff3b3b}.actions{margin-top:8px}.status{min-height:1.25rem;margin:8px 0 0;color:#9ed1ff}.invite-toast{margin-top:8px;padding:8px 10px;border:1px solid #3e5b85;border-radius:999px;color:#dce4f7;background:#1b2433;width:fit-content;max-width:100%}.home-panel{padding:5px 5px 2px;width:fit-content;max-width:calc(100vw - 10px);margin:0 auto;justify-self:center}#home-status{min-height:0;margin:4px 0 0}#home-status:empty{display:none}.home-continue-card{margin-top:10px;border:1px solid #324156;border-radius:12px;padding:10px;background:linear-gradient(180deg,#1e2634f2,#141923f2)}.home-continue-list{display:grid;gap:8px;margin-top:8px}.home-scene{position:relative;border-radius:10px;overflow:hidden;margin:0 auto}.home-scene-image{width:100%;height:100%;display:block;border-radius:10px;object-fit:contain}.home-sun-video{position:absolute;left:0;top:0;width:auto;height:auto;object-fit:contain;pointer-events:none;z-index:1;border-radius:2px;opacity:0}.home-hotspot{position:absolute;border:2px dashed rgba(66,245,167,.35);background:#42f5a714;border-radius:10px;z-index:2}.home-hotspot:focus-visible,.home-hotspot:hover{border-color:#42f5a7;background:#42f5a729}.home-hotspot-album{right:5%;top:32%;width:20%;height:20%}.home-hotspot-gallery{left:24%;top:59%;width:42%;height:21%}.home-hotspot-crop{right:5%;top:55%;width:20%;height:12%}.home-hotspot-window{left:16.5%;top:21.2%;width:54.4%;height:19.8%;border-style:dotted}.home-frame-image{position:absolute;object-fit:cover;border-radius:4px;z-index:1;pointer-events:none}.home-frame-image-1{left:6.3%;top:7.1%;width:15.4%;height:9%}.home-frame-image-2{left:37.6%;top:6.1%;width:24.3%;height:9.3%}.home-frame-image-3{left:77.4%;top:7%;width:17.3%;height:10.1%}.home-frame-hotspot{position:absolute;border:2px dotted rgba(158,209,255,.65);background:#9ed1ff14;border-radius:6px;z-index:2}.home-frame-hotspot:focus-visible,.home-frame-hotspot:hover{border-color:#9ed1ff;background:#9ed1ff29}.home-frame-hotspot-1{left:6.3%;top:7.1%;width:15.4%;height:9%}.home-frame-hotspot-2{left:37.6%;top:6.1%;width:24.3%;height:9.3%}.home-frame-hotspot-3{left:77.4%;top:7%;width:17.3%;height:10.1%}.home-bubble{position:absolute;min-width:120px;max-width:76%;background:#0f1218f2;border:1px solid #465068;border-radius:10px;padding:10px;display:grid;gap:8px;z-index:3}#crop-bubble{right:20px;bottom:280px}.home-nav-wrap{position:absolute;right:10px;bottom:10px;width:44px;height:44px;z-index:4}.home-nav-toggle{width:44px;min-width:44px;height:44px;border-radius:999px;padding:0;border:1px solid #42f5a7;background:#0f1218f2;color:#42f5a7;font-size:1.2rem;line-height:1;position:relative;z-index:2}.home-nav-menu{position:absolute;right:0;bottom:52px;min-width:170px;background:#0f1218f5;border:1px solid #465068;border-radius:10px;padding:28px 8px 8px;display:grid;gap:8px}.home-nav-menu-close{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:transparent;color:#dce1e8;font-size:16px;line-height:1;border-radius:6px;padding:0;cursor:pointer}.home-nav-menu-close:active{transform:scale(.96)}.home-nav-menu button{text-align:left}.preview-panel{max-width:640px}.preview-image{display:block;margin-top:8px;max-width:100%;max-height:420px;object-fit:contain;border:1px solid #2f3644}.hidden{display:none!important}#invite-form-wrap{margin-top:8px}.canvas-panel{overflow:auto}#crop-canvas{display:block;max-width:100%;border:1px solid #303748;border-radius:8px}.crop-controls{align-items:center}.crop-controls>button,#crop-cloud-providers>button,#batch-controls>button{width:auto}.crop-initial>.panel:first-child{width:fit-content;max-width:100%;margin:0 auto}.crop-save-controls{margin-top:12px;gap:12px}.crop-save-controls>button{min-height:38px}.crop-save-options-row{margin-bottom:10px}.crop-rotation-control{margin-top:12px;display:grid;gap:6px;padding:10px;border:1px solid #3b4860;border-radius:10px;background:#0f1624}.crop-rotation-control input[type=range]{width:100%}.crop-rotation-ruler{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:0;align-items:start;margin-top:-1px;font-size:.72rem;color:#9fb0cc}.crop-rotation-ruler span{position:relative;text-align:center;padding-top:6px;line-height:1}.crop-rotation-ruler span:before{content:"";position:absolute;top:0;left:50%;width:1px;height:5px;transform:translate(-50%);background:#6f86ab}.crop-rotation-ruler .minor{color:transparent}.crop-rotation-ruler .minor:before{height:3px;background:#5a6f91}.crop-toast{position:fixed;left:50%;top:22px;transform:translate(-50%);z-index:90;max-width:min(92vw,560px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #7f97c3;box-shadow:0 14px 28px #00000073;border-radius:10px;background:#090d14fc;color:#f4f8ff}#crop-toast-text{flex:1;min-width:0}#crop-toast-close{width:auto;min-width:24px;padding:2px 8px;line-height:1;border-radius:999px}.crop-save-panel{margin:0 auto}.crop-save-vertical-list{display:grid;gap:6px;max-height:220px;overflow:auto;margin-top:0;padding-right:0}.crop-save-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid #34435a;border-radius:8px;background:#131b28}.crop-save-list-item input{width:auto}.crop-save-tag-select{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1;min-height:38px}.crop-save-tag-delete{border-color:#7a4050;color:#ffd8df;background:#28141a;width:auto;min-height:38px}.crop-save-tag-form{margin-top:10px;display:grid;gap:10px;width:100%;max-width:420px;margin-left:auto;margin-right:auto}.crop-save-existing-tags-block{display:grid;gap:6px;margin-bottom:10px}.crop-save-tag-value-field{width:100%;min-width:0}.crop-save-create-tag-btn{width:auto;justify-self:end;align-self:center;white-space:nowrap;min-height:38px}.crop-save-new-tag-block{display:grid;gap:6px}.crop-save-new-tag-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-left:8px;padding-right:8px}.crop-save-new-tag-row input{width:100%}.crop-save-new-tag-row .crop-save-tag-value-field{flex:1}#crop-save-tags-list .crop-save-list-item{align-items:center}.crop-save-details-actions{margin-top:12px;justify-content:center;width:100%}.crop-save-details-actions>button{min-width:108px;text-align:center}.shortcuts{margin-top:8px;color:#bac2d2;font-size:.9rem}.rect-editor{display:flex;flex-wrap:wrap;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-item{display:inline-flex;align-items:center;gap:4px}.chip,.chip-btn{display:inline-block;border:1px solid #44536f;border-radius:999px;padding:4px 10px;background:#1d2431;color:#dce4f7}.chip-btn{cursor:pointer}.chip-delete{border-radius:999px;padding:2px 8px;line-height:1}.controls-row.mobile-stack>.tagging-action-btn{width:auto}.library-tags-title{text-align:center}.tag-subtitle{margin:8px 0 4px;font-size:.9rem;color:#c6d2e8}.tag-checklist,.tag-applied-list{display:grid;gap:4px}.tag-check-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #3a455b;border-radius:4px;background:#121722;padding:4px 6px}.tag-check-row{display:inline-flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.9rem}.tag-check-row input[type=checkbox]{width:14px;height:14px;margin:0}.tag-check-row.is-applied{border:1px dashed #4f5e78;border-radius:4px;padding:4px 6px;background:#101521}.tag-delete-btn{width:auto;min-width:62px;padding:4px 8px;font-size:.8rem}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.album-grid .photo-card img{height:150px;border-radius:10px}.gallery-filters-panel{padding:10px 12px}.gallery-filter-row{justify-content:space-between;align-items:center;margin-bottom:4px}.gallery-filter-row strong{font-size:.95rem;color:#dce4f7}.gallery-tag-menu-wrap{display:grid;gap:8px}.gallery-tag-menu-group{display:grid;gap:4px}.gallery-tag-menu-title{margin:0;color:#96a7c3;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}.gallery-tag-dropdown-grid{display:grid;grid-template-columns:1fr;gap:6px}.gallery-tag-dropdown-grid label{gap:3px}.gallery-tag-dropdown-grid label span{font-size:.8rem;color:#dce4f7}.gallery-grid-panel{padding-top:10px;overflow-x:hidden}.gallery-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.gallery-photo-card{padding:0;border:0;border-radius:8px;background:transparent;overflow:hidden}.gallery-photo-card img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;border-radius:8px;border:1px solid #2e394d}.gallery-photo-card.selected img{border-color:#52d6ff;box-shadow:0 0 0 2px #52d6ff33}.gallery-albums-panel{padding:10px 8px;overflow:hidden}.gallery-album-strip{display:flex;flex-wrap:nowrap;gap:10px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:2px 4px 8px;cursor:grab}.gallery-album-strip.is-pointer-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.gallery-album-card{display:grid;gap:8px;padding:6px;flex:0 0 min(44vw,220px);border:1px solid #37485f;border-radius:12px;background:#111824;text-align:left;width:min(44vw,220px)}.gallery-album-card.is-selected{border-color:#59d5ff;box-shadow:0 0 0 2px #59d5ff2e}.gallery-album-cover{width:100%;aspect-ratio:5 / 4;border-radius:10px;overflow:hidden;background:#0d1320;border:1px solid #2f3a4e}.gallery-album-cover img{width:100%;height:100%;object-fit:cover;display:block}.gallery-album-cover-all{display:grid;place-items:center;background:linear-gradient(145deg,#1b2940,#122033)}.gallery-album-cover-generated{display:grid;place-items:center;background:linear-gradient(145deg,#1e3f2f,#113526)}.gallery-generated-album-card{border-color:#3fa67f;box-shadow:0 0 0 2px #3fa67f2e}.gallery-album-cover-all span{font-size:.95rem;color:#d8eaff}.gallery-album-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#95a6c2;font-size:.85rem}.gallery-album-meta{display:grid;gap:2px}.gallery-album-meta strong{font-size:.86rem;line-height:1.2;color:#dce4f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-album-meta span{font-size:.76rem;color:#96a7c3}.photo-card{border:1px solid #374253;border-radius:8px;padding:6px;background:#121722;color:inherit;display:grid;gap:6px}.photo-card.selected{border-color:#42f5a7}.photo-card img{width:100%;height:120px;object-fit:cover;border-radius:6px}.detail{min-height:120px}.detail-layout{display:grid;grid-template-columns:1fr;gap:12px}.detail-image{width:100%;max-height:420px;object-fit:contain;border:1px solid #323d50;border-radius:8px;background:#0f1219}.inset-panel{margin-top:10px;padding:10px}.mini-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #2f3644;border-radius:8px;padding:8px;margin-top:6px;text-align:left}.weather-row{justify-content:flex-start}.weather-row-icon{width:42px;height:42px;border:2px solid #465068;border-radius:10px;background:#141b28;display:inline-grid;place-items:center;font-size:1.35rem;line-height:1;flex:0 0 42px}.activity-list{display:grid;gap:10px}.activity-row{display:grid;grid-template-columns:72px 1fr;gap:10px;border:1px solid #2f3644;border-radius:10px;padding:8px;background:#121722}.activity-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px}.avatar-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#2c3f5a;color:#dce4f7;margin-right:6px;font-size:.75rem}.storage-meter{margin-top:8px;height:12px;background:#0f1218;border:1px solid #38445a;border-radius:999px;overflow:hidden}.storage-fill{height:100%;width:0;background:linear-gradient(90deg,#42f5a7,#9ed1ff)}.comment-row{border:1px solid #2f3644;border-radius:8px;padding:8px;margin-top:8px;background:#121722}.comment-row p{margin:4px 0}.comment-row audio,.comment-row video{width:100%;margin-top:6px;border-radius:6px;background:#0f1219}#library-recording-timer.is-recording:before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:#ff3b3b;margin-right:8px;vertical-align:middle}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a1094;display:grid;place-items:center;z-index:50;padding:16px}.modal-overlay.hidden,.modal-overlay[aria-hidden=true]{display:none}.modal-panel{width:min(92vw,900px);max-height:92vh;overflow:auto;border:1px solid #2f3644;border-radius:10px;padding:12px;background:#151923;display:grid;gap:10px}.modal-panel.crop-save-panel{width:min(92vw,480px)}.gallery-viewer-panel{position:relative;width:min(92vw,780px);max-height:90vh}.gallery-viewer-close{position:absolute;top:10px;right:10px;width:34px;min-width:34px;height:34px;border-radius:999px;padding:0;line-height:1;font-size:1.2rem;display:inline-grid;place-items:center;background:#101521;border:1px solid #5a6a86}.gallery-viewer-image{width:100%;max-height:52vh}.gallery-viewer-actions{justify-content:flex-start;margin-top:4px}.gallery-viewer-comments{max-height:28vh;overflow:auto;padding-right:4px}.home-weather-modal .home-weather-panel,.home-frame-modal .home-frame-panel{width:min(92vw,var(--home-scene-width, 92vw))}.home-frame-albums-list{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:42vh;overflow:auto}.home-frame-album-item{padding:0;border:1px solid #465068;border-radius:8px;overflow:hidden;background:#0f1218}.home-frame-album-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.home-account-modal .home-account-panel,.home-activity-modal .home-activity-panel,.home-settings-modal .home-settings-panel,.home-albums-modal .home-albums-panel,.home-gallery-modal .home-gallery-panel,.home-import-modal .home-import-panel,.home-crop-modal .home-crop-panel{width:min(92vw,var(--home-scene-width, 92vw))}.home-crop-close-row{justify-content:flex-end;align-items:center;margin-bottom:1px}.home-crop-close-row>button{width:auto}.home-crop-modal .home-crop-panel:has(.crop-initial){width:fit-content;max-width:92vw}#rotate-preview-canvas{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border:1px solid #303748;border-radius:8px;background:#0f1219}@media (max-width: 900px){.topbar h1{font-size:1rem}.shortcuts{display:none}}@media (min-width: 760px){.shell{padding:5px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.detail-layout{grid-template-columns:minmax(260px,420px) 1fr}.mobile-stack>*{width:auto}.gallery-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gallery-tag-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-album-strip{gap:12px}.gallery-album-card{flex-basis:min(26vw,260px);width:min(26vw,260px)}}