:root{--bg:#0c121b;--panel:#111a25;--panel2:#18212c;--gold:#d9bd87;--gold2:#b08d57;--white:#f2eee8;--muted:#9da6af;--line:rgba(218,202,173,.14);font-family:system-ui,-apple-system,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}img{display:block;max-width:100%}.hidden{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;fill:none;flex-shrink:0}.serif{font-family:Georgia,'Times New Roman','Batang','Noto Serif KR',serif}.kicker{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--gold)}.gold-point{color:var(--gold)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0d1520;border-right:1px solid var(--line);padding:33px 19px 23px;display:flex;flex-direction:column}.brand{text-align:center;margin-bottom:52px}.brand-monogram{font-family:Georgia,serif;border:1px solid rgba(218,188,134,.5);height:65px;width:65px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:23px;color:#e1cb9e;letter-spacing:-.12em;padding-right:3px}.brand-monogram span{font-size:12px;margin:0 6px;color:#a48b62}.brand-caption{font-size:9px;letter-spacing:.26em;color:#b6aa91}.brand-wordmark{font-size:22px;letter-spacing:.05em;margin-top:8px}.side-section-label{color:#707c8a;font-size:10px;letter-spacing:.18em;margin:0 0 17px 14px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;text-align:left;color:#a9b2bd;padding:13px 12px;border-radius:6px;margin:2px 0;transition:all .2s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#182431;color:#fff}.nav-item.selected{background:rgba(201,168,105,.12);color:#e4ca98}.nav-item em{font-style:normal;font-size:11px;color:#78818d;margin-left:auto}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:24px 11px 0}.side-quote{color:#baaa8c;font-size:17px;font-style:italic;line-height:1.5;margin-bottom:22px}.side-text{color:#adb5be;background:none;border:none;padding:11px 0;display:flex;gap:10px;align-items:center;font-size:12px;width:100%}.side-text .icon{width:16px;height:16px}.side-text:hover{color:var(--gold)}.side-version{font-size:9px;color:#637080;line-height:1.9;letter-spacing:.08em;padding-top:25px}.workspace{min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,5vw,82px);border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:.16em;color:#9fa7af}.breadcrumb span{color:#705f4c;margin:0 9px}.top-actions{display:flex;align-items:center;gap:25px}.privacy{display:flex;align-items:center;gap:7px;color:#b5a383;font-size:10px;letter-spacing:.12em}.privacy .icon{height:14px;width:14px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:4px;padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn-gold{background:#d7bd8e;color:#17202c}.btn-gold:hover{background:#f0d9a9}.btn-outline{color:var(--white);background:transparent;border-color:rgba(213,189,143,.33)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.hero{height:min(505px,46vw);min-height:380px;position:relative;overflow:hidden;background:#202132}.hero-art{position:absolute;inset:0;background-repeat:no-repeat;background-position:center 48%;background-size:cover;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,19,.94) 0%,rgba(7,12,20,.78) 35%,rgba(8,11,19,.22) 76%,rgba(10,14,22,.28) 100%),linear-gradient(0deg,rgba(9,13,20,.45),transparent 43%)}.hero-inner{position:relative;z-index:1;padding:85px clamp(30px,6vw,100px)}.hero-kicker{letter-spacing:.23em;font-size:10px;color:#d7bd87;display:flex;align-items:center;gap:11px}.dot{width:5px;height:5px;background:#d7bd87;border-radius:50%}.hero h2{font-weight:400;font-size:clamp(42px,5vw,78px);line-height:1.12;margin:25px 0 22px;letter-spacing:-.03em}.hero h2 i{color:#e1c995;font-weight:normal}.hero p{line-height:2;color:#d3d5d5;font-size:13px}.text-cta{background:none;border:0;color:#ecd3a2;letter-spacing:.08em;display:flex;align-items:center;gap:14px;border-bottom:1px solid #bba071;padding:16px 0 11px;margin-top:15px;font-size:11px}.text-cta .icon{width:16px;height:16px}.hero-side{position:absolute;right:35px;top:50%;color:#efddb4;writing-mode:vertical-rl;letter-spacing:.18em;font-size:11px}.hero-side span{margin:12px 0;color:#706c65}.hero-bottom{position:absolute;bottom:25px;right:37px;letter-spacing:.21em;font-size:9px;color:#e5d7bb}.hero-bottom span{padding:0 7px}.archive-content{padding:62px clamp(25px,5vw,82px) 100px;max-width:1750px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.intro h2{font-size:44px;font-weight:normal;margin:13px 0 12px;letter-spacing:-.02em}.intro p{color:#aab2ba;font-size:13px;line-height:1.8}.stat{display:flex;gap:12px;align-items:center}.stat strong{font-family:Georgia,serif;color:#dec595;font-weight:400;font-size:47px;line-height:1}.stat span{font-size:9px;line-height:1.65;letter-spacing:.13em;color:#9da3a9}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid var(--line)}.searchbox{display:flex;align-items:center;gap:9px;background:#161f2a;border:1px solid #29313c;border-radius:5px;max-width:360px;flex:1;padding:0 12px;color:#98a4b4}.searchbox .icon{width:17px;height:17px}.searchbox input{border:0;background:transparent;outline:none;color:#fff;width:100%;padding:13px 0;font-size:12px}.searchbox input::placeholder{color:#768390}.filter-right{display:flex;align-items:center;gap:18px}.checkbox-label{display:flex;align-items:center;gap:6px;color:#a1a9af;font-size:11px;white-space:nowrap}.checkbox-label input{accent-color:#cdb782}.filter-right select{background:#161f2a;color:#aeb7c0;border:1px solid #29313c;border-radius:5px;padding:11px 12px;font-size:11px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 19px}.art-card{min-width:0;cursor:pointer}.art-picture{overflow:hidden;aspect-ratio:1.16;position:relative;background:#1e2634;border-radius:4px}.art-picture img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s}.art-card:hover .art-picture img{transform:scale(1.045);filter:brightness(1.08)}.art-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(4,9,15,.76));padding:28px 12px 12px;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .25s}.art-card:hover .art-overlay{opacity:1}.art-overlay span{font-size:11px;color:#f2e6ce}.art-overlay .icon{color:#f2e6ce}.art-data{padding:13px 2px 0}.art-overline{color:#c8ae7a;font-size:9px;letter-spacing:.13em;margin-bottom:7px}.art-name{font-size:15px;font-weight:500;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-meta{color:#8893a0;font-size:11px;margin-top:6px}.empty{text-align:center;border:1px dashed #47505a;border-radius:8px;padding:90px 20px;color:#a5aeb7}.empty .icon{color:var(--gold);height:35px;width:35px}.empty h3{color:#f5f0e8}.empty .btn{margin-top:15px}.foot{padding:22px clamp(25px,5vw,82px) 28px;color:#667483;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em}.foot b{color:var(--gold)}.mobile-title{display:none}.overlay{position:fixed;inset:0;z-index:40;background:rgba(4,8,13,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.viewer{position:relative;background:#121b26;border:1px solid rgba(225,198,147,.22);width:min(1120px,96vw);height:min(760px,88vh);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(315px,.75fr);box-shadow:0 20px 90px #000a}.modal-close{position:absolute;z-index:2;right:14px;top:14px;color:#e5d2a8;border:1px solid rgba(229,215,179,.27);background:#17212dd9;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.viewer-photo{overflow:hidden;background:#0a0e14;display:grid;place-items:center;min-width:0}.viewer-photo img{width:100%;height:100%;object-fit:contain}.viewer-side{padding:55px 34px 28px;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.viewer-side h2{font-size:31px;line-height:1.3;font-weight:normal;margin:14px 0}.gold-rule{width:42px;height:1px;background:var(--gold);margin:12px 0 13px}.viewer-side p{font-size:13px;color:#b9c0c8;line-height:1.9;white-space:pre-line}.viewer-side dl{border-top:1px solid var(--line);margin:21px 0 14px}.viewer-side dl div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:10px 0}.viewer-side dt{font-size:9px;color:#a39274;letter-spacing:.14em}.viewer-side dd{font-size:11px;color:#bbc5ce;margin:0;overflow-wrap:anywhere;text-align:right}.viewer-tags{display:flex;gap:6px;flex-wrap:wrap}.viewer-tags span{border:1px solid #3b434c;border-radius:3px;padding:5px 8px;font-size:10px;color:#b4bccc}.viewer-controls{display:flex;gap:10px;margin-top:auto;padding-top:20px}.viewer-controls>*{flex:1}.editor{width:min(660px,95vw);max-height:95vh;overflow-y:auto;background:#121b26;border:1px solid rgba(225,198,147,.25);padding:26px 29px 28px;box-shadow:0 24px 75px #0009}.editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.editor-top h2{font-size:29px;font-weight:normal;margin:7px 0}.editor .modal-close{position:static}.upload-area{height:146px;position:relative;border:1px dashed #685c49;border-radius:6px;background:#17202b;display:grid;place-items:center;color:#c5b08b;overflow:hidden;margin-bottom:20px}.upload-area input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.upload-area div{text-align:center}.upload-area .icon{height:25px;width:25px;display:block;margin:0 auto 8px}.upload-area b{font-weight:500;font-size:13px}.upload-area p{font-size:10px;color:#8f96a0;margin:7px 0}.upload-area img{height:100%;width:100%;object-fit:contain}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#c9b997;font-size:11px}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;color:#eee;background:#1d2834;border:1px solid #374452;border-radius:3px;padding:10px 11px;outline:none;font-size:12px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:#d8ba81}.editor-extra{display:flex;gap:20px;flex-wrap:wrap;padding-top:16px;color:#bfc4ca;font-size:12px}.editor-extra input{accent-color:#cbb68d}.editor-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.error{font-size:12px;color:#ffb4b4;min-height:18px;margin-top:7px}.toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translateX(-50%);background:#dfc594;color:#1b2431;border-radius:5px;padding:13px 22px;box-shadow:0 15px 50px #0005;font-size:12px}.login-layer{position:fixed;z-index:60;inset:0;background:#0d1520;display:grid;place-items:center;overflow:hidden}.login-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 45%,rgba(117,79,136,.28),transparent 42%),radial-gradient(ellipse at 15% 15%,rgba(162,114,59,.12),transparent 45%),repeating-radial-gradient(circle at 55% 52%,transparent 0 92px,rgba(206,177,123,.10) 93px,transparent 94px);opacity:.85}.login-content{width:min(480px,90vw);text-align:center;z-index:1}.tiny-line{width:44px;height:1px;background:var(--gold);margin:0 auto 24px}.login-content h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:normal;letter-spacing:.03em;margin:21px 0 3px}.login-content h1 span{color:#a88653;font-size:.6em;vertical-align:middle}.login-sub{font-size:24px;letter-spacing:.3em;color:#e4cfaa}.login-content p{color:#b7bcc6;line-height:2;margin:32px 0 44px}.login-content label{display:block;text-align:left;letter-spacing:.18em;font-size:10px;color:#ceb889;margin-bottom:10px}.login-field{display:flex;border-bottom:1px solid #7a725f}.login-field input{flex:1;background:none;border:0;color:#fff;padding:14px 0;outline:none;min-width:0;font-size:15px}.login-field button{border:0;background:none;color:#d4b97d;padding:0 5px}.login-foot{font-size:9px;letter-spacing:.1em;color:#667481;margin-top:88px}.login-foot span{color:#c2a473;padding:0 8px}
@media (max-width:1100px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:27px 12px}.archive-content{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.hero-inner{padding:65px 40px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.shell{display:flex;flex-direction:column}.workspace{display:contents}.sidebar{order:2;position:relative;height:auto;padding:0;border:0;background:#101824}.sidebar .brand,.side-section-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:9px 12px;scrollbar-width:none;white-space:nowrap}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{width:auto;min-width:max-content;gap:7px;padding:9px 10px;font-size:11px}.nav-item .icon{height:15px;width:15px}.nav-item em{display:none}.topbar{order:1;height:59px;padding:0 17px;gap:10px}.workspace main{order:3}.mobile-title{display:block;color:#e0c58e;font-size:20px}.mobile-title span{font-size:12px}.mobile-title small{font-family:system-ui;display:block;font-size:8px;letter-spacing:.1em;color:#b5ac9c}.breadcrumb{display:none}.top-actions{gap:10px}.privacy{font-size:9px}.privacy .icon{width:13px}.top-actions .btn{padding:10px 11px;font-size:11px}.hero{height:415px;min-height:0}.hero-shade{background:linear-gradient(90deg,rgba(6,10,16,.90),rgba(7,11,18,.58) 74%,rgba(7,11,18,.37)),linear-gradient(0deg,rgba(5,8,12,.4),transparent)}.hero-art{background-position:59% center}.hero-inner{padding:75px 25px}.hero h2{font-size:49px;margin:24px 0 18px}.hero p{font-size:12px;line-height:1.8}.hero-side{display:none}.hero-bottom{font-size:8px;right:18px}.archive-content{padding:38px 16px 60px}.intro h2{font-size:34px}.stat strong{font-size:34px}.stat span{font-size:8px}.filters{align-items:stretch;flex-direction:column;gap:12px}.searchbox{max-width:none}.filter-right{justify-content:space-between}.art-grid{gap:20px 12px}.art-picture{aspect-ratio:.9}.art-name{font-size:13px}.art-data{padding-top:9px}.art-overline{font-size:8px}.art-meta{font-size:9px}.foot{padding:20px 16px;gap:10px}.foot span:last-child{display:none}.viewer{width:100%;height:94vh;grid-template-columns:1fr;grid-template-rows:minmax(0,54%) minmax(0,46%);overflow:hidden}.viewer-side{padding:23px 20px 20px}.viewer-side h2{font-size:27px}.viewer-side p{margin:5px 0}.viewer-side dl{margin-top:14px}.viewer-photo img{object-fit:contain}.overlay{padding:10px}.editor{padding:24px 17px}.form-grid{gap:12px 10px}.form-grid label{font-size:10px}.form-grid input,.form-grid textarea,.form-grid select{padding:10px 7px}.login-content p{font-size:12px}.login-foot{line-height:2}}
@media (max-width:375px){.hero h2{font-size:41px}.top-actions .privacy{display:none}.art-grid{gap:17px 10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.demo-notice{position:fixed;z-index:30;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(11,19,27,.9);border:1px solid #ae9162;color:#dfc28e;padding:9px 15px;border-radius:30px;font-size:11px;text-align:center;white-space:nowrap;box-shadow:0 7px 25px #0007}

/* online restore controls */
.restore-area{margin-top:18px;padding-top:14px;border-top:1px solid rgba(192,165,124,.22);color:#bdc3cc;font-size:12px;line-height:1.55;}
.restore-area label{display:block;font-weight:600;}
.restore-area input{display:block;max-width:100%;padding:9px 0;color:inherit;}
.restore-area small{display:block;font-size:11px;opacity:.82;}