:root{color:#eef6ff;background:#08101e;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#122b46,#08101e 42%);min-height:100vh;margin:0}main{max-width:1450px;margin:auto;padding:28px}header{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.eyebrow{color:#7dd3fc;letter-spacing:.3em;margin:0;font-weight:800}h1{margin:0;font-size:42px;display:inline-block}.version{color:#7892aa;margin-left:12px;font-size:12px}.stats{background:#101c2d;border:1px solid #24415f;border-radius:15px;padding:13px 18px}.panel{background:#0d1929;border:1px solid #213c59;border-radius:18px;padding:18px;box-shadow:0 15px 45px #0005}.top{grid-template-columns:minmax(220px,1fr) auto auto minmax(120px,150px) auto minmax(220px,auto) auto;align-items:end;gap:12px;display:grid}label{color:#9eb6cc;font-size:12px}input{color:#fff;background:#07111d;border:1px solid #2b4966;border-radius:10px;width:100%;margin-top:6px;padding:12px 14px}button{color:#03111c;cursor:pointer;background:#38bdf8;border:0;border-radius:11px;padding:13px 16px;font-weight:800}button:disabled{opacity:.4;cursor:not-allowed}.danger{background:#fb7185}.summaryBar{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.summaryBar>div{background:#0d1929;border:1px solid #203b57;border-radius:14px;align-items:baseline;gap:6px;padding:12px 16px;display:flex}.summaryBar span{color:#88a2b9;margin-right:auto;font-size:12px}.summaryBar b{font-size:24px}.summaryBar small{color:#7891a7}.folderSection{background:#0b1625;border:1px solid #1d354f;border-radius:17px;margin-top:14px;padding:14px}.sectionTitle{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.sectionTitle span{color:#718aa1;font-size:11px}.folders{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;display:grid}.folder{color:#d8e8f5;text-align:left;background:#101f31;border:1px solid #2c465f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;padding:11px 12px;display:grid}.folder:hover{background:#142a40}.folder.active{background:#163550;border-color:#52c7fb;box-shadow:inset 0 0 0 1px #38bdf844}.folderIcon{color:#7dd3fc;font-size:18px}.folderName{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.folder b{font-size:18px}.folder small{color:#7890a6}.toolbar{align-items:center;gap:8px;margin:14px 3px 0;display:flex}.toolbar>span{color:#829bb1;margin-left:auto;font-size:12px}.sub{color:#d7e9f8;background:#17283b;border:1px solid #31506d;padding:8px 12px}.saveOption{color:#bdd0df;cursor:pointer;background:#0e1c2c;border:1px solid #29455f;border-radius:9px;align-items:center;gap:7px;margin-left:7px;padding:7px 10px;display:flex}.saveOption input{width:auto;margin:0}.currentView{align-items:baseline;gap:10px;margin:18px 3px 10px;display:flex}.currentView strong{font-size:20px}.currentView span{color:#7dd3fc;font-weight:800}.empty{text-align:center;color:#9eb6cc;padding:100px 20px}.empty.small{padding:70px 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px;display:grid}.card{background:#0d1929;border:2px solid #0000;border-radius:15px;transition:transform .15s,border-color .15s;overflow:hidden}.card:hover{transform:translateY(-2px)}.card.selected{border-color:#38bdf8}.card.recommended{box-shadow:0 0 0 1px #f7c94888,0 0 24px #f7c94818}.thumb{color:#6f879c;cursor:zoom-in;background:#050b12;place-items:center;height:160px;display:grid;position:relative}.thumb img{object-fit:cover;width:100%;height:100%}.check{color:#fff;cursor:pointer;background:#06111ddd;border-radius:9px;padding:7px 9px;font-weight:700;position:absolute;top:8px;right:8px}.check input{width:auto;margin:0 5px 0 0}.star{color:#322500;background:#f7c948;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;left:8px}.meta{gap:7px;padding:11px;display:grid}.meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta small{color:#91a7bb}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span,.viewerTags span{background:#14263a;border:1px solid #36566f;border-radius:999px;padding:5px 8px;font-size:12px}.tags .good,.viewerTags .good{color:#8ff0c2;border-color:#2e8063}.tags .recommendTag{color:#ffe585;background:#2c2710;border-color:#8d7420}footer{text-align:center;color:#668096;padding:28px}.viewer{z-index:9999;background:#02060ced;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.viewerPanel{background:#07111d;border:1px solid #29445f;border-radius:18px;grid-template-rows:minmax(0,1fr) auto;width:min(1380px,100vw - 150px);height:min(900px,100vh - 80px);display:grid;overflow:hidden;box-shadow:0 30px 100px #000}.viewerImageWrap{background:#02060b;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex}.viewerImageWrap img{object-fit:contain;max-width:100%;max-height:100%;display:block}.viewerInfo{border-top:1px solid #20364c;grid-template-columns:minmax(220px,1fr) minmax(200px,auto) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.viewerInfo strong{font-size:16px}.viewerInfo small{color:#6f879c;grid-column:1/-1}.viewerSub{color:#8ba3b8;margin-top:5px;font-size:12px}.viewerTags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.keep{color:#d8e9f7;background:#24384d;border:1px solid #3f5b75;min-width:150px}.keep.active{color:#03111c;background:#38bdf8}.viewerClose{color:#fff;background:#172536;border:1px solid #40546a;border-radius:50%;width:46px;height:46px;padding:0;font-size:28px;position:fixed;top:18px;right:22px}.viewerNav{color:#fff;background:#122134cc;border:1px solid #334b63;width:54px;height:78px;padding:0;font-size:54px;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.viewerNav.left{left:18px}.viewerNav.right{right:18px}@media (max-width:900px){.top{grid-template-columns:1fr 1fr}.top label{grid-column:1/-1}header{flex-direction:column;align-items:start;gap:10px}.stats{width:100%}.summaryBar{grid-template-columns:1fr 1fr}.sectionTitle{flex-direction:column;align-items:flex-start;gap:8px}.folders{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar>span{width:100%;margin-left:0}.saveOption{margin-left:0}.viewer{padding:12px}.viewerPanel{width:calc(100vw - 24px);height:calc(100vh - 24px)}.viewerInfo{grid-template-columns:1fr}.viewerTags{justify-content:flex-start}.viewerNav{width:42px;height:64px;font-size:42px}.viewerNav.left{left:6px}.viewerNav.right{right:6px}.viewerClose{z-index:2;top:10px;right:12px}}.viewerLoading{color:#fff;opacity:.8;text-align:center;padding:28px;font-size:15px}.viewerImageWrap{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.viewerImageWrap.zoomed{cursor:grab}.viewerImageWrap.zoomed:active{cursor:grabbing}.viewerImageWrap img{transform-origin:50%;transition:transform 60ms linear}.zoomBadge{color:#dff4ff;pointer-events:none;background:#06111ddd;border:1px solid #37516a;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800;position:absolute;bottom:14px;right:14px}.viewerActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.flag{color:#d8e9f7;background:#24384d;border:1px solid #3f5b75;padding:11px 13px}.flag.active{color:#22060b;background:#fb7185;border-color:#fb7185}.groupList{gap:18px;display:grid}.photoGroup{background:#0b1625;border:1px solid #28445e;border-radius:17px;padding:14px}.groupHeader{border-bottom:1px solid #20384f;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding:2px 3px 11px;display:flex}.groupHeader>div{align-items:baseline;gap:10px;display:flex}.groupHeader strong{font-size:18px}.groupHeader span{color:#7dd3fc;font-weight:900}.groupHeader small{color:#829bb1;text-align:right}@media (max-width:700px){.groupHeader{flex-direction:column}.groupHeader small{text-align:left}}.requiredInput{grid-template-columns:1fr auto;align-items:end;gap:6px;min-width:125px;display:grid}.requiredInput>input{grid-column:1;margin-top:6px}.requiredInput>span{color:#9eb6cc;grid-area:2/2;padding-bottom:12px}.targetAnalyze{color:#052016;background:#a7f3d0}.targetNotice{color:#b9f6d8;background:#0d2a22;border:1px solid #2e8063;border-radius:12px;margin-top:12px;padding:12px 16px;font-weight:700}.targetNotice.warn{color:#ffe0a1;background:#2a2110;border-color:#b98b38}.targetReason{font-weight:800;color:#9ff4d2!important}.folder.active .folderIcon{color:#fff}@media (max-width:1200px){.top{grid-template-columns:1fr 1fr 1fr}.top>label:first-child{grid-column:1/-1}.requiredInput{min-width:0}}