:root{--ink:#2b2927;--muted:#746f69;--paper:#fbfaf7;--card:#fff;--line:#e8e2da;--accent:#bd6b55;--accent-dark:#96503f;--sage:#748779;--shadow:0 18px 50px #342b2414}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1160px,100% - 32px);margin:0 auto}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #e8ab8c);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.nav-actions,.row{align-items:center;gap:10px;display:flex}.button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-weight:700;display:inline-flex}.button:hover{border-color:#cfc3b7}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.danger{color:#a33f36}.button:disabled{opacity:.5;cursor:not-allowed}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:calc(100vh - 72px);padding:60px 0 100px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;font-size:14px;font-weight:800}h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(44px,7vw,78px);line-height:1.06}h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,38px)}h3{letter-spacing:-.025em;margin:0}.lead{color:var(--muted);max-width:580px;font-size:19px;line-height:1.75}.hero-card{box-shadow:var(--shadow);background:#eee7df;border-radius:34px;padding:24px;transform:rotate(1deg)}.photo-mosaic{grid-template-columns:1.1fr .9fr;gap:12px;height:480px;display:grid}.photo-mosaic div{background-position:50%;background-size:cover;border-radius:20px}.photo-mosaic .one{background:linear-gradient(160deg,#d7b09a,#725c54);grid-row:span 2}.photo-mosaic .two{background:linear-gradient(135deg,#829181,#d4c7ac)}.photo-mosaic .three{background:linear-gradient(135deg,#caa291,#766a69)}.floating{box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:12px 15px;font-weight:800;position:absolute}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 30px #32281e09}.auth-wrap{place-items:center;min-height:calc(100vh - 72px);padding:40px 0 80px;display:grid}.auth-card{width:min(440px,100%)}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:14px;font-weight:800}.input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bd6b551f}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#a33f36;background:#fff2f0;border:1px solid #ffd8d2;border-radius:10px;padding:10px 12px}.success{color:#42664a;background:#eff8f0;border:1px solid #d3ead7;border-radius:10px;padding:10px 12px}.dashboard{padding:42px 0 100px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.projects{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{gap:18px;transition:transform .15s;display:grid}.project-card:hover{transform:translateY(-2px)}.status{width:fit-content;color:var(--muted);background:#f1eee9;border-radius:100px;padding:5px 9px;font-size:12px;font-weight:800}.status.OPEN{color:#42664a;background:#edf5ef}.status.FINALIZED{color:#9b563f;background:#fff0e8}.metric{letter-spacing:-.04em;font-size:29px;font-weight:800}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.project-layout{grid-template-columns:300px 1fr;gap:22px;padding-bottom:80px;display:grid}.sidebar{align-content:start;gap:16px;display:grid}.category-row{gap:7px;display:grid}.progress{background:#eeeae5;border-radius:10px;height:7px;overflow:hidden}.progress>span{background:var(--sage);height:100%;display:block}.upload-zone{text-align:center;background:#fffdfa;border:2px dashed #d8cec4;border-radius:17px;padding:28px}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.photo-item{min-width:0;position:relative}.photo{aspect-ratio:1;background:#eae6e1;border:0;border-radius:12px;width:100%;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000;font-size:10px;position:absolute;inset:auto 6px 6px;overflow:hidden}.photo-checks{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex;position:absolute;top:6px;right:6px}.photo-checks span{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.photo-delete{z-index:3;color:#fff;opacity:0;background:#1e1916ad;border:1px solid #ffffffb3;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;transition:opacity .15s,background .15s;position:absolute;top:6px;left:6px}.photo-item:hover .photo-delete,.photo-delete:focus-visible{opacity:1}.photo-delete:hover{background:#a33f36}.photo-delete:disabled{opacity:.35;cursor:wait}.toolbar,.desktop-photo-filters{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.mobile-selected-filter{display:none}.overlay{z-index:20;background:#141210eb;grid-template-rows:minmax(0,1fr) auto;padding:20px;display:grid;position:fixed;inset:0}.overlay-main{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.overlay-main img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:calc(100% - 130px);max-height:calc(100vh - 155px)}.viewer-arrow{z-index:2;color:#fff;background:#ffffff24;border:0;border-radius:16px;width:52px;height:72px;font-size:48px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow:hover{background:#ffffff40}.viewer-arrow:disabled{opacity:.2;cursor:default}.viewer-arrow.previous{left:8px}.viewer-arrow.next{right:8px}.viewer-meta{color:#fff;background:#141210ad;border-radius:10px;align-items:center;gap:12px;max-width:80%;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.viewer-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-meta span{white-space:nowrap;color:#ffffffb8}.overlay-actions{background:#fff;border-radius:17px;gap:10px;padding:12px;display:grid}.selection-action-strip,.viewer-command-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.empty{text-align:center;color:var(--muted);padding:60px 20px}@media (max-width:850px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-card{display:none}.projects{grid-template-columns:1fr 1fr}.project-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}}@media (max-width:560px){.shell{width:min(100% - 22px,1160px)}.nav{height:62px}.nav .button:not(.primary){display:none}.dashboard{padding-bottom:130px}.projects,.grid-2,.sidebar{grid-template-columns:1fr}.photo-toolbar{align-items:stretch}.photo-toolbar .input{max-width:none!important}.desktop-photo-filters{display:none}.mobile-selected-filter{z-index:15;left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #bd6b5547;border-radius:999px;align-items:center;gap:10px;padding:13px 18px;font-weight:900;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 34px #32281e2e}.mobile-selected-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.mobile-selected-filter b{min-width:26px;height:26px;color:var(--accent);background:#f3eee9;border-radius:999px;place-items:center;font-size:12px;display:grid}.mobile-selected-filter.active b{color:#fff;background:#ffffff38}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.photo-delete{opacity:1;top:4px;left:4px}.card{border-radius:16px;padding:18px}.page-head{flex-direction:column;align-items:flex-start}.overlay{padding:8px}.overlay-main img{max-width:100%;max-height:calc(100vh - 185px)}.viewer-arrow{background:#14121073;width:42px;height:58px}.viewer-arrow.previous{left:2px}.viewer-arrow.next{right:2px}.viewer-meta{max-width:calc(100% - 28px);bottom:8px}.overlay-actions{margin:0 4px calc(8px + env(safe-area-inset-bottom));border-radius:24px;gap:10px;padding:12px}.overlay-actions,.selection-action-strip,.overlay-main{touch-action:pan-x}.selection-action-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px;padding:0 12px 4px;overflow-x:auto}.selection-action-strip::-webkit-scrollbar{display:none}.selection-action-strip:after{content:"";flex:0 0 4px}.category-chip{scroll-snap-align:start;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:180px;overflow:hidden}.viewer-command-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.viewer-command-row .button{white-space:nowrap;min-width:0;padding:10px 9px}.viewer-command-row .danger{grid-column:1/-1}}