:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#e8edf3;background-color:#0b1016;background-image:radial-gradient(circle at 1px 1px,rgba(204,214,225,.18) 1px,transparent 0),radial-gradient(circle at 16px 12px,rgba(50,63,79,.36) 1px,transparent 0),linear-gradient(180deg,#141c26db,#090d12f5);background-size:22px 22px,36px 36px,auto}.app-shell{width:100%;max-width:none;margin:0;padding:18px clamp(10px,2.2vw,28px) 100px;display:grid;gap:14px;min-height:100vh}.app-shell.review-mode{height:100vh;overflow:hidden;padding-bottom:12px;grid-template-rows:auto minmax(0,1fr) auto auto}.app-shell.hint-mode .action-panel{box-shadow:0 0 0 2px #7ab1ff59}.hero h1{margin:0;font-weight:700;letter-spacing:.2px}.hero-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-title-row{display:inline-flex;align-items:center;gap:10px}.hero-nav{display:inline-flex;align-items:center;gap:10px;padding-top:4px}.hero-nav a{color:#9fc8ff;text-decoration:none;font-size:13px}.hero-home-link{display:inline-flex;align-items:center;justify-content:center;color:#9fc8ff}.hero-nav a:hover{text-decoration:underline}.hero p{margin:8px 0 0;color:#a4b1c2}.privacy-page{max-width:980px}.policy-card{border:1px solid #243342;border-radius:14px;background:#070b10b8;padding:18px;line-height:1.45}.policy-card h2{margin:14px 0 6px;font-size:17px}.policy-card p{margin:0 0 10px;color:#c7d3e2}.policy-card a{color:#9fc8ff}.about-lede{margin:2px 0 14px;color:#d7e3f3}.author-byline{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #2b3f54;display:flex;align-items:center;gap:12px}.author-avatar{width:72px;height:72px;border-radius:999px;object-fit:cover;border:2px solid rgba(155,190,228,.5);box-shadow:0 8px 18px #00000059;flex:0 0 auto}.author-meta{min-width:0}.author-name{margin:0;color:#e7f0fb;font-size:16px;font-weight:700}.author-name a{color:inherit;text-decoration:none}.author-name a:hover{text-decoration:underline}.author-blurb{margin:4px 0 0;color:#c6d4e4;font-size:13px;line-height:1.42}@media (max-width: 560px){.author-byline{align-items:flex-start}.author-avatar{width:64px;height:64px}}.about-figure{margin:12px 0 14px;border-radius:10px;overflow:hidden;background:#0a1018cc}.about-figure img{width:100%;height:auto;display:block}.about-figure figcaption{padding:10px 12px;color:#c6d4e3;font-size:13px}.static-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#97a9be;font-size:12px}.static-footer nav{display:inline-flex;gap:10px}.static-footer a{color:#9fc8ff;text-decoration:none}.static-footer a:hover{text-decoration:underline}.drop-zone{border:2px dashed #314355;border-radius:16px;background:#0c1118d6;min-height:70vh;display:grid;place-items:center;position:relative;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;box-shadow:inset 0 0 0 1px #ffffff05;overflow:hidden;cursor:pointer}.drop-zone.active{border-color:#80bfff;background:#0e1925f0;box-shadow:0 0 0 3px #4082ff3d,inset 0 0 0 1px #8cb4ff33}.drop-zone:focus-visible{outline:none;box-shadow:0 0 0 3px #5f9dff61,inset 0 0 0 1px #8cb4ff33}.drop-inner{position:relative;text-align:center;display:grid;gap:14px;max-width:760px;padding:24px;place-items:center;isolation:isolate}.finder-stream{position:absolute;top:-10px;right:-20px;bottom:-12px;left:-20px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.34;-webkit-mask-image:radial-gradient(circle at center,transparent 0 24%,rgba(0,0,0,.9) 54%,#000 100%);mask-image:radial-gradient(circle at center,transparent 0 24%,rgba(0,0,0,.9) 54%,#000 100%)}.finder-window{position:absolute;width:min(70vw,820px);border:1px solid rgba(85,115,144,.48);background:#0a1421b8;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px #00000057}.finder-window.w1{left:-8%;top:2%;transform:rotate(-3.8deg)}.finder-window.w2{right:-8%;top:5%;transform:rotate(3deg)}.finder-window.w3{left:-6%;bottom:3%;transform:rotate(2.3deg)}.finder-window.w4{right:-7%;bottom:1%;transform:rotate(-2.6deg)}.finder-window.w5{left:10%;top:14%;transform:rotate(1.2deg)}.finder-window.w6{right:10%;bottom:15%;transform:rotate(-1.4deg)}.finder-titlebar{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;background:linear-gradient(180deg,#293a4de6,#1a2838e6);border-bottom:1px solid rgba(92,120,147,.38)}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ff6b6b}.dot.yellow{background:#ffd36a}.dot.green{background:#65d78a}.finder-title{margin-left:4px;font-size:11px;color:#cce0f5;letter-spacing:.2px}.finder-rows{display:grid;gap:4px;padding:8px;max-height:168px;overflow:hidden}.finder-row{display:inline-flex;align-items:center;gap:6px;color:#bfd4ea;font-size:11px;padding:4px 6px;border-radius:6px;background:#1a26358f;white-space:nowrap}.finder-row span{overflow:hidden;text-overflow:ellipsis}.drop-focus-glow{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(96%,1180px);height:min(86%,700px);z-index:1;pointer-events:none;border-radius:999px;background:radial-gradient(ellipse at center,#070d15eb,#070d15c7 40%,#070d157a 64%,#070d1500)}.upload-motion{width:min(740px,98%);height:330px;background:transparent;border:0;border-radius:0;overflow:hidden;position:relative;z-index:2}.upload-motion dotlottie-player{width:100%;height:100%;border:0;display:block}.drop-label{font-size:30px;font-weight:600;line-height:1.25;letter-spacing:.2px;position:relative;z-index:2}.drop-sub{font-size:13px;color:#98a8bc;position:relative;z-index:2}.drop-trust{font-size:13px;color:#c7dcf3;position:relative;z-index:2}.drop-trust:before,.drop-trust:after{content:"✦";color:#99c6ff;margin:0 8px}.drop-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.drop-warning{position:absolute;left:50%;transform:translate(-50%);bottom:16px;display:flex;align-items:center;gap:6px;background:#621b28eb;border:1px solid #a25a6b;color:#ffdce2;padding:8px 12px;border-radius:999px;font-size:12px;z-index:20}.drop-warning.floating{position:fixed;left:50%;transform:translate(-50%);bottom:72px;z-index:1300;pointer-events:none}.ad-slot{border:1px solid #243342;border-radius:14px;background:#070b1094;padding:10px}.ad-slot-inner{border:1px dashed #304357;border-radius:10px;min-height:112px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px}.ad-label{font-size:12px;color:#94a8bf}.ad-box{border:1px solid #3a4f63;background:#0e1620b3;color:#aac1d8;font-size:12px;display:grid;place-items:center;border-radius:8px}.ad-wide{width:240px;height:70px}.ad-mrec{width:120px;height:100px}.tree-perspective{margin-top:8px;width:min(90%,620px);perspective:1100px;position:relative;z-index:1}.tree-layer{display:grid;gap:8px;transform:rotateX(14deg) rotate(-4deg);transform-origin:center}.folder-card{display:flex;align-items:center;gap:8px;font-size:12px;color:#bfd1e4;border:1px solid #304356;background:#111b26d1;padding:8px 10px;border-radius:8px;box-shadow:0 10px 24px #00000038;justify-content:center}.folder-card:nth-child(2){margin-left:28px}.folder-card:nth-child(3){margin-left:56px}.folder-card:nth-child(4){margin-left:84px}@media (max-width: 900px){.finder-window{width:min(110vw,760px)}.finder-window.w2,.finder-window.w4{right:-6%}.finder-window.w1,.finder-window.w3{left:-6%}}.hidden-picker{display:none}.action-panel,.status-panel,.gallery-shell,.step-card,.status-bottom{border:1px solid #243342;border-radius:14px;background:#070b10b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.action-panel{padding:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.under-gallery{margin-top:4px}.action-summary{display:grid;gap:4px}.summary-title{font-weight:600}.summary-meta{color:#9fb0c4;font-size:13px}.mode-row{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-row label{font-size:12px;color:#9fb0c4}.mode-row select{border:1px solid #3b4f63;background:#121c26;color:#e8edf3;padding:6px 8px;border-radius:8px;font-size:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn{border:1px solid #3b4f63;background:#1a2531;color:#e8edf3;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px}.btn:hover:enabled{background:#25364a}.btn:disabled{opacity:.45;cursor:default}.btn-primary{border-color:#5588bf;background:#23486f}.btn-primary:hover:enabled{background:#2f5e8e}.btn-small{padding:5px 9px;font-size:12px}.step-card{padding:16px;display:grid;gap:10px}.step-card h2{margin:0;display:flex;align-items:center;gap:8px}.step-card p{margin:0;color:#9fb0c4}.step-card.error{border-color:#623846;background:#1f0c1199}.step-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#9fb0c4}.gallery-shell{padding:12px;display:flex;flex-direction:column;height:clamp(580px,calc(100vh - 160px),88vh);min-height:420px;width:100%}.app-shell.review-mode .gallery-shell{height:100%;min-height:0}.gallery-head{margin-bottom:10px}.gallery-head h2{margin:0;font-size:18px}.gallery-head p{margin:4px 0 0;color:#95a7bc;font-size:13px}.gallery-viewport{flex:1;min-height:0;display:flex;width:100%}.virtual-scroll{overflow:auto;border:1px solid #293847;border-radius:10px;background:#060a0fd6;height:100%;width:100%}.grid{display:grid;align-content:start}.tile{padding:8px;position:relative}.tile.selected .tile-preview{box-shadow:0 0 0 2px #78adff}.tile-preview{display:block;width:100%;height:100%;border:0;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:#0e1720;min-height:220px;position:relative}.tile-preview img{width:100%;height:100%;object-fit:cover;display:block}.tile-check-indicator{position:absolute;left:10px;top:10px;width:28px;height:28px;border:1px solid rgba(112,142,172,.62);background:#0a121cb8;color:#dce9f7;border-radius:8px;display:inline-grid;place-items:center}.tile-name-mask{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 8px;background:linear-gradient(180deg,#0000,#02080ed6);pointer-events:none}.tile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#e4edf7}.tile-dims{position:absolute;right:10px;bottom:42px;font-size:11px;color:#d7e2ef;background:#060c14b8;border:1px solid rgba(94,118,143,.55);border-radius:999px;padding:2px 8px;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.tile:hover .tile-dims,.tile:focus-within .tile-dims{opacity:1;transform:translateY(0)}.tile-fullscreen-btn{position:absolute;right:16px;top:16px;width:30px;height:30px;border:1px solid rgba(112,142,172,.65);background:#0a121cc2;color:#dce9f7;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.tile:hover .tile-fullscreen-btn,.tile:focus-within .tile-fullscreen-btn{opacity:1;transform:translateY(0)}.tile-fullscreen-btn:hover{background:#14202ee6}.tile-select-fab{position:absolute;left:16px;top:16px;width:36px;height:36px;border:1px solid rgba(118,149,182,.78);background:#0a121ce0;color:#e9f2fb;border-radius:10px;display:inline-grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 8px 20px #0000003d}.tile-select-fab:hover{background:#192637f5}@media (hover: none){.tile-fullscreen-btn{opacity:1;transform:translateY(0)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#020407d6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1100;padding:18px}.lightbox-panel{margin:0;background:#0a1018f2;border:1px solid #2f4357;border-radius:14px;padding:12px;max-width:min(96vw,1360px);max-height:92vh}.lightbox-panel img{width:auto;height:auto;max-width:calc(100vw - 80px);max-height:calc(100vh - 160px);display:block;margin:0 auto}.lightbox-panel figcaption{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#cfdbeb;font-size:13px}.lightbox-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-btn{width:34px;height:34px;border:1px solid #3b4f63;background:#1a2531;color:#e8edf3;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer}.icon-btn:hover:enabled{background:#25364a}.icon-btn:disabled{opacity:.5}.status-bottom{position:static;margin-top:auto;z-index:auto;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.app-shell.review-mode .status-bottom{margin-top:0}.status-compact-main{display:grid;gap:2px}.status-compact-main strong{font-size:13px}.status-compact-main span{color:#9db0c6;font-size:12px}.status-compact-actions{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#9db0c6}.footer-link{color:#9fc8ff;text-decoration:none;padding:4px 6px;border-radius:6px}.footer-link:hover{text-decoration:underline;background:#22364e73}.status-panel.bottom-detail{position:static;z-index:auto;padding:10px 12px}.app-shell.review-mode .status-panel.bottom-detail{max-height:120px;overflow:auto}.tip-toast{position:fixed;right:14px;bottom:64px;z-index:1400;width:min(420px,calc(100vw - 28px));border:1px solid #2e4660;background:#091018f2;border-radius:12px;padding:12px;box-shadow:0 14px 36px #0006}.tip-title{font-weight:600;margin-bottom:4px}.tip-copy{color:#a8b9cc;font-size:13px}.tip-actions{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}.selected-download-wrap{position:relative;display:inline-flex}.hint-arrow{position:absolute;top:-44px;left:50%;transform:translate(-50%);color:#9fcbff;font-size:42px;line-height:1;animation:bounce-hint .75s ease-in-out infinite;pointer-events:none;text-shadow:0 0 16px rgba(126,189,255,.8)}@keyframes bounce-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.metrics{display:flex;gap:14px;flex-wrap:wrap;color:#8fa2b8;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.upload-motion{width:min(640px,98%);height:250px}.drop-label{font-size:22px}.gallery-viewport{min-height:0}.gallery-shell{height:clamp(420px,calc(100vh - 210px),74vh);min-height:340px}.lightbox-panel figcaption{flex-direction:column;align-items:flex-start}.status-bottom,.status-panel.bottom-detail{bottom:6px}.tip-toast{right:8px;bottom:56px;width:calc(100vw - 16px)}.ad-slot-inner{grid-template-columns:1fr;justify-items:center}.ad-wide,.ad-mrec{width:min(100%,320px)}}