:root{--bg:#f8f9fc;--white:#fff;--ink:#252637;--muted:#8c8d9f;--line:#ebeaf2;--purple:#6b55df;--light-purple:#f0edfc;--radius:16px;--shadow:0 4px 24px #25263704}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #b8aafa;outline-offset:3px}input,select{border:1px solid #e3e2ed;border-radius:9px;padding:11px 13px;background:white;color:var(--ink);min-width:0}input::placeholder{color:#a3a3b3}input:disabled{background:#f6f6fa;color:#9292a2}input:focus,select:focus{border-color:#aa98f0}label{font-size:13px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.25;font-weight:700;margin-bottom:10px}h2{font-size:17px;letter-spacing:-.35px;line-height:1.4;margin-bottom:0}h3{font-size:15px}p{color:var(--muted);margin-bottom:0}svg{flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:var(--purple);color:white;padding:11px 18px;font-weight:600;font-size:13px;border-radius:9px;box-shadow:0 4px 10px #6b55df14;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#5944c5;transform:translateY(-1px)}.button.secondary{color:#656477;border-color:#e7e4ef;background:white;box-shadow:none}.button.secondary:hover{background:#f4f1ff;color:var(--purple)}.button.danger{background:#fff0f0;color:#cc4c57;border-color:#f6d9dd;box-shadow:none}.button.danger:hover{background:#ffe0e3}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#a09caf;border-radius:7px;flex-shrink:0}.icon-button:hover{background:var(--light-purple);color:var(--purple)}.brand{display:flex;align-items:center;font-size:26px;letter-spacing:-1px;font-weight:750;line-height:1}.brand-icon{width:37px;height:37px;border-radius:11px;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 4px 12px #6b55df25}.brand-dot{color:var(--purple)}.sidebar{width:242px;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:36px 22px 0;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin:0 8px 48px}.workspace-label{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#aaa8b9;margin:0 12px 15px}nav>a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:6px;border-radius:9px;color:#838092;font-weight:500;font-size:13px}nav>a.active{color:var(--purple);background:var(--light-purple);font-weight:650}nav>a:hover{background:#f7f5ff;color:var(--purple)}.nav-count{margin-left:auto;font-size:10px;background:#e7e0ff;color:var(--purple);padding:0 6px;border-radius:5px}.nav-divider{height:1px;background:#f0eef5;margin:23px 12px}.sidebar-bottom{margin-top:auto}.storage-box{margin-bottom:24px;padding:17px 15px 14px;background:#faf9fd;border:1px solid #efedf6;border-radius:12px}.storage-box>div{display:flex;align-items:center;gap:8px;font-size:11px}.storage-box>div svg{width:17px;color:#8e83bb}.storage-box>div span{margin-left:auto;color:var(--purple);font-size:11px;font-weight:600}.storage-box small{font-size:10px;color:#9792a7}.storage-box p{font-size:9px;margin-top:10px;color:#aaa4b9}.storage-box meter{appearance:none;width:100%;height:5px;display:block;margin:13px 0 8px;background:#e9e4f3;border-radius:10px;border:0}.storage-box meter::-webkit-meter-bar{background:#e9e4f3;border:0;height:5px}.storage-box meter::-webkit-meter-optimum-value{background:var(--purple)}.storage-box meter::-moz-meter-bar{background:var(--purple)}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:22px 0}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;font-size:10px;color:var(--muted)}.avatar{display:flex;align-items:center;justify-content:center;background:#f2e5d9;color:#99734d;border:3px solid #fff9f2;border-radius:50%;width:38px;height:38px;font-size:15px;font-weight:600;flex-shrink:0}.avatar.small{width:33px;height:33px;font-size:12px;margin-left:12px}.main-shell{margin-left:242px}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#ffffffab}.breadcrumbs{font-size:12px;color:#9a97a8;display:flex;gap:15px;align-items:center}.breadcrumbs span{color:#d3cfdc}.breadcrumbs strong{font-weight:500;color:#605e73}.topbar-right{display:flex;align-items:center;gap:7px;font-size:10px;color:#9593a4}.status-dot{width:6px;height:6px;border-radius:50%;background:#67b495}main{max-width:1580px;margin:auto;padding:35px 42px 0}.eyebrow{font-size:9px;font-weight:700;color:#9b91ba;letter-spacing:1.8px;display:block;margin-bottom:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p{font-size:12px}.wave{font-size:29px;color:#bd9de7;display:inline-block;vertical-align:middle;margin-left:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:29px}.stat-card{position:relative;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 20px 18px;box-shadow:var(--shadow);overflow:hidden}.stat-card>span:not(.stat-icon){display:block;font-size:11px;color:#8a879b;margin-bottom:9px;padding-right:30px}.stat-card>strong{display:block;font-size:27px;font-weight:650;line-height:1.3;letter-spacing:-.7px;white-space:nowrap}.stat-card small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:7px;color:#aaa5b5}.stat-card small.saving{color:#57a88a;background:#eef8f3;font-size:9px;padding:3px 5px;border-radius:4px}.stat-card p{font-size:10px;margin-top:9px;color:#a7a2b3}.stat-icon{position:absolute;right:15px;top:16px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.purple{background:#f0ebff;color:#9776e2}.blue{background:#edf2ff;color:#7497dc}.green{background:#eaf8f2;color:#6ab398}.orange{background:#fff3e6;color:#d6a168}.upload-panel{border:1px solid var(--line);border-radius:var(--radius);padding:22px 25px 15px;background:white;margin-bottom:32px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.subtle-label{display:flex;align-items:center;gap:5px;font-size:8px;color:#8ca996;font-weight:650;letter-spacing:.8px;background:#f4faf6;border:1px solid #e8f4ec;padding:5px 8px;border-radius:5px}.subtle-label svg{width:12px;height:12px}.dropzone{text-align:center;border:1.5px dashed #d6ccef;border-radius:11px;padding:26px 20px 24px;background:radial-gradient(ellipse at center,#f9f6ff,#fdfcff);cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:var(--purple);background:#f0eaff;box-shadow:0 0 0 4px #6b55df0a}.upload-symbol{width:51px;height:51px;border:1px solid #e9e1fa;background:white;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--purple);margin:0 auto 14px;box-shadow:0 5px 12px #71609308}.upload-symbol svg{width:24px;height:24px}.dropzone h3{font-size:14px;font-weight:500;margin-bottom:5px}.dropzone h3 span{color:var(--purple);font-weight:600}.dropzone p{font-size:10px;color:#a29ab3}.upload-hint{display:inline-block;font-size:9px;color:#b2a8c3;margin-top:13px}.upload-options{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#9d96ad;margin-top:13px}.upload-options label{font-size:10px;font-weight:400;white-space:nowrap}.upload-options select{font-size:10px;margin-left:6px;padding:4px 7px;border-color:#ede9f3}.option-divider{padding:0 7px;color:#c3bacf}.check-circle{color:#75ac92;margin-right:4px}.upload-queue:empty{display:none}.upload-queue{margin-top:18px;max-height:260px;overflow:auto}.queue-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.queue-thumb{height:32px;width:32px;object-fit:cover;border-radius:7px}.queue-content{min-width:0}.queue-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;font-weight:500}.queue-status{font-size:10px;color:var(--muted)}.queue-status.failed{color:#cc4c57}.queue-item progress{display:block;height:3px;width:100%;margin-top:5px;accent-color:var(--purple)}.upload-complete{margin:12px 0 0;text-align:right}.gallery-section{margin-bottom:24px}.count-badge{font-size:10px;vertical-align:middle;margin-left:5px;border:1px solid #e8e5f0;border-radius:6px;padding:2px 7px;color:#9690a9;font-weight:500}.text-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#9486c4}.text-link:hover{color:var(--purple)}.text-link svg{width:14px}.gallery-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:19px;flex-wrap:wrap}.filter-tabs{display:flex;align-items:center;gap:6px;margin-right:auto}.filter-tabs a{font-size:11px;padding:7px 11px;border:1px solid transparent;border-radius:7px;color:#9a94a9}.filter-tabs a.selected{background:white;color:var(--purple);border-color:#e7e0f4;box-shadow:0 2px 4px #796b9605}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e8e5ef;border-radius:8px;background:white;padding:0 10px}.search-field svg{width:14px;color:#aaa2ba}.search-field input{font-size:10px;border:0;background:transparent;width:125px;padding:9px 0}.gallery-toolbar select{padding:8px;font-size:10px;color:#938aab;border-color:#e8e5ef}.search-button{font-size:10px;padding:8px 12px}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.image-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.image-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4640610e}.image-preview{display:block;width:100%;padding:0;border:0;background:#f0edf6;position:relative;overflow:hidden}.image-preview img{width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;display:block;transition:transform .35s}.image-preview:hover img{transform:scale(1.04)}.visibility-badge{position:absolute;left:10px;top:10px;font-size:9px;border-radius:5px;background:#ffffffed;color:#756889;padding:3px 7px;box-shadow:0 2px 6px #00000008}.visibility-badge.private{color:#ad8055;background:#fff8ebf2}.image-card-info{padding:12px 13px 8px}.image-card-info h3{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.image-card-info>div{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#a8a1b3;font-size:9px}.image-card-info .icon-button{width:25px;height:25px}.image-card-info svg{width:14px;height:14px}.dot{margin:0 4px;color:#c5bece}.empty-state{text-align:center;background:linear-gradient(135deg,#fff,#fcfbff);border:1px solid var(--line);border-radius:var(--radius);padding:40px 20px}.empty-art{width:60px;height:60px;background:#f3effd;border:8px solid #f9f6ff;border-radius:19px;display:flex;align-items:center;justify-content:center;color:#b6a3e8;margin:0 auto 16px;transform:rotate(-7deg)}.empty-art svg{width:27px;height:27px}.empty-state h3{font-size:15px;margin-bottom:6px}.empty-state p{font-size:11px;margin-bottom:18px}.empty-state .button{font-size:11px}.tip-banner{border:1px solid #e9e3f3;background:#f3effa;border-radius:11px;padding:15px 18px;display:flex;align-items:center;gap:12px;margin:28px 0 16px}.tip-icon{color:#b099d8;background:#eae2f6;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon svg{width:16px}.tip-banner p{font-size:10px;color:#a294b6}.tip-banner strong{color:#817194;font-weight:600;margin-right:5px}.tip-banner>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:#b4a5c8;white-space:nowrap}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#aea7bc}footer span{color:#bbb4c6}.panel{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.panel h2{margin-bottom:20px}.panel>p{font-size:12px;margin:-10px 0 20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{display:flex;flex-direction:column;gap:7px;color:#696378;font-size:12px}.form-stack .button{margin-top:5px}.alert{padding:13px 17px;border-radius:9px;font-size:12px;margin-bottom:22px}.alert.error{background:#fff0f0;color:#b34f57;border:1px solid #f7d9dc}.alert.success{background:#eef8f2;color:#528367;border:1px solid #dceee2}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0;font-size:12px;color:var(--muted)}.admin-stats{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow-x:auto;margin-bottom:30px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;color:#9b91ac;font-weight:500;padding:10px 14px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:14px;border-bottom:1px solid #f4f0f7}td small{display:block;color:var(--muted);font-size:11px}dialog{border:1px solid var(--line);border-radius:18px;padding:24px;width:min(960px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #1a123830}dialog::backdrop{background:#22203199;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{word-break:break-word;max-width:85%}.detail-layout{display:grid;grid-template-columns:1fr 280px;gap:25px}.detail-image-wrap{background:repeating-conic-gradient(#f4f1f8 0% 25%,#faf9fc 0% 50%) 50%/18px 18px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:250px;overflow:hidden}.detail-image-wrap img{max-width:100%;max-height:65vh;object-fit:contain}.detail-info{display:flex;flex-direction:column;gap:12px}.detail-info .eyebrow{margin:0}.detail-info label{display:flex;flex-direction:column;gap:6px}.detail-info input{font-size:11px}.detail-info p{font-size:12px}.detail-info p.small-text{font-size:10px}.confirm-dialog{max-width:400px;padding:28px}.confirm-dialog h2{margin-bottom:10px}.confirm-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#2f2b40;color:white;font-size:12px;padding:13px 23px;border-radius:10px;box-shadow:0 6px 25px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.public-shell{max-width:1300px;margin:auto;padding:35px 55px 0}.public-shell>.brand{width:fit-content}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 170px);padding:40px 0 65px}.auth-intro .pill{font-size:9px;letter-spacing:1.5px;background:#eee8fa;color:#9980c6;border:1px solid #e5daf7;border-radius:20px;padding:7px 12px;display:inline-block;margin-bottom:23px}.auth-intro h1{font-size:54px;line-height:1.14;letter-spacing:-2px}.auth-intro h1 span{color:var(--purple)}.auth-intro>p{max-width:380px;font-size:13px;line-height:1.9;margin-top:18px}.auth-card{background:white;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 20px 65px #71608908}.auth-card h2{font-size:24px;letter-spacing:-.7px;margin-bottom:8px}.auth-card>p{font-size:12px;margin-bottom:27px}.auth-card .form-stack{gap:17px}.auth-card input{padding:12px 13px}.auth-card .auth-switch{margin:24px 0;text-align:center;font-size:12px}.auth-switch a{color:var(--purple);font-weight:600}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#aaa2b6}.secure-note svg{width:14px;height:14px}.public-shell>.auth-card{max-width:550px;margin:80px auto}.intro-features{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#a59bb5}.art-collage{height:225px;position:relative;margin:30px 0 18px;max-width:400px}.art-card{position:absolute;border:7px solid white;border-radius:15px;box-shadow:0 12px 24px #4e3b6b13;overflow:hidden;width:190px;height:170px}.art-one{left:12px;top:5px;transform:rotate(-9deg);background:linear-gradient(160deg,#e0d4f4,#fcddd0)}.sun{position:absolute;left:30px;top:26px;width:40px;height:40px;background:#fff1cd;border-radius:50%;box-shadow:0 0 30px #fff1cd66}.mountain{position:absolute;width:180px;height:150px;border-radius:35px;transform:rotate(45deg);background:linear-gradient(135deg,#b1a1d0,#e3cee1);top:105px;left:-20px}.mountain:after{content:'';position:absolute;left:60px;top:-70px;width:170px;height:170px;border-radius:35px;background:linear-gradient(135deg,#9381b6,#c0abce)}.art-two{left:160px;top:31px;transform:rotate(10deg);background:linear-gradient(135deg,#b8c9b7,#e5ead6)}.orb{width:104px;height:104px;background:radial-gradient(circle at 30% 25%,#f6f3cd,#aab591 55%,#7d9074);border-radius:50%;position:absolute;left:40px;top:22px;box-shadow:10px 18px 10px #43583924}.floating-label{position:absolute;top:159px;left:89px;transform:rotate(-3deg);background:white;border:1px solid #ede6f4;border-radius:9px;padding:9px 14px;font-size:10px;color:#9681b7;box-shadow:0 6px 25px #6551840d}.floating-label svg{width:13px;margin-right:5px}.share-card{padding:30px 0 45px;max-width:1000px;margin:30px auto}.share-card h1{font-size:24px;word-break:break-word}.share-card p{font-size:12px}.shared-image{max-width:100%;max-height:75vh;object-fit:contain;display:block;margin:20px auto;border-radius:12px}.share-card .section-head{align-items:flex-start}[hidden]{display:none!important}
@media(min-width:1550px){.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dropzone{padding-top:40px;padding-bottom:35px}main{padding-top:42px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:16px;padding-right:16px}.sidebar .brand{font-size:24px}.main-shell{margin-left:210px}.topbar{padding:0 28px}main{padding:28px 28px 0}.stats-grid{gap:12px}.stat-card{padding:18px 14px}.stat-card>strong{font-size:23px}.stat-card>span:not(.stat-icon){font-size:10px}.stat-icon{width:25px;height:25px;right:10px;top:12px}.stat-card small{display:inline;font-size:9px}.image-grid{gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.tip-banner>span:last-child{display:none}.auth-layout{gap:40px}.auth-intro h1{font-size:48px}.public-shell{padding-left:35px;padding-right:35px}}
@media(max-width:960px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>strong{font-size:26px}.stat-card>span:not(.stat-icon){font-size:11px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-panel{padding:20px 17px 14px}.upload-options{align-items:flex-start;flex-direction:column}.subtle-label{font-size:7px}.upload-panel h2{font-size:14px}.page-heading h1{font-size:27px}.page-heading>.button{font-size:11px;padding:10px 12px}.settings-grid{grid-template-columns:1fr}.auth-intro h1{font-size:41px}.auth-card{padding:26px}.auth-layout{gap:25px}.art-card{width:150px;height:150px}.art-two{left:120px}.orb{left:20px}.floating-label{left:45px}.intro-features{gap:9px}.detail-layout{grid-template-columns:1fr 240px}.topbar-right>span:not(.avatar){display:none}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px 20px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 18px;font-size:24px}.sidebar .brand-icon{height:32px;width:32px}.workspace-label,.sidebar-bottom,.nav-divider{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.sidebar nav>a{white-space:nowrap;font-size:11px;padding:8px 10px;gap:6px;margin:0}.sidebar nav>a svg{width:15px;height:15px}.sidebar nav>a[href="/#upload"]{display:none}.nav-count{font-size:9px}.main-shell{margin:0}.topbar{height:52px;padding:0 21px}.breadcrumbs{font-size:10px}.avatar.small{height:27px;width:27px}main{padding:25px 20px 0}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.page-heading>.button{width:37px;height:37px;padding:0;font-size:0;gap:0;margin-top:22px}.page-heading>.button svg{width:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}.stats-grid{gap:10px;margin-bottom:22px}.stat-card{padding:17px 14px}.stat-card>strong{font-size:24px}.stat-card p{font-size:9px}.stat-card>span:not(.stat-icon){font-size:10px}.stat-icon{width:23px;height:23px}.stat-icon svg{width:13px;height:13px}.upload-panel .section-head{gap:8px;align-items:flex-start}.upload-panel h2{font-size:13px;max-width:180px}.subtle-label{font-size:6px;white-space:nowrap;gap:3px;letter-spacing:.2px;padding:4px}.subtle-label svg{width:10px}.dropzone{padding:25px 10px}.dropzone h3{font-size:12px}.dropzone p{font-size:9px}.upload-options{font-size:8px}.option-divider{padding:0 5px}.filter-tabs{width:100%;margin-bottom:2px}.gallery-toolbar{gap:8px}.search-field{flex:1}.search-field input{width:100%}.gallery-toolbar select{max-width:85px}.image-grid{gap:12px}.image-card-info{padding:10px 10px 7px}.image-card-info h3{font-size:10px}.image-card-info>div{font-size:8px}.image-card-info .dot{margin:0 2px}.image-card-info .icon-button{width:20px}.section-head h2{font-size:16px}.empty-state{padding:30px 18px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.tip-banner{padding:13px;gap:9px}.tip-banner p{font-size:9px}.tip-banner strong{display:block}.public-shell{padding:25px 22px 0}.auth-layout{display:flex;flex-direction:column;gap:30px;padding:35px 0;align-items:stretch;min-height:0}.auth-intro h1{font-size:40px}.auth-intro>p{font-size:12px}.auth-intro h1 br:nth-of-type(1){display:none}.auth-intro .pill{font-size:8px;margin-bottom:15px}.art-collage,.intro-features{display:none}.auth-card{padding:27px 23px}.auth-card h2{font-size:23px}.auth-card>.eyebrow{font-size:8px}.public-shell>.brand{font-size:25px}.public-shell footer{font-size:9px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-image-wrap{min-height:160px;max-height:300px}.detail-image-wrap img{max-height:300px}.detail-info{gap:10px}dialog{padding:19px}.dialog-top h2{font-size:14px}.share-card .section-head{flex-direction:column}.share-card h1{font-size:21px}footer{font-size:9px}.admin-stats{grid-template-columns:1fr}.table-wrap{padding:12px}.pagination{gap:10px;font-size:10px}.pagination .button{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.registration-panel{margin-bottom:24px}.registration-panel .section-head p{margin-top:6px;font-size:12px}.registration-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.registration-form select{flex:1;min-width:200px}.registration-panel p.registration-note{margin:16px 0 0;font-size:11px}@media(max-width:700px){.registration-form{align-items:stretch;flex-direction:column}.registration-form select{width:100%}}
/* LX IMG — midnight surfaces, violet light, and crisp mint accents. */
:root{color-scheme:dark;--bg:#090d17;--white:#121827;--ink:#edf0fa;--muted:#a0acc3;--line:#263047;--purple:#a391ff;--light-purple:#27213f;--shadow:0 8px 28px #00000026}
body{background:radial-gradient(ellipse at 85% 0%,#39215a30,transparent 45%),var(--bg)}
::selection{background:#8062e9;color:#fff}
.sidebar{background:#0d1220;border-color:#202a40}.topbar{background:#101624dd;border-color:#202a40}
.brand{letter-spacing:1px;font-weight:800}.brand-icon{background:linear-gradient(135deg,#9573ff,#5f4fe8);box-shadow:0 0 24px #8563ff38}.brand-dot{color:#75e3d1}
.workspace-label,.eyebrow{color:#a89cc8}.breadcrumbs,.breadcrumbs span{color:#8290ac}.breadcrumbs strong{color:#d4ddf0}.topbar-right{color:#a5b2cb}.status-dot{background:#77e7c3;box-shadow:0 0 10px #77e7c34d}
nav>a{color:#a3afc6}nav>a.active{background:linear-gradient(90deg,#352b55,#201d36);color:#c2b4ff;box-shadow:inset 3px 0 #a48cff}nav>a:hover{background:#201d36;color:#d9ccff}.nav-count{background:#43346b;color:#dfd5ff}.nav-divider{background:var(--line)}
.avatar{background:#2f2649;border-color:#433559;color:#dbbfff}.storage-box{background:#141a2b;border-color:#29314a}.storage-box p,.storage-box small{color:#a6afc5}.storage-box>div svg{color:#ac99e9}.storage-box meter,.storage-box meter::-webkit-meter-bar{background:#30304b}.sidebar-user{border-color:var(--line)}
.stat-card,.upload-panel,.panel,.image-card,.auth-card{background:linear-gradient(145deg,#171e30,#111725);border-color:var(--line);box-shadow:var(--shadow)}
.stat-card>span:not(.stat-icon),.stat-card p,.stat-card small{color:#a6b2ca}.stat-card small.saving{color:#86e5bd;background:#16392f}.purple{background:#32284f;color:#c0a5ff}.blue{background:#1c304b;color:#8ec2ff}.green{background:#19372f;color:#88e4bb}.orange{background:#3d2e25;color:#fac493}.wave{color:#bca5ff}
.button{background:linear-gradient(135deg,#8d6af4,#6854db);color:#fff;box-shadow:0 5px 20px #7654e62b}.button:hover{background:linear-gradient(135deg,#a181ff,#7b65eb)}
.button.secondary{background:#1a2235;border-color:#35415b;color:#d9e1f4}.button.secondary:hover{background:#2b2544;color:#e1d7ff;border-color:#77649d}.button.danger{background:#391e2b;border-color:#6a3046;color:#ffacbc}.button.danger:hover{background:#542439}.icon-button{color:#a9b5cf}.icon-button:hover{background:#302644;color:#dbccff}
input,select{background:#0e1422;color:#e2e9f9;border-color:#35415b}input::placeholder{color:#8b98b4}input:disabled{background:#171d2b;color:#a1aec6}.form-stack label{color:#c4cee3}input:focus,select:focus{border-color:#ac92ff}.search-field{background:#101725;border-color:#35415b}.search-field input{color:#e2e9f9}.gallery-toolbar select{color:#c1cce4;border-color:#35415b}
.dropzone{background:radial-gradient(ellipse at center,#29213f,#14192a);border-color:#5a477e}.dropzone:hover,.dropzone.dragover{background:#2b2147;border-color:#bc9fff;box-shadow:0 0 25px #966aff18}.upload-symbol{background:#2b2244;border-color:#5c4780;color:#c9b4ff;box-shadow:0 0 24px #ae78ff20}.dropzone h3 span{color:#c6b1ff}.dropzone p,.upload-hint,.upload-options{color:#a7afc7}.upload-options select{border-color:#35415b}.option-divider{color:#68778f}.check-circle{color:#81e3b7}.subtle-label{background:#15332b;border-color:#285044;color:#8bdbb8}
.filter-tabs a{color:#aab4cb}.filter-tabs a.selected{background:#2c2542;border-color:#5b477a;color:#d8c5ff}.count-badge{border-color:#3c3a58;color:#bdb0da}.text-link{color:#b7a2ec}.text-link:hover{color:#dbcaff}
.image-preview{background:#151b29}.image-card:hover{box-shadow:0 14px 35px #0005;border-color:#62507f}.image-card-info>div{color:#a5b1ca}.image-card-info .dot{color:#70809c}.visibility-badge{background:#101d28ed;color:#a8e9d9;border:1px solid #48756980}.visibility-badge.private{background:#342840ed;color:#e1bcff;border-color:#8e649980}
.empty-state{background:linear-gradient(135deg,#151c2d,#18162a);border-color:var(--line)}.empty-art{background:#312747;border-color:#231d35;color:#c2a1ff}.tip-banner{background:linear-gradient(110deg,#211c35,#151e2e);border-color:#3a3052}.tip-icon{background:#3a2c53;color:#c0a0ff}.tip-banner p{color:#b0a7c2}.tip-banner strong{color:#d0bce8}.tip-banner>span:last-child{color:#a696bb}
.alert.error{background:#361e2b;border-color:#663346;color:#ffafbd}.alert.success{background:#14362d;border-color:#285442;color:#8fe0b7}.queue-status.failed{color:#ffafbd}
dialog{background:#121a2a;border-color:#38445c;color:var(--ink);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#030710bf}.detail-image-wrap{background:repeating-conic-gradient(#1b2436 0% 25%,#141c2c 0% 50%) 50%/18px 18px}#toast{background:#302745;border:1px solid #6a5388;color:#f1e8ff}
.auth-intro .pill{background:#2a2041;border-color:#574078;color:#c6aaf0}.auth-intro h1 span{color:#b99aff}.auth-switch a{color:#c5adff}.secure-note{color:#a8afc6;border-color:var(--line)}.intro-features{color:#adb6cd}
.art-card{border-color:#30344b;box-shadow:0 15px 40px #0005}.art-one{background:linear-gradient(160deg,#282149,#594266)}.sun{background:#dab3ff;box-shadow:0 0 35px #c59aff66}.mountain{background:linear-gradient(135deg,#675195,#332644)}.mountain:after{background:linear-gradient(135deg,#9477c0,#493956)}.art-two{background:linear-gradient(135deg,#173736,#23504e)}.orb{background:radial-gradient(circle at 30% 25%,#bcffe5,#57ad9e 55%,#245451);box-shadow:10px 18px 15px #061d2466}.floating-label{background:#23233a;color:#cdbaff;border-color:#524167}
th{color:#b6a6d0;border-color:var(--line)}td{border-color:#252d40}footer{border-color:var(--line);color:#9ca7c0}footer span{color:#8d9ab5}

/* Extended LX IMG features */
.feature-panel{margin-bottom:24px}.feature-panel>p{margin:12px 0 0;font-size:12px}.feature-form{margin:18px 0}.feature-upload-options{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.feature-upload-options label,.feature-settings label{display:flex;flex-direction:column;gap:7px}.feature-upload-options p{flex:1;min-width:180px;font-size:11px;align-self:center}kbd{border:1px solid var(--line);background:var(--bg);padding:2px 5px;border-radius:4px}.bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.bulk-toolbar>span{font-size:11px;color:var(--muted)}.bulk-toolbar select{max-width:180px}.bulk-toolbar label{display:flex;align-items:center;gap:6px}.image-card{position:relative}.image-select{position:absolute;right:10px;top:10px;z-index:2;background:#101624d9;padding:5px;border-radius:7px;line-height:1;cursor:pointer}.image-select input{width:18px;height:18px;margin:0;accent-color:var(--purple);cursor:pointer}.image-card:has(.image-check:checked){outline:2px solid var(--purple)}.feature-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-control{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.account-control>div{min-width:0;overflow-wrap:anywhere}.account-control small{display:block;color:var(--muted)}.account-control label{display:flex;flex-direction:column;gap:5px}.account-control input,.account-control select{width:100%}.sidebar nav{max-height:60vh;overflow-y:auto}.feature-panel code{overflow-wrap:anywhere}@media(max-width:700px){.feature-settings,.account-control{grid-template-columns:1fr}.feature-upload-options label{flex:1;min-width:140px}.bulk-toolbar .button{font-size:11px;padding:8px}.sidebar nav{max-height:none}.bulk-toolbar select{max-width:140px}}