*{box-sizing:border-box}body{margin:0;background:#edf2f7;color:#142033;font-family:Arial,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit}button{min-height:36px;padding:0 12px;border:1px solid #d5dfeb;border-radius:6px;background:#fff;color:#24405f;cursor:pointer}button.active,button[type=submit],.panel>button,.panel-actions button:first-child:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;min-height:42px;border:1px solid #d5dfeb;border-radius:6px;padding:9px 11px;background:#fff}textarea{min-height:96px;resize:vertical}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{display:grid;gap:14px;width:min(420px,100%);padding:28px;background:#fff;border:1px solid #dce5ef;border-radius:8px;box-shadow:0 18px 60px #1c2d461f}.login-card h1{margin:0;font-size:24px}.eyebrow{margin:0;color:#3b82f6;font-size:12px;font-weight:800;text-transform:uppercase}.error{color:#b42318}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:#fff;border-bottom:1px solid #dce5ef}.brand{display:grid;gap:3px}.brand strong{font-size:20px}.brand span,.host-meta,.muted{color:#63758a;font-size:12px}.topbar nav{display:flex;gap:8px}.host-meta{display:flex;align-items:center;gap:12px}.workspace{width:min(1320px,100%);margin:0 auto;padding:28px}.stack,.side-stack{display:grid;gap:18px;align-content:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #dce5ef;border-radius:8px;box-shadow:0 10px 30px #1c2d4612}.metric{display:grid;gap:8px;padding:18px}.metric span,.metric small{color:#63758a}.metric strong{font-size:26px}.panel{display:grid;gap:16px;padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.panel-title h2{margin:0;font-size:18px}.panel-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.drag-cta{color:#63758a;font-size:12px;font-weight:700}.toolbar{display:flex;justify-content:space-between}.table{display:grid;gap:8px}.row,.traffic-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;width:100%;text-align:left}.traffic-row{grid-template-columns:160px 120px 120px minmax(120px,1fr);padding:11px 0;border-bottom:1px solid #e3ebf3}.traffic-row i{display:block;height:7px;background:#3b82f6;border-radius:999px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.image-card{display:grid;gap:8px;align-content:start;height:170px;padding:8px;color:#526983;background:#f4f7fb}.image-card img{width:100%;height:122px;object-fit:contain;background:#fff;border-radius:5px}.image-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.upload-layout{--primary-panel-height:clamp(440px, calc(100vh - 260px) ,560px);display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"folder images" "detail upload";grid-template-rows:var(--primary-panel-height) auto;gap:20px;align-items:start}.upload-layout>.side-stack,.upload-layout>.upload-main{display:contents}.folder-panel{grid-area:folder;grid-template-rows:auto auto minmax(0,1fr) auto}.current-images-panel{grid-area:images;grid-template-rows:auto minmax(0,1fr)}.detail-panel{grid-area:detail;grid-template-rows:auto minmax(0,1fr)}.upload-panel{grid-area:upload}.folder-panel,.current-images-panel{min-height:0;height:var(--primary-panel-height);max-height:var(--primary-panel-height);overflow:hidden}.detail-panel{min-height:0;height:320px;max-height:320px;overflow:hidden}.upload-panel{min-height:0;align-self:start}.split{display:grid;grid-template-columns:1fr 180px;gap:12px}label{display:grid;gap:7px;color:#31445b;font-size:13px;font-weight:700}.folder-head{display:flex;align-items:center;gap:8px;min-width:0;padding:0 0 12px;border-bottom:1px solid #e3ebf3}.folder-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-icon{position:relative;display:inline-block;flex:0 0 auto;width:14px;height:10px;border-radius:2px;background:#f9c74f}.folder-icon:before{content:"";position:absolute;left:1px;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:#ffd166}.folder-tree{display:grid;gap:8px;min-height:0;height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;padding-right:6px}.folder-row{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:7px;width:100%;padding:4px 10px;text-align:left;border:0;background:#fff;color:#142033}.folder-row:hover,.folder-row.active{background:#edf4ff}.folder-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.folder-row.parent{padding-left:0}.folder-row.parent span{color:#526983;font-weight:800}.path-footer{display:grid;gap:6px;margin:0 -20px -20px;padding:12px 20px;border-top:1px solid #e3ebf3;background:#fbfdff}.path-footer span{color:#526983;font-size:12px;font-weight:700}.path-footer button{height:auto;min-height:0;padding:0;border:0;background:transparent;color:#2563eb;text-align:left;word-break:break-all}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:11px;align-items:start;align-content:start;min-height:0;height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}.thumb-card{position:relative;display:grid;min-width:0}.thumb-open{display:grid;gap:6px;align-content:start;width:100%;min-height:0;padding:0;border:0;background:transparent;color:inherit}.thumb-open:hover img,.thumb-card.selected img{border-color:#3b82f6;background:#edf4ff}.thumb-card img{width:100%;height:80px;object-fit:contain;border:1px solid #dce5ef;border-radius:6px;background:#f4f7fb}.thumb-card span{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#526983;font-size:11px}.thumb-check{position:absolute;left:6px;top:6px;z-index:3;width:18px;height:18px;min-height:18px;padding:0}.detail-list{display:grid;gap:6px;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;padding-right:4px}.detail-item{display:grid;grid-template-columns:22px 38px minmax(0,1fr) 28px;align-items:center;gap:7px;padding:5px;border:1px solid #e3ebf3;border-radius:6px;background:#fbfdff;cursor:grab}.detail-item.dragging{opacity:.45}.detail-item:active{cursor:grabbing}.detail-item span{color:#63758a;font-size:12px}.detail-item img{width:38px;height:38px;object-fit:cover;border-radius:4px;background:#edf2f7}.detail-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.detail-item button{width:28px;height:28px;min-height:28px;padding:0;cursor:pointer}.empty{grid-column:1/-1;margin:0;padding:24px 0;color:#71839a;text-align:center}.empty.compact{padding:8px 0;text-align:left}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:28px;background:#142033c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;display:grid;gap:10px;width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 56px)}.modal-detail{width:min(760px,calc(100vw - 48px))}.modal-close{position:absolute;right:-14px;top:-14px;z-index:2;display:grid;width:34px;height:34px;min-height:34px;place-items:center;padding:0;border:0;border-radius:999px;background:#fff;color:#142033;box-shadow:0 8px 24px #0003}.modal-image,.modal-scroll{overflow:auto;border-radius:8px;background:#fff;overscroll-behavior:contain}.modal-image{position:relative;overflow:hidden;outline:0;overscroll-behavior:contain}.modal-image.zoomable{cursor:zoom-in;-webkit-user-select:none;user-select:none}.modal-image.zoomed{cursor:zoom-out}.modal-image img{display:block;width:100%;max-height:calc(100vh - 180px);object-fit:contain;transition:transform .16s ease}.modal-image.zoomed img{transform:scale(2.4)}.zoom-lens{position:absolute;right:12px;top:12px;z-index:3;display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#111827e6;color:#fff;font-size:22px;font-weight:800;line-height:1;pointer-events:none;box-shadow:0 8px 24px #00000038}.zoom-lens:after{content:"";position:absolute;right:-5px;bottom:3px;width:11px;height:3px;border-radius:999px;background:#fff;transform:rotate(45deg)}.modal-scroll{display:grid;gap:0;padding:0;max-height:calc(100vh - 190px)}.modal-scroll img{display:block;width:100%;height:auto;background:#fff}.modal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.modal-footer code{overflow:auto;white-space:nowrap;padding:10px 14px;border-radius:6px;background:#111827;color:#fff}.modal-footer textarea{font-family:Consolas,monospace;font-size:12px}.modal-footer button{background:#111827;border-color:#111827;color:#fff}.copy-toast{position:absolute;left:50%;bottom:-44px;margin:0;padding:9px 14px;transform:translate(-50%);border-radius:999px;background:#fff;color:#142033;box-shadow:0 8px 24px #0003;white-space:nowrap}@media(max-width:980px){.topbar,.topbar nav,.host-meta{align-items:stretch;flex-direction:column}.metric-grid,.upload-layout,.split{grid-template-columns:1fr}.upload-layout{grid-template-areas:"folder" "upload" "detail" "images";grid-template-rows:auto}.workspace{padding:18px}.upload-layout{gap:18px}.modal-footer{grid-template-columns:1fr}.panel-title{align-items:flex-start;flex-direction:column}.panel-actions{flex-wrap:wrap}}@media(min-width:981px){.upload-layout{--primary-panel-height:clamp(351px, calc((100vh - 240px)*.675) ,432px);display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;grid-template-areas:"folder images" "upload detail"!important;grid-template-rows:var(--primary-panel-height) auto!important;gap:20px!important;align-items:start!important}.upload-layout>.side-stack,.upload-layout>.upload-main{display:contents!important}.folder-panel{grid-area:folder!important}.current-images-panel{grid-area:images!important}.upload-panel{grid-area:upload!important;align-self:start!important}.detail-panel{grid-area:detail!important;height:320px!important;max-height:320px!important;overflow:hidden!important}.folder-panel,.current-images-panel{display:flex!important;flex-direction:column!important;min-height:0!important;height:var(--primary-panel-height)!important;max-height:var(--primary-panel-height)!important;overflow:hidden!important}.detail-panel{display:flex!important;flex-direction:column!important;min-height:0!important}.folder-tree,.thumb-grid,.detail-list{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:scroll!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;align-content:start!important}.folder-panel .folder-icon{width:14px!important;height:10px!important}.folder-panel .folder-icon:before{top:-3px!important;width:7px!important;height:4px!important}.folder-panel .folder-row{grid-template-columns:19px minmax(0,1fr)!important;gap:7px!important;padding:4px 10px!important}.folder-panel .folder-row.parent{padding-left:0!important}.folder-tree::-webkit-scrollbar,.thumb-grid::-webkit-scrollbar,.detail-list::-webkit-scrollbar{width:10px}.folder-tree::-webkit-scrollbar-track,.thumb-grid::-webkit-scrollbar-track,.detail-list::-webkit-scrollbar-track{background:#eef3f8;border-radius:999px}.folder-tree::-webkit-scrollbar-thumb,.thumb-grid::-webkit-scrollbar-thumb,.detail-list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;border:2px solid #eef3f8}}@media(max-width:980px){.upload-layout{grid-template-areas:"folder" "images" "upload" "detail"!important;grid-template-rows:auto!important}.folder-panel,.current-images-panel{height:520px!important;max-height:520px!important;overflow:hidden!important}}.modal-backdrop{background:#030712c2!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important}.modal{overflow:visible!important;gap:12px!important;padding:10px!important;border:1px solid rgba(226,232,240,.18)!important;border-radius:14px!important;background:linear-gradient(135deg,#ffffff1f,#fff0 28%),linear-gradient(160deg,#0b1020,#050812 58%,#010409)!important;box-shadow:0 30px 90px #0000009e,0 0 0 1px #0000008c,inset 0 1px #ffffff14!important}.modal:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,197,253,.75),transparent);pointer-events:none}.modal-image,.modal-scroll{border:1px solid rgba(226,232,240,.12)!important;border-radius:10px!important;background:#070b12!important;box-shadow:inset 0 0 0 1px #ffffff0a!important;scrollbar-color:#64748b #111827}.modal-image{display:grid!important;place-items:center!important}.modal-image img{border-radius:6px!important;background:#fff!important;box-shadow:0 18px 44px #00000047!important}.modal-scroll{padding:8px!important}.modal-scroll img{border-radius:6px!important;background:#fff!important}.modal-footer{gap:10px!important}.modal-footer code,.modal-footer textarea{border:1px solid rgba(148,163,184,.28)!important;border-radius:8px!important;background:#020617!important;color:#e5e7eb!important;box-shadow:inset 0 1px #ffffff0a!important}.modal-footer button{border:1px solid rgba(96,165,250,.48)!important;background:#0f172a!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 24px #00000047!important}.modal-close{right:-15px!important;top:-15px!important;border:1px solid rgba(255,255,255,.22)!important;background:#020617!important;color:#f8fafc!important;box-shadow:0 16px 34px #00000070!important}.zoom-lens{border:1px solid rgba(255,255,255,.18)!important;background:#020617!important;color:#fff!important;box-shadow:0 14px 32px #00000061!important}.zoom-lens:after{background:#fff!important}.copy-toast{border:1px solid rgba(148,163,184,.28)!important;background:#020617!important;color:#e5e7eb!important}@media(max-width:600px){.modal{width:calc(100vw - 28px)!important;padding:8px!important}}:root{color-scheme:dark}body{background:#05070c!important;color:#e5e7eb!important}.app-shell{min-height:100vh;background:linear-gradient(180deg,#0b1020,#05070c)!important}.topbar{background:#070b12!important;border-bottom:1px solid #1e293b!important;box-shadow:0 12px 34px #00000047!important}.brand strong,.panel-title h2,.folder-head strong,.folder-row strong,.detail-item strong,.metric strong{color:#f8fafc!important}.brand span,.host-meta,.muted,.drag-cta,.metric span,.metric small,.empty,.detail-item span,.path-footer span,.thumb-card span,.image-card span{color:#94a3b8!important}.login-card,.metric,.panel{background:#0b1020!important;border-color:#1e293b!important;box-shadow:0 18px 50px #00000057!important}button{background:#111827!important;border-color:#334155!important;color:#dbeafe!important}button:hover:not(:disabled){border-color:#60a5fa!important;color:#f8fafc!important;background:#172033!important}button.active,button[type=submit],.panel>button,.panel-actions button:first-child:not(:disabled){background:#2563eb!important;border-color:#3b82f6!important;color:#fff!important}button:disabled{opacity:.45!important;color:#64748b!important;background:#0f172a!important}input,select,textarea{background:#020617!important;border-color:#334155!important;color:#e5e7eb!important}input:focus,select:focus,textarea:focus{border-color:#60a5fa!important;outline:2px solid rgba(96,165,250,.18)!important;outline-offset:1px!important}input::file-selector-button{border:1px solid #334155;border-radius:5px;background:#111827;color:#e5e7eb}.toolbar select{background:#020617!important;color:#e5e7eb!important}.row,.traffic-row{border-color:#1e293b!important;color:#e5e7eb!important;background:transparent!important}.row:hover{background:#111827!important}.traffic-row i{background:#60a5fa!important}.image-card{border-color:#1e293b!important;background:#0f172a!important;color:#cbd5e1!important}.image-card:hover{border-color:#60a5fa!important;background:#111c2f!important}.image-card img,.thumb-card img,.detail-item img{background:#05070c!important;border-color:#253348!important}.thumb-open:hover img,.thumb-card.selected img{border-color:#60a5fa!important;background:#0b1d36!important}.thumb-check{accent-color:#60a5fa!important}.detail-item{background:#0f172a!important;border-color:#1e293b!important;color:#e5e7eb!important}.detail-item.dragging{background:#172033!important}.detail-item button{background:#0b1020!important;color:#bfdbfe!important}.folder-head{border-color:#1e293b!important}.folder-tree,.thumb-grid,.detail-list{scrollbar-color:#475569 #0f172a!important}.folder-row{background:transparent!important;color:#e5e7eb!important}.folder-row:hover,.folder-row.active{background:#111c2f!important}.folder-row.parent span{color:#94a3b8!important}.path-footer{background:#080d16!important;border-color:#1e293b!important}.path-footer button{color:#60a5fa!important;background:transparent!important;border:0!important}.copy-toast{border-color:#334155!important;background:#020617!important;color:#e5e7eb!important}*::-webkit-scrollbar-track{background:#0f172a;border-radius:999px}*::-webkit-scrollbar-thumb{background:#475569;border:2px solid #0f172a;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#64748b}.zoom-lens{display:none!important}.modal-image{height:min(72vh,780px)!important;min-height:360px!important;overflow:hidden!important;cursor:default!important}.modal-image.is-zoomed{cursor:move!important}.modal-image img{will-change:transform!important}.modal-image.is-zoomed img{position:absolute!important;left:50%!important;top:50%!important;object-fit:fill!important}.zoom-slider{position:absolute;right:14px;bottom:14px;z-index:5;display:grid;grid-template-rows:auto 132px auto;justify-items:center;gap:7px;padding:10px 8px;border:1px solid rgba(226,232,240,.18);border-radius:12px;background:#020617e6;color:#e5e7eb;box-shadow:0 16px 36px #0000006b,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-slider span,.zoom-slider strong{font-size:11px;font-weight:800;line-height:1;color:#cbd5e1;letter-spacing:0;text-transform:none}.zoom-slider input[type=range]{width:24px!important;height:132px!important;min-height:132px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;accent-color:#60a5fa;writing-mode:vertical-lr;direction:rtl;cursor:pointer}.zoom-slider input[type=range]::-webkit-slider-runnable-track{width:4px;border-radius:999px;background:#bae6fd}.zoom-slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-left:-6px;border:2px solid #e5e7eb;border-radius:999px;background:#0f172a;box-shadow:0 4px 14px #00000073;appearance:none}.zoom-slider input[type=range]::-moz-range-track{width:4px;border-radius:999px;background:#bae6fd}.zoom-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #e5e7eb;border-radius:999px;background:#0f172a;box-shadow:0 4px 14px #00000073}@media(max-width:600px){.modal-image{height:68vh!important;min-height:280px!important}.zoom-slider{right:10px;bottom:10px;grid-template-rows:auto 104px auto}.zoom-slider input[type=range]{height:104px!important;min-height:104px!important}}.modal{width:min(672px,calc(100vw - 36px))!important;max-height:calc(100vh - 32px)!important}.modal-detail{width:min(912px,calc(100vw - 36px))!important}.modal-image{height:min(86vh,936px)!important;max-height:calc(100vh - 132px)!important}@media(max-width:600px){.modal{width:calc(100vw - 20px)!important}.modal-image{height:76vh!important;min-height:300px!important;max-height:calc(100vh - 126px)!important}}.modal-image.has-managed-scale img{position:absolute!important;left:50%!important;top:50%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:translate(-50%,-50%);transition:transform .16s ease!important}.modal-image.has-managed-scale:not(.is-zoomed){cursor:default!important}.zoom-slider input[type=range]:disabled{opacity:.45;cursor:not-allowed!important}:root{color-scheme:light}body{background:#eef3f8!important;color:#172033!important;font-family:Arial,Noto Sans KR,sans-serif!important}.app-shell{position:relative!important;isolation:isolate!important;min-height:100vh!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fbff,#eef4f9 42%,#e9eff5)!important}.app-shell:before{content:"";position:fixed;inset:64px 0 auto;height:300px;z-index:0;background:linear-gradient(90deg,#e6ecf4eb,#ffffff59,#c6cfdcb8);filter:blur(.2px);pointer-events:none}.ambient-image{position:fixed;left:0;right:0;top:64px;z-index:0;height:310px;overflow:hidden;pointer-events:none;opacity:.42;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%)}.ambient-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fafed1,#f7fafe80,#f7fafee0)}.ambient-image img{width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(.9) contrast(.92);opacity:.34;transform:scale(1.08);animation:ambientFloat 28s ease-in-out infinite alternate}@keyframes ambientFloat{0%{transform:translate3d(-12px,5px,0) scale(1.08)}50%{transform:translate3d(14px,-8px,0) scale(1.1)}to{transform:translate3d(4px,8px,0) scale(1.09)}}@media(prefers-reduced-motion:reduce){.ambient-image img{animation:none}}.topbar{position:sticky!important;top:0!important;z-index:5!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important;height:64px!important;padding:0 40px!important;background:#f8fbffdb!important;border-bottom:1px solid rgba(199,211,226,.72)!important;box-shadow:0 10px 30px #27354914!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.topbar-left{display:flex;align-items:center;gap:18px;min-width:0}.powered{color:#8a99ad;font-size:11px;font-weight:700;letter-spacing:0}.topbar nav{display:flex!important;gap:8px!important;align-items:center!important}.topbar nav button,.host-meta>button{min-height:40px!important;padding:0 15px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#63718a!important;font-weight:800!important;box-shadow:none!important}.topbar nav button:hover,.host-meta>button:hover{background:#eef5ff!important;border-color:#bdd7ff!important;color:#2f74e0!important}.topbar nav button.active,.host-meta>button.active{background:#eef5ff!important;border-color:#abd0ff!important;color:#2f7df6!important;box-shadow:0 4px 12px #2f7df61f!important}.host-meta{display:flex!important;align-items:center!important;gap:22px!important;color:#63718a!important;font-size:13px!important}.storage-meter{display:grid;gap:4px;width:250px}.storage-labels{display:flex;justify-content:space-between;color:#77869a;font-size:11px;font-weight:700}.storage-track{position:relative;height:18px;overflow:hidden;border-radius:999px;background:#dfe7f0}.storage-track i{position:absolute;left:0;top:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a34a,#22c55e)}.storage-track strong{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#fff;font-size:11px;font-weight:900;line-height:1}.workspace{position:relative!important;z-index:1!important;width:min(1440px,calc(100% - 88px))!important;margin:0 auto!important;padding:28px 0 64px!important}.panel,.summary-card,.login-card,.metric{border:1px solid rgba(205,217,231,.92)!important;border-radius:14px!important;background:#ffffffe0!important;box-shadow:0 12px 28px #2735491a!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;color:#172033!important}.panel{gap:18px!important;padding:24px!important}.panel-title h2,.summary-title h2,.brand strong,.folder-head strong,.folder-row strong,.detail-item strong,.metric strong{color:#172033!important}.panel-title h2{font-size:18px!important;font-weight:900!important}.brand span,.muted,.drag-cta,.metric span,.metric small,.empty,.detail-item span,.path-footer span,.thumb-card span,.image-card span,.rank-card span{color:#58708d!important}.dashboard-layout{display:grid;gap:22px;width:min(1160px,100%);margin:0 auto}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.summary-card{display:grid;gap:18px;min-height:148px;padding:24px 26px}.summary-card.highlight{background:linear-gradient(135deg,#ebf4fff0,#ffffffe6)!important;border-color:#c7ddfb!important}.summary-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.summary-title h2{margin:0;font-size:18px}.summary-title span{color:#7a8ba0;font-size:12px;white-space:nowrap}.summary-card dl{display:grid;gap:7px;margin:0}.summary-card dl div{display:flex;gap:5px;align-items:baseline}.summary-card dt{color:#172033;font-weight:500}.summary-card dd{margin:0;color:#111827;font-weight:900}.summary-card.is-loading{opacity:.72}.dashboard-top-panel{min-height:460px}.rank-grid{display:grid;gap:20px}.rank-grid-featured{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.rank-grid-default{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:20px 18px}.rank-card{display:grid!important;gap:9px!important;align-content:start!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#58708d!important;text-align:center!important;box-shadow:none!important}.rank-card:hover .async-image{border-color:#9fc8ff!important;box-shadow:0 12px 24px #3b82f61f!important;transform:translateY(-1px)}.rank-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.rank-grid-featured .rank-card span{font-size:13px}.async-image{position:relative;display:block;overflow:hidden;width:100%;height:112px;border:1px solid #d7e3f0;border-radius:10px;background:#eef3f8;box-shadow:0 5px 12px #2735490f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.rank-grid-featured .async-image{height:168px}.async-image img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;opacity:0;transition:opacity .22s ease}.async-image.loaded img{opacity:1}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#edf3fa,#f8fbff,#edf3fa);background-size:220% 100%;animation:skeletonSlide 1.1s ease-in-out infinite}.async-image.loaded .image-skeleton{display:none}@keyframes skeletonSlide{0%{background-position:120% 0}to{background-position:-120% 0}}.top-list-panel,.traffic-panel{width:min(1180px,100%);margin:0 auto}.query-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.query-toolbar select,.query-toolbar input{width:auto!important;min-width:86px!important;min-height:38px!important;border-color:#d4e0ef!important;background:#fff!important;color:#172033!important;border-radius:8px!important}.query-toolbar input{min-width:220px!important}.query-toolbar button{min-height:38px!important;border-radius:8px!important;border-color:#3b82f6!important;background:#3b82f6!important;color:#fff!important;font-weight:900!important}.query-toolbar span{color:#7a8ba0;font-size:13px}.query-toolbar strong{color:#172033}.traffic-panel .panel-title{align-items:center!important}.traffic-panel .panel-title h2 b{color:#3b82f6;font-size:14px}.sort-actions{display:flex;gap:8px}.sort-actions button{min-height:38px!important;border-radius:8px!important;background:#fff!important;border-color:#d5e2f1!important;color:#63718a!important;font-weight:800!important}.sort-actions button.active{background:#eef5ff!important;border-color:#9fc8ff!important;color:#2f7df6!important}.traffic-table{display:grid;gap:0}.traffic-head,.traffic-row{display:grid!important;grid-template-columns:1.35fr .9fr .9fr .9fr 1.1fr!important;align-items:center!important;gap:18px!important;width:100%!important;padding:14px 8px!important;border-bottom:1px solid #dbe5f0!important;background:transparent!important;color:#172033!important;text-align:left!important}.traffic-head{color:#6f8198!important;font-size:12px!important;font-weight:900!important}.traffic-row span{color:#172033!important;font-size:14px!important}.traffic-row i{position:relative!important;display:block!important;width:100%!important;height:8px!important;overflow:hidden!important;border-radius:999px!important;background:#dfe7f0!important}.traffic-row i b{display:block;height:100%;border-radius:inherit;background:#3b82f6}.folder-panel,.current-images-panel,.detail-panel,.upload-panel{background:#ffffffe6!important}.folder-tree,.thumb-grid,.detail-list{scrollbar-color:#9fb0c3 #edf3f8!important}.folder-row{background:transparent!important;color:#172033!important}.folder-row:hover,.folder-row.active{background:#eef5ff!important}.path-footer{background:#f8fbff!important;border-color:#dbe5f0!important}.path-footer button{color:#2563eb!important;background:transparent!important}.thumb-open .async-image{height:80px;border-radius:6px}.thumb-open .async-image img{object-fit:contain!important}.thumb-open:hover .async-image,.thumb-card.selected .async-image{border-color:#3b82f6!important;background:#eef5ff!important}.detail-item{background:#f8fbff!important;border-color:#dbe5f0!important;color:#172033!important}.modal-backdrop{background:#131f3094!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.modal{background:linear-gradient(160deg,#101827,#050812)!important}.modal-footer button{background:#0f172a!important;color:#fff!important}.copy-toast{background:#fff!important;color:#172033!important;border-color:#dbe5f0!important}button{background:#fff!important;border-color:#d5e2f1!important;color:#435976!important}button:hover:not(:disabled){background:#eef5ff!important;border-color:#9fc8ff!important;color:#2f7df6!important}button.active,button[type=submit],.panel>button,.panel-actions button:first-child:not(:disabled){background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}button:disabled{background:#f1f5f9!important;color:#9aa9bb!important}input,select,textarea{background:#fff!important;border-color:#d5e2f1!important;color:#172033!important}.error{color:#dc2626!important}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#edf3f8;border-radius:999px}*::-webkit-scrollbar-thumb{background:#9fb0c3;border:2px solid #edf3f8;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#7d8fa4}@media(max-width:980px){.topbar{height:auto!important;grid-template-columns:1fr!important;padding:14px 18px!important}.topbar-left,.host-meta{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.storage-meter{width:min(280px,100%)}.workspace{width:calc(100% - 32px)!important;padding-top:18px!important}.summary-grid{grid-template-columns:1fr}.rank-grid-featured,.rank-grid-default{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.traffic-head,.traffic-row{grid-template-columns:1fr 1fr!important}.traffic-head span:nth-child(n+3),.traffic-row span:nth-child(n+3),.traffic-row i{display:none!important}}.topbar{grid-template-columns:minmax(260px,1fr) auto minmax(300px,1fr)!important;gap:20px!important;padding:0 32px!important}.header-brand{justify-self:start!important;display:grid!important;gap:2px!important;min-width:0!important;text-align:left!important}.header-brand strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#172033!important;font-size:18px!important;font-weight:900!important;line-height:1.15!important}.header-brand span{color:#8a99ad!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important}.main-nav{justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important}.host-meta{justify-self:end!important;min-width:0!important}.storage-meter{width:200px!important}@media(max-width:980px){.topbar{grid-template-columns:1fr!important;height:auto!important;padding:14px 18px!important}.header-brand,.main-nav,.host-meta{justify-self:start!important}.main-nav{flex-wrap:wrap!important;justify-content:flex-start!important}.host-meta{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.storage-meter{width:min(224px,100%)!important}}.topbar{transform:translateY(0)!important;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,box-shadow .22s ease!important;will-change:transform!important}body.modal-open .topbar{transform:translateY(calc(-100% - 2px))!important;opacity:.98!important;pointer-events:none!important;box-shadow:none!important}@media(prefers-reduced-motion:reduce){.topbar{transition:none!important}}.copy-toast{position:fixed!important;inset:50% auto auto 50%!important;z-index:120!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:min(420px,calc(100vw - 40px))!important;min-height:46px!important;margin:0!important;padding:12px 18px!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(37,99,235,.22)!important;border-radius:999px!important;background:#fffffff5!important;color:#172033!important;font-size:14px!important;font-weight:900!important;text-align:center!important;white-space:normal!important;box-shadow:0 18px 48px #0f172a38!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;animation:copyToastPop .18s ease-out both!important}@keyframes copyToastPop{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(min-width:981px){.upload-panel,.detail-panel{height:348px!important;max-height:348px!important;min-height:348px!important}.upload-panel{align-self:start!important;gap:12px!important;overflow:hidden!important;padding:22px 24px 14px!important}.upload-panel .panel-title{margin-bottom:0!important}.upload-panel label{gap:6px!important}.upload-panel input,.upload-panel select{min-height:39px!important;padding:7px 10px!important}.upload-panel .split{gap:10px!important}.upload-panel>button:last-child{min-height:38px!important;margin-top:2px!important}.detail-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:24px!important}.detail-panel .detail-list{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important}}.thumb-check{left:7px!important;top:7px!important;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;cursor:pointer!important;accent-color:#3b82f6!important}.dashboard-top-panel .panel-title{transform:translateY(-25px)!important;margin-bottom:-25px!important}.storage-track strong{font-size:8.8px!important;font-weight:300!important;line-height:1!important}.modal-backdrop{position:fixed!important;inset:0!important;z-index:9999!important;display:grid!important;place-items:center!important;width:100vw!important;height:100vh!important;min-height:100vh!important;padding:24px!important;overflow:hidden!important;isolation:isolate!important}.modal-backdrop .modal{position:relative!important;z-index:10000!important;display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.modal-backdrop .modal-image,.modal-backdrop .modal-scroll,.modal-backdrop .modal-footer{position:relative!important;z-index:1!important}.modal-backdrop .modal-close{z-index:10001!important}.danger-button{border-color:#dc2626!important;background:#dc2626!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 18px #dc26262e!important}.danger-button:hover:not(:disabled){border-color:#b91c1c!important;background:#b91c1c!important;color:#fff!important}.danger-button:disabled{border-color:#fecaca!important;background:#fee2e2!important;color:#ef4444!important;box-shadow:none!important}.delete-confirm-modal{width:min(420px,calc(100vw - 40px))!important;gap:16px!important;padding:24px!important;background:linear-gradient(160deg,#111827,#050812)!important;color:#f8fafc!important}.delete-confirm-copy{display:grid;gap:8px!important}.delete-confirm-copy h2{margin:0!important;color:#f8fafc!important;font-size:20px!important;font-weight:900!important}.delete-confirm-copy p{margin:0!important;color:#cbd5e1!important;font-size:14px!important;line-height:1.55!important}.delete-confirm-field{gap:8px!important;color:#e5e7eb!important;font-size:13px!important;font-weight:800!important}.delete-confirm-field input{background:#020617!important;border-color:#475569!important;color:#f8fafc!important}.delete-confirm-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important}.delete-confirm-actions button{min-width:82px!important}.folder-tree{gap:4px!important}.folder-panel .folder-row{min-height:18px!important;padding-top:2px!important;padding-bottom:2px!important;line-height:1.2!important}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.image-stats-card{position:relative!important;align-content:start!important;gap:12px!important}.image-stats-card .summary-title{min-height:auto!important}.image-stats-card dl{gap:6px!important}.image-stats-card dl div{justify-content:space-between!important;gap:10px!important}.image-stats-card dt{font-size:13px!important;color:#435976!important;white-space:nowrap!important}.image-stats-card dd{font-size:15px!important;font-weight:900!important;white-space:nowrap!important;text-align:right!important}.largest-image-row{padding-top:3px!important;border-top:1px solid rgba(213,226,241,.78)!important}.detail-link-button{justify-self:start!important;min-height:32px!important;margin-top:2px!important;padding:0 12px!important;border-color:#3b82f6!important;background:#3b82f6!important;color:#fff!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 18px #3b82f62e!important}.detail-link-button:disabled{border-color:#d5e2f1!important;background:#f1f5f9!important;color:#9aa9bb!important;box-shadow:none!important}.size-top-panel .query-toolbar{margin-bottom:4px!important}@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.summary-grid{grid-template-columns:1fr!important}.image-stats-card dl div{align-items:flex-start!important;flex-direction:column!important}.image-stats-card dd{text-align:left!important}}.summary-card.highlight .summary-title{display:grid!important;grid-template-columns:1fr!important;justify-content:start!important;gap:5px!important}.summary-card.highlight .summary-title h2{white-space:nowrap!important;line-height:1.2!important}.summary-card.highlight .summary-title span{display:block!important;white-space:normal!important;font-size:11px!important;line-height:1.35!important}.main-nav button{font-size:90%!important}