:root{--paper:#f3efe7;--surface:#fbfaf7;--ink:#252321;--muted:#77736c;--line:#d9d2c6;--accent:#d75c3f;--accent-soft:#ead8ca;--shadow:0 18px 50px #392d1e1f}html.dark-mode{--paper:#191817;--surface:#242220;--ink:#f1ede5;--muted:#aaa49a;--line:#403b35;--accent:#ec7458;--accent-soft:#49332d;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body{font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1380px;margin:auto;padding:30px 54px 20px}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-mark{background:var(--ink);width:27px;height:27px;color:var(--paper);place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-style:italic;display:grid}.top-nav,.filters,.meta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.top-nav button,.top-nav a{color:var(--muted);background:0 0;border:0;padding:7px 0;font-size:12px}.top-nav .nav-tab{color:var(--ink)}.top-nav .nav-tab.active{color:var(--accent)}.user-email{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-size:12px}.dark-mode-toggle{text-transform:uppercase;font-size:11px!important}.signout-link{text-decoration:underline}.hero-intro{justify-content:space-between;gap:30px;max-width:1060px;padding:92px 0 84px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:10px}.hero-intro h1{letter-spacing:-.07em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,7vw,100px);font-weight:400;line-height:.88}.hero-intro h1 em{color:var(--accent);font-weight:400}.hero-note{max-width:210px;color:var(--muted);align-self:flex-end;margin:0 0 6px;line-height:1.7}.tabs{border-bottom:1px solid var(--line);gap:32px;margin-bottom:42px;display:flex}.tab{color:var(--muted);background:0 0;border:0;padding:0 0 16px;font-size:13px;position:relative}.tab.active{color:var(--ink)}.tab-line{display:none}.tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel{display:none}.panel.active{display:block}.panel-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.panel-header h2{letter-spacing:-.04em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:400}.count-pill{color:var(--accent);vertical-align:top;margin-left:5px;font-family:Arial;font-size:13px}.filters select,.filters input{border:0;border-bottom:1px solid var(--line);width:auto;min-width:130px;color:var(--muted);background:0 0;padding:9px 22px 9px 0;font-size:12px}.filters button,.form-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:11px 16px;font-size:12px}.filters button.primary,.form-actions button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.artwork-card{cursor:pointer}.artwork-frame{aspect-ratio:1/1.12;background:var(--accent-soft);position:relative;overflow:hidden}.card-1 .artwork-frame{aspect-ratio:1/1.32}.card-2 .artwork-frame{aspect-ratio:1}.card-3 .artwork-frame{aspect-ratio:1/1.22}.artwork-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.artwork-card:hover .artwork-image{transform:scale(1.035)}.artwork-placeholder{height:100%;color:var(--ink);background:linear-gradient(135deg,var(--accent-soft),transparent 70%);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.artwork-placeholder span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.artwork-placeholder b{color:var(--accent);align-self:center;font:italic 400 100px Georgia}.card-copy{padding:13px 0 20px;position:relative}.card-index{color:var(--accent);letter-spacing:.12em;margin-bottom:9px;font-size:10px}.card h3{letter-spacing:-.03em;margin:0 0 11px;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:400}.chip{color:var(--muted);border:1px solid var(--line);text-transform:lowercase;padding:5px 8px;font-size:10px}.chip.status-released,.chip.status-finished{color:var(--accent);border-color:var(--accent)}.chip.status-scrapped{color:#a94a3a}.sub{color:var(--muted);margin:11px 0 0;font-size:12px;line-height:1.5}.new-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);margin:0 0 30px;padding:24px;display:none}.new-form.open{display:block}.form-heading{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-bottom:22px;font-size:11px;display:flex}.close-form{color:var(--muted);background:0 0;border:0;font-size:11px}.row2{grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.new-form input,.new-form select,.new-form textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;padding:12px 0}.new-form textarea{resize:vertical;min-height:90px;margin-bottom:16px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.empty-state{border-top:1px solid var(--line);color:var(--muted);text-align:center;grid-column:1/-1;padding:65px 0}.empty-state .big{color:var(--ink);margin-bottom:8px;font:30px Georgia}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin-top:90px;padding-top:18px;font-size:10px;display:flex}.detail-hero{grid-template-columns:minmax(280px,45%) 1fr;gap:clamp(40px,8vw,130px);padding:75px 0;display:grid}.detail-art{aspect-ratio:1/1.05;background:var(--accent-soft);max-height:650px}.detail-copy{align-self:center}.detail-copy h1{letter-spacing:-.07em;margin:0 0 25px;font:400 clamp(48px,7vw,100px)/.9 Georgia,serif}.detail-date{color:var(--muted);font-size:12px}.detail-description{max-width:420px;color:var(--muted);margin:40px 0;line-height:1.7}.upload-box{border-top:1px solid var(--line);max-width:420px;padding-top:20px}.upload-box label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:11px;display:block}.upload-box input{width:100%;color:var(--muted);font-size:12px}.upload-box p{color:var(--muted);font-size:11px}#uploadPreview img{object-fit:cover;max-width:100%;max-height:120px;margin-top:12px}.back-link{color:var(--ink)!important;text-decoration:underline!important}.detail-loading{color:var(--muted)}@media (width<=850px){.shell{padding:22px 20px}.hero-intro{padding:65px 0;display:block}.hero-note{margin-top:30px}.panel-header{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.filters{width:100%}.filters select{flex:1}.row2{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;padding:45px 0}.detail-art{max-width:600px}.detail-copy h1{font-size:65px}}@media (width<=520px){.top{flex-direction:column;align-items:flex-start;gap:18px}.top-nav{justify-content:space-between;width:100%}.user-email{display:none}.hero-intro h1{font-size:58px}.grid{grid-template-columns:1fr}.artwork-frame,.card-1 .artwork-frame,.card-2 .artwork-frame,.card-3 .artwork-frame{aspect-ratio:1/1.1}.filters button{width:100%}footer{flex-direction:column;gap:20px}}.toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:5;padding:13px 17px;font-size:12px;transition:all .25s;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.login-body{place-items:center;padding:24px;display:grid}.login-shell{background:var(--surface);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);padding:42px}.login-title{letter-spacing:-.06em;margin:0 0 38px;font:400 46px/.95 Arial,Helvetica,sans-serif}.login-form .field{margin-bottom:20px}.login-form label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.login-form input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;padding:12px 0}.full-width{width:100%}.login-error{min-height:20px;color:var(--accent);margin-top:16px;font-size:12px}.artwork-upload-field{flex-direction:column;gap:8px;margin-top:18px;display:flex}.artwork-upload-field label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.artwork-upload-field input[type=file]{border:1px dashed var(--line);background:var(--surface);width:100%;color:var(--ink);padding:14px}.artwork-upload-field span{color:var(--muted);font-size:12px}#collectionsGrid,#mediaGrid,.grid{flex-direction:column;gap:0;display:flex}#collectionsGrid>*,#mediaGrid>*,.grid>*{width:100%}#collectionsGrid .artwork-card,#mediaGrid .artwork-card,.grid .artwork-card,#collectionsGrid .card,#mediaGrid .card,.grid .card{border-top:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);align-items:center;min-height:180px;padding:20px 0;display:grid}#collectionsGrid .artwork-card:last-child,#mediaGrid .artwork-card:last-child,.grid .artwork-card:last-child,#collectionsGrid .card:last-child,#mediaGrid .card:last-child,.grid .card:last-child{border-bottom:1px solid var(--line)}#collectionsGrid .artwork-frame,#mediaGrid .artwork-frame,.grid .artwork-frame{aspect-ratio:auto;width:160px;height:140px}