:root{--font-ui: "Lucida Grande", "Geneva", "Tahoma", sans-serif;--text-primary: #1f1f22;--text-muted: #555a62;--page-background: linear-gradient(180deg, #d2d4d8, #b9bcc3);--page-overlay: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .08) 0 2px, rgba(0, 0, 0, .02) 2px 4px ), radial-gradient(circle at 80% 10%, rgba(255, 255, 255, .4), transparent 45%);--shell-bg: linear-gradient(180deg, #f8f8f8 0%, #dbdcde 100%);--shell-border: #8f959d;--shell-shadow: 0 14px 30px rgba(20, 22, 28, .3);--header-bg: linear-gradient(180deg, #d8d9dc 0%, #b8babf 100%), repeating-linear-gradient( 90deg, rgba(255, 255, 255, .1) 0 2px, rgba(0, 0, 0, .03) 2px 4px );--header-border: #8f949a;--header-text: #181a1f;--header-subtext: #41444b;--toolbar-label: #373a41;--group-bg: linear-gradient(180deg, #f6f6f6, #e2e3e5);--group-border: #9aa0a8;--group-title-bg: linear-gradient(180deg, #ececed, #d3d4d7), repeating-linear-gradient( 90deg, rgba(255, 255, 255, .11) 0 2px, rgba(0, 0, 0, .03) 2px 4px );--group-title-border: #a1a5ac;--group-title-text: #2b2e35;--card-bg: #fdfdfd;--card-border: #a8adb4;--card-shadow: 0 3px 12px rgba(0, 0, 0, .14);--card-media-bg: linear-gradient(180deg, #f2f3f4, #dadcdf);--video-bg: #262a31;--video-placeholder-bg: linear-gradient(180deg, rgba(97, 102, 111, .82), rgba(45, 49, 55, .94)), repeating-linear-gradient( -45deg, rgba(255, 255, 255, .08) 0 12px, rgba(255, 255, 255, .02) 12px 24px );--video-placeholder-text: #e8eaee;--button-bg: linear-gradient(180deg, #f4f5f7, #d0d3d8);--button-bg-hover: linear-gradient(180deg, #ffffff, #d9dce2);--button-border: #8a9098;--button-highlight: #ffffff;--button-text: #1f232a;--segment-bg: rgba(238, 239, 242, .7);--segment-border: #9ca1a8;--segment-active-bg: linear-gradient(180deg, #ffffff, #d7d9de);--segment-active-text: #1a1d23;--segment-text: #2f343d;--footer-bg: linear-gradient(180deg, #e2e3e6, #cfd1d6);--footer-border: #9ca1a8;--footer-text: #33363f;--overlay-bg: rgba(14, 16, 24, .72);--lightbox-bg: linear-gradient(180deg, #f6f6f7, #d8dade);--lightbox-border: #8f949b;--lightbox-shadow: 0 20px 48px rgba(5, 6, 8, .48);--lightbox-title-bg: linear-gradient(180deg, #d9dadd, #babdc2), repeating-linear-gradient( 90deg, rgba(255, 255, 255, .1) 0 2px, rgba(0, 0, 0, .03) 2px 4px );--lightbox-title-text: #1f2127;--focus-ring: #2e6ed9;--control-red: #ff6459;--control-yellow: #febc2e;--control-green: #28c83f;--control-ring: rgba(24, 27, 33, .24)}.app-root[data-theme=mac-os-x]{--font-ui: "Lucida Grande", "Geneva", "Tahoma", sans-serif}.app-root[data-theme=macos-modern]{--font-ui: -apple-system, "SF Pro Text", "Helvetica Neue", "PingFang SC", sans-serif;--text-primary: #1b2430;--text-muted: #4f5f78;--page-background: radial-gradient(circle at 8% 12%, rgba(255, 188, 228, .58), transparent 36%), radial-gradient(circle at 86% 4%, rgba(184, 244, 255, .7), transparent 34%), radial-gradient(circle at 70% 80%, rgba(162, 203, 255, .55), transparent 36%), linear-gradient(160deg, #eef4ff, #d9e7ff 42%, #dbe7f7 100%);--page-overlay: linear-gradient(180deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .16));--shell-bg: rgba(250, 253, 255, .64);--shell-border: rgba(255, 255, 255, .58);--shell-shadow: 0 26px 50px rgba(30, 53, 87, .24);--header-bg: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(236, 244, 255, .64));--header-border: rgba(152, 176, 212, .55);--header-text: #1d2736;--header-subtext: #415069;--toolbar-label: #394862;--group-bg: rgba(251, 254, 255, .73);--group-border: rgba(164, 187, 222, .58);--group-title-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(234, 244, 255, .82));--group-title-border: rgba(168, 190, 222, .72);--group-title-text: #2b3f5a;--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(165, 190, 225, .64);--card-shadow: 0 12px 26px rgba(60, 94, 140, .16);--card-media-bg: linear-gradient(180deg, rgba(236, 248, 255, .94), rgba(226, 240, 255, .94));--video-bg: #1a2637;--video-placeholder-bg: linear-gradient(180deg, rgba(81, 112, 154, .62), rgba(24, 42, 67, .9)), repeating-linear-gradient( -45deg, rgba(255, 255, 255, .1) 0 12px, rgba(255, 255, 255, .03) 12px 24px );--video-placeholder-text: #e6f1ff;--button-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(224, 239, 255, .8));--button-bg-hover: linear-gradient(180deg, #ffffff, rgba(233, 245, 255, .88));--button-border: rgba(134, 165, 209, .75);--button-highlight: rgba(255, 255, 255, .82);--button-text: #28415f;--segment-bg: rgba(236, 245, 255, .78);--segment-border: rgba(146, 173, 213, .76);--segment-active-bg: linear-gradient(180deg, #ffffff, rgba(224, 239, 255, .88));--segment-active-text: #1b3a5d;--segment-text: #395373;--footer-bg: linear-gradient(180deg, rgba(243, 249, 255, .82), rgba(227, 239, 255, .77));--footer-border: rgba(151, 178, 214, .7);--footer-text: #355170;--overlay-bg: rgba(15, 21, 30, .6);--lightbox-bg: rgba(248, 252, 255, .93);--lightbox-border: rgba(165, 190, 224, .82);--lightbox-shadow: 0 26px 54px rgba(23, 43, 71, .42);--lightbox-title-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(231, 242, 255, .88));--lightbox-title-text: #233955;--focus-ring: #2679ff;--control-red: #ff5f57;--control-yellow: #ffbd2e;--control-green: #28c840;--control-ring: rgba(39, 62, 96, .22)}.app-root[data-theme=windows-xp]{--font-ui: "Segoe UI", Tahoma, Verdana, sans-serif;--text-primary: #1d2f4f;--text-muted: #4f6387;--page-background: radial-gradient(circle at 14% 16%, rgba(255, 255, 255, .66) 0 13%, transparent 14%), radial-gradient(circle at 28% 14%, rgba(255, 255, 255, .62) 0 12%, transparent 13%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .55) 0 10%, transparent 11%), linear-gradient(180deg, #b7dbff, #6bb2ff);--page-overlay: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0));--shell-bg: linear-gradient(180deg, rgba(248, 252, 255, .97), rgba(230, 241, 255, .95));--shell-border: #5b7ebf;--shell-shadow: 0 12px 28px rgba(27, 66, 138, .24);--header-bg: linear-gradient(180deg, #4f8fef, #1f56bc);--header-border: #2958a8;--header-text: #f7fbff;--header-subtext: #deebff;--toolbar-label: #eaf2ff;--group-bg: rgba(244, 250, 255, .92);--group-border: #8aaee7;--group-title-bg: linear-gradient(180deg, #d9eaff, #bdd8ff);--group-title-border: #93b6e9;--group-title-text: #24477f;--card-bg: #ffffff;--card-border: #9dbbe8;--card-shadow: 0 2px 8px rgba(45, 88, 156, .12);--card-media-bg: linear-gradient(180deg, #f4f9ff, #e8f2ff);--video-bg: #0b1934;--video-placeholder-bg: linear-gradient(165deg, rgba(49, 95, 191, .42), rgba(8, 19, 44, .85)), repeating-linear-gradient( -45deg, rgba(255, 255, 255, .08) 0 10px, rgba(255, 255, 255, .02) 10px 20px );--video-placeholder-text: #cfe0ff;--button-bg: linear-gradient(180deg, #f8fbff, #c9defd);--button-bg-hover: linear-gradient(180deg, #ffffff, #d5e6ff);--button-border: #4f6da6;--button-highlight: #dbe9ff;--button-text: #1d335f;--segment-bg: rgba(215, 232, 255, .7);--segment-border: #86aee6;--segment-active-bg: linear-gradient(180deg, #ffffff, #cfe2ff);--segment-active-text: #1f4e9f;--segment-text: #264d8a;--footer-bg: linear-gradient(180deg, #d9eaff, #cde1ff);--footer-border: #9cb7e3;--footer-text: #274a84;--overlay-bg: rgba(5, 18, 46, .72);--lightbox-bg: linear-gradient(180deg, #f6fbff, #e3efff);--lightbox-border: #4875be;--lightbox-shadow: 0 18px 44px rgba(0, 5, 17, .5);--lightbox-title-bg: linear-gradient(180deg, #4e8fed, #235bc2);--lightbox-title-text: #f5fbff;--focus-ring: #2f68c8;--control-red: #9fc1fa;--control-yellow: #b4d0fb;--control-green: #c5dbff;--control-ring: rgba(35, 77, 145, .85)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;overflow-x:hidden}body{background:#bfc4cc}.app-root{position:relative;min-height:100vh;overflow-x:hidden;font-family:var(--font-ui);color:var(--text-primary)}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--page-background)}.page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--page-overlay);pointer-events:none}.app-shell{width:min(1180px,calc(100% - 1.5rem));margin:1rem auto 1.5rem;border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow);background:var(--shell-bg);overflow:hidden}.app-root[data-theme=macos-modern] .app-shell{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.app-root[data-theme=macos-modern] .app-shell{background:linear-gradient(180deg,#f5f9ff,#e7f0fe)}}.window-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;padding:.95rem 1rem;border-bottom:1px solid var(--header-border);background:var(--header-bg);color:var(--header-text)}.window-title-area{display:flex;gap:.7rem;align-items:flex-start;min-width:220px}.window-controls{display:inline-flex;gap:.36rem;margin-top:.18rem}.window-controls span{width:.72rem;height:.72rem;border-radius:50%;border:1px solid var(--control-ring);box-shadow:0 1px #ffffff6b inset}.window-controls span:nth-child(1){background:var(--control-red)}.window-controls span:nth-child(2){background:var(--control-yellow)}.window-controls span:nth-child(3){background:var(--control-green)}.window-heading h1{margin:0;font-size:clamp(1.08rem,2.2vw,1.45rem);font-weight:700;letter-spacing:.01em}.window-subtitle{margin:.2rem 0 0;font-size:.89rem;color:var(--header-subtext)}.window-theme-note{margin:.24rem 0 0;font-size:.78rem;color:var(--header-subtext)}.window-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-left:auto}.toolbar-block{display:flex;flex-direction:column;gap:.28rem;min-width:140px}.toolbar-label{font-size:.74rem;color:var(--toolbar-label)}.segment-group{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.3rem;border-radius:10px;border:1px solid var(--segment-border);background:var(--segment-bg)}.segment-button{border:1px solid transparent;border-radius:8px;padding:.3rem .5rem;font-size:.73rem;cursor:pointer;color:var(--segment-text);background:transparent}.segment-button.is-active{border-color:var(--segment-border);background:var(--segment-active-bg);color:var(--segment-active-text);box-shadow:0 1px #ffffff80 inset}.segment-button:focus-visible,.ui-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}main{padding:.95rem}.group-panel{margin-bottom:1rem;border:1px solid var(--group-border);border-radius:10px;overflow:hidden;background:var(--group-bg)}.group-titlebar{padding:.6rem .9rem;border-bottom:1px solid var(--group-title-border);background:var(--group-title-bg)}.group-titlebar h2{margin:0;color:var(--group-title-text);font-size:clamp(.98rem,2vw,1.15rem)}.browser-titlebar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.breadcrumb-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.breadcrumb-button{border:1px solid var(--segment-border);border-radius:7px;padding:.26rem .52rem;font-size:.78rem;color:var(--segment-text);background:var(--segment-bg);cursor:pointer}.breadcrumb-button.is-active,.breadcrumb-button:disabled{background:var(--segment-active-bg);color:var(--segment-active-text);cursor:default}.group-content{padding:.8rem}.group-content h3{margin:0 0 .6rem;color:var(--group-title-text);font-size:.95rem}.group-content h3:not(:first-child){margin-top:.9rem}.status-line{margin:0;padding:.45rem 0;color:var(--text-muted);font-size:.9rem}.error-panel{border:1px solid rgba(204,91,88,.48);background:#ffeeecb8;border-radius:10px;padding:.7rem .78rem;margin-bottom:.6rem}.error-title{margin:0;font-weight:700;color:#94312d}.error-detail{margin:.34rem 0 0;color:#6b2a26;word-break:break-word;font-size:.86rem}.error-hint{margin:.34rem 0 0;color:#7d3834;font-size:.83rem}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.folder-card{border:1px solid var(--card-border);border-radius:9px;background:var(--card-bg);box-shadow:var(--card-shadow);padding:.65rem .6rem;cursor:pointer;text-align:left}.folder-card:hover{background:var(--button-bg-hover)}.folder-icon{display:inline-block;width:1rem;height:.72rem;border-radius:2px;margin-right:.35rem;vertical-align:middle;background:linear-gradient(180deg,#f8c95a,#d9a53c);border:1px solid rgba(123,87,30,.35)}.folder-name{font-size:.84rem;color:var(--text-primary);vertical-align:middle;word-break:break-word}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.65rem}.media-card{border:1px solid var(--card-border);border-radius:9px;background:var(--card-bg);box-shadow:var(--card-shadow);overflow:hidden}.media-image-button{display:block;width:100%;padding:0;border:0;cursor:pointer;background:var(--card-media-bg)}.media-image-button img{display:block;width:100%;height:auto;max-height:18rem;object-fit:contain;background:var(--card-media-bg)}.media-video-wrap{background:var(--video-bg)}.media-video-wrap video{display:block;width:100%;height:auto;max-height:18rem;background:var(--video-bg)}.video-placeholder{min-height:8.5rem;display:grid;place-items:center;padding:.75rem;text-align:center;font-size:.86rem;color:var(--video-placeholder-text);background:var(--video-placeholder-bg)}.media-card-footer{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.5rem .55rem}.media-label{margin:0;font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-button{border:1px solid var(--button-border);border-top-color:var(--button-highlight);border-left-color:var(--button-highlight);border-radius:7px;background:var(--button-bg);color:var(--button-text);font-size:.79rem;padding:.33rem .58rem;cursor:pointer;box-shadow:0 1px #ffffff80 inset}.ui-button:hover{background:var(--button-bg-hover)}.no-media{margin:0;padding:.4rem .2rem;font-size:.9rem;color:var(--text-muted)}.no-media-main{padding:1rem}.file-list{margin:0;padding-left:1rem}.file-list li{margin-bottom:.28rem}.file-list a{color:var(--segment-active-text);text-decoration:none}.file-list a:hover{text-decoration:underline}footer{border-top:1px solid var(--footer-border);background:var(--footer-bg);padding:.75rem 1rem}footer p{margin:0;color:var(--footer-text);font-size:.82rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:var(--overlay-bg);padding:1rem}.lightbox-window{width:min(980px,100%);max-height:calc(100vh - 2rem);border-radius:11px;border:1px solid var(--lightbox-border);background:var(--lightbox-bg);overflow:hidden;box-shadow:var(--lightbox-shadow)}.lightbox-titlebar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .7rem;background:var(--lightbox-title-bg);color:var(--lightbox-title-text)}.lightbox-titlebar span{font-size:.9rem;word-break:break-all}.lightbox-content{padding:.65rem;max-height:calc(100vh - 7rem);overflow:auto}.lightbox-content img,.lightbox-content video{display:block;width:min(100%,920px);max-height:calc(100vh - 9rem);margin:0 auto;height:auto;object-fit:contain;border-radius:8px;background:var(--card-media-bg)}@media (min-width: 900px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media (max-width: 800px){.window-toolbar{width:100%;margin-left:0}}@media (max-width: 640px){.app-shell{width:calc(100% - .75rem);margin:.5rem auto 1rem;border-radius:10px}.window-header{padding:.75rem .8rem}main{padding:.7rem}.group-content{padding:.65rem}.media-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.media-card-footer{flex-direction:column;align-items:flex-start}.toolbar-block{flex:1 1 100%}}