:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2d6cdf;--blue-dark:#2058bd;--blue-soft:#e8f1ff;--line:#d9e0ea;--line-dark:#c8d1de;--muted:#6c778b;--panel:#fff;--surface:#f7f9fc;--danger:#c43b48;--shadow:0 12px 34px #1c294126;background:#eef2f7;font-family:Inter,Pretendard,Noto Sans KR,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2d6cdf73}button:disabled{opacity:.42;cursor:not-allowed!important}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover:not(:disabled),.icon-button.active{background:#e8eef8;border-color:#d2dbea}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 15px;font-weight:700;display:inline-flex}.primary-button{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 9px #2d6cdf33}.primary-button:hover:not(:disabled){background:var(--blue-dark)}.secondary-button{border-color:var(--line-dark);background:#fff}.secondary-button:hover:not(:disabled){background:#f4f7fb}.danger-button{background:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.eyebrow{letter-spacing:.13em;color:var(--blue);margin:0;font-size:12px;font-weight:800}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{background:linear-gradient(140deg,#edf4ff 0%,#f8fafc 55%,#e9eef6 100%);grid-template-columns:minmax(380px,1.15fr) minmax(420px,.85fr);min-height:100%;display:grid}.auth-brand-panel{flex-direction:column;justify-content:center;padding:clamp(48px,8vw,110px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:before,.auth-brand-panel:after{content:"";border:1px solid #2d6cdf26;border-radius:50%;position:absolute}.auth-brand-panel:before{width:520px;height:520px;bottom:-270px;left:-210px}.auth-brand-panel:after{width:360px;height:360px;top:-120px;right:-140px}.auth-brand-mark{color:#fff;background:linear-gradient(145deg,#3378ef,#1f59c1);border-radius:18px;place-items:center;width:68px;height:68px;margin-bottom:30px;display:grid;box-shadow:0 18px 38px #235cc140}.auth-brand-panel h1{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(38px,4vw,64px);line-height:1.12}.auth-brand-panel>p:not(.eyebrow){color:#5f6b7e;max-width:570px;font-size:17px;line-height:1.75}.auth-feature-row{gap:12px;margin-top:28px;display:flex}.auth-feature-row span{background:#ffffffa6;border:1px solid #d8e3f4;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffed;border:1px solid #cfdaeae6;border-radius:18px;place-self:center;width:min(440px,100% - 48px);padding:34px;box-shadow:0 28px 70px #1f304d29}.auth-logo{color:var(--blue);align-items:center;gap:10px;margin-bottom:27px;font-size:19px;display:flex}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px;font-weight:700}.auth-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.auth-form{gap:16px;display:grid}.auth-form label,.dialog-form label{color:#3d485a;gap:7px;font-size:13px;font-weight:750;display:grid}.auth-form input,.dialog-form input{border:1px solid var(--line-dark);background:#fff;border-radius:7px;width:100%;height:42px;padding:0 12px}.auth-submit{width:100%;min-height:43px;margin-top:4px}.auth-note{color:var(--muted);text-align:center;margin:20px 0 0;font-size:12px;line-height:1.6}.form-message{border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.5}.form-message.success{color:#267352;background:#eaf8f1;border:1px solid #bfe6d3}.form-message.error{color:#a9333e;background:#fff0f1;border:1px solid #f0c4c8}.app-loading{color:#5e6878;background:#f3f6fa;place-content:center;justify-items:center;gap:10px;height:100%;display:grid}.loading-logo{color:#fff;background:var(--blue);border-radius:14px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;display:grid;box-shadow:0 13px 28px #2d6cdf40}.app-loading strong{color:#1e2a3b;font-size:18px}.app-loading span{font-size:13px}.explorer-shell{background:#e9eef5;grid-template:"title title title"48px"sidebar main props"minmax(0,1fr)/220px minmax(0,1fr) 300px;height:100%;display:grid;overflow:hidden}.explorer-shell:not(.properties-is-open){grid-template-columns:220px minmax(0,1fr);grid-template-areas:"title title""sidebar main"}.explorer-shell.sidebar-is-collapsed{grid-template-columns:58px minmax(0,1fr) 300px}.explorer-shell.sidebar-is-collapsed:not(.properties-is-open){grid-template-columns:58px minmax(0,1fr)}.window-titlebar{border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;z-index:20;background:#f8fafc;grid-area:title;grid-template-columns:220px 1fr auto;align-items:center;height:48px;display:grid}.window-brand{height:100%;color:var(--blue);border-right:1px solid #e3e8f0;align-items:center;gap:9px;padding:0 17px;display:flex}.window-brand strong{color:#1b283b;font-size:15px}.window-title{text-align:center;color:#657186;font-size:13px}.window-user-menu{align-items:center;height:100%;padding-right:10px;display:flex;position:relative}.profile-button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;height:42px;padding:0 7px;display:flex}.profile-button:hover{background:#edf1f7}.avatar{color:#2057b2;background:#cfe0ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:850;display:grid}.avatar.small{flex:none;width:38px;height:38px;font-size:15px}.profile-copy{text-align:left;line-height:1.15;display:grid}.profile-copy strong{font-size:12px}.profile-copy small{color:var(--muted);margin-top:3px;font-size:10px}.profile-popover{border:1px solid var(--line-dark);width:210px;box-shadow:var(--shadow);z-index:80;background:#fff;border-radius:8px;padding:6px;position:absolute;top:45px;right:8px}.profile-popover button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 9px;font-size:13px;display:flex}.profile-popover button:hover:not(:disabled){background:#edf3ff}.profile-popover small{color:#8b95a5;margin-left:auto;font-size:10px}.explorer-sidebar{border-right:1px solid var(--line);background:#f5f7fa;flex-direction:column;grid-area:sidebar;min-height:0;display:flex;overflow:hidden}.sidebar-top{border-bottom:1px solid #e5e9f0;justify-content:flex-end;align-items:center;height:47px;padding:0 10px;display:flex}.sidebar-collapse-button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.sidebar-collapse-button:hover{background:#e4e9f1}.sidebar-nav{gap:3px;padding:10px 8px;display:grid}.sidebar-nav button{cursor:pointer;color:#435064;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;height:39px;padding:0 12px;display:flex}.sidebar-nav button:hover{background:#e8edf4}.sidebar-nav button.active{color:#1955b9;background:#dce9ff;font-weight:750}.sidebar-nav button span{overflow:hidden}.sidebar-storage{border-top:1px solid #e1e6ed;margin-top:auto;padding:15px 14px 17px}.storage-heading{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:750;display:flex}.storage-progress{background:#dde4ee;border-radius:99px;width:100%;height:5px;overflow:hidden}.storage-progress span{background:var(--blue);border-radius:inherit;height:100%;display:block}.sidebar-storage p{color:var(--muted);margin:8px 0 0;font-size:10px}.sidebar-is-collapsed .window-titlebar{grid-template-columns:58px 1fr auto}.sidebar-is-collapsed .window-brand{justify-content:center;padding:0}.sidebar-is-collapsed .window-brand strong,.sidebar-is-collapsed .sidebar-nav span,.sidebar-is-collapsed .storage-heading span,.sidebar-is-collapsed .sidebar-storage p,.sidebar-is-collapsed .storage-progress{display:none}.sidebar-is-collapsed .sidebar-nav button{justify-content:center;padding:0}.sidebar-is-collapsed .sidebar-storage{justify-content:center;display:flex}.explorer-main{background:#fff;grid-area:main;grid-template-rows:48px 43px minmax(0,1fr) 28px;min-width:0;min-height:0;display:grid;overflow:hidden}.explorer-toolbar{border-bottom:1px solid var(--line);background:#fbfcfe;grid-template-columns:auto minmax(220px,1fr) minmax(180px,290px);align-items:center;gap:9px;padding:6px 10px;display:grid}.navigation-buttons{gap:2px;display:flex}.address-bar{border:1px solid var(--line-dark);background:#fff;border-radius:6px;align-items:center;gap:4px;min-width:0;height:34px;padding:0 10px;display:flex;overflow:hidden}.address-bar>svg{color:#4c74b7;flex:none}.breadcrumb-part{align-items:center;min-width:0;display:inline-flex}.breadcrumb-part button{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;max-width:165px;padding:4px 5px;font-size:12px;overflow:hidden}.breadcrumb-part button:hover{background:#edf2f9}.breadcrumb-part svg{color:#a1a9b6;flex:none}.search-box{border:1px solid var(--line-dark);background:#fff;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.search-box svg{color:#778296;flex:none}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-box button{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.command-bar{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:4px;padding:4px 10px;display:flex}.command-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:12px;display:inline-flex}.command-button:hover:not(:disabled){background:#e8edf5;border-color:#dbe2ec}.primary-command{color:#174eaa;font-weight:750}.command-separator{background:#d9dfe8;width:1px;height:20px;margin:0 4px}.command-spacer{flex:1}.file-viewport{background:#fff;min-height:0;padding:15px;position:relative;overflow:auto}.file-viewport.external-drag-over{background:#f0f6ff}.drop-overlay{z-index:45;color:#245fbf;pointer-events:none;background:#ebf4fff0;border:2px dashed #6b9ce8;border-radius:10px;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:12px}.drop-overlay strong{font-size:18px}.drop-overlay span{color:#627590;font-size:13px}.empty-state{color:#7c8798;align-items:center;gap:9px;font-size:13px;display:flex}.empty-state.centered{text-align:center;flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;inset:0}.empty-state.centered strong{color:#4a5566;font-size:15px}.empty-state.centered span{font-size:12px}.file-grid{grid-template-columns:repeat(auto-fill, minmax(calc(116px * var(--icon-scale)), 1fr));align-content:start;gap:8px;display:grid}.file-tile{min-width:0;height:calc(126px * var(--icon-scale));cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:10px 7px 7px;display:flex}.file-tile:hover{background:#f3f7fc;border-color:#e1e8f1}.file-tile.selected{background:#dceaff;border-color:#77a7ed;box-shadow:inset 0 0 0 1px #ffffffb3}.file-tile.drag-target,.file-list-row.drag-target{box-shadow:inset 0 0 0 2px #3d8ee92e;background:#d9f0ff!important;border-color:#3d8ee9!important}.folder-icon{color:#f0ba3e;filter:drop-shadow(0 4px 3px #a06f161f)}.file-icon{color:#5d789f}.file-icon.image{color:#557fbe}.file-icon.video{color:#715db7}.file-icon.audio{color:#a25a9a}.file-icon.archive{color:#b78a35}.file-icon.sheet{color:#3d9271}.file-icon.text{color:#577bb6}.file-icon.code{color:#655da5}.file-name{color:#253246;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:7px;font-size:12px;line-height:1.25;overflow:hidden}.file-tile small{color:#8791a1;margin-top:3px;font-size:9px}.file-list{min-width:700px;display:grid}.file-list-header,.file-list-row{text-align:left;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(160px,1fr) 100px;align-items:center;min-height:36px;display:grid}.file-list-header{z-index:5;color:#677387;background:#f8fafc;border-top:1px solid #e4e9f0;padding:0 8px;font-size:11px;font-weight:750;position:sticky;top:-15px}.file-list-row{cursor:default;color:#4a5669;background:0 0;border-top:0;border-left:1px solid #0000;border-right:1px solid #0000;padding:0 8px;font-size:11px}.file-list-row:hover{background:#f5f8fc}.file-list-row.selected{background:#dfeaff;border-color:#8cb2eb}.list-name{align-items:center;gap:9px;min-width:0;display:flex}.list-name strong{text-overflow:ellipsis;white-space:nowrap;color:#253246;font-size:12px;overflow:hidden}.status-bar{border-top:1px solid var(--line);color:#6d788a;background:#f6f8fb;align-items:center;gap:14px;padding:0 11px;font-size:10px;display:flex}.status-spacer{flex:1}.sync-status{color:#3a7d62;align-items:center;gap:5px;display:inline-flex}.status-bar input[type=range]{width:88px;accent-color:var(--blue)}.properties-panel{border-left:1px solid var(--line);background:#f8fafc;grid-area:props;min-width:0;min-height:0;overflow:auto}.properties-panel>header{border-bottom:1px solid var(--line);background:#fbfcfe;justify-content:space-between;align-items:center;height:47px;padding:0 12px 0 16px;display:flex}.properties-panel h2{margin:0;font-size:13px}.properties-empty{text-align:center;color:#8b95a5;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;padding:30px;display:flex}.properties-empty strong{color:#566174;font-size:13px}.properties-empty span{font-size:11px;line-height:1.6}.properties-content{padding:17px}.properties-preview{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;padding:14px 8px 22px;display:flex}.properties-preview strong{overflow-wrap:anywhere;width:100%;margin-top:12px;font-size:13px}.properties-preview span{color:var(--muted);margin-top:4px;font-size:10px}.property-loading{color:#7a8597;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:11px;display:flex}.properties-content dl{gap:1px;margin:15px 0;display:grid}.properties-content dl>div{border-bottom:1px solid #e8ecf2;grid-template-columns:78px minmax(0,1fr);align-items:start;padding:7px 4px;font-size:10px;display:grid}.properties-content dt{color:#788396}.properties-content dd{color:#354155;overflow-wrap:anywhere;margin:0}.hash-row dd{white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.properties-actions{gap:7px;display:grid}.properties-actions button{width:100%}.context-menu{z-index:100;border:1px solid var(--line-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border-radius:8px;width:220px;padding:6px;position:fixed;box-shadow:0 16px 45px #19253a38}.context-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;min-height:33px;padding:0 9px;font-size:12px;display:flex}.context-menu button:hover:not(:disabled){background:#e8f0fe}.context-menu button small{color:#929baa;margin-left:auto;font-size:9px}.context-menu kbd{color:#7f8999;margin-left:auto;font:9px inherit}.menu-separator{background:#e2e7ee;height:1px;margin:5px 3px}.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c263647;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-window{background:#fff;border:1px solid #cbd4e1;border-radius:9px;max-width:100%;overflow:hidden;box-shadow:0 24px 70px #141f3247}.modal-titlebar{border-bottom:1px solid var(--line);background:#f7f9fc;justify-content:space-between;align-items:center;height:45px;padding:0 10px 0 15px;display:flex}.modal-titlebar h2{margin:0;font-size:13px}.modal-content{padding:20px}.dialog-form{gap:15px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.delete-dialog{grid-template-columns:50px 1fr;align-items:start;gap:13px;display:grid}.delete-icon{width:46px;height:46px;color:var(--danger);background:#fff0f1;border-radius:50%;place-items:center;display:grid}.delete-dialog strong{font-size:13px;line-height:1.5}.delete-dialog p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.6}.upload-panel{z-index:70;border:1px solid var(--line-dark);width:350px;max-height:300px;box-shadow:var(--shadow);background:#fff;border-radius:9px;position:fixed;bottom:42px;right:18px;overflow:auto}.upload-panel header{border-bottom:1px solid var(--line);background:#f7f9fc;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:12px;display:flex}.upload-panel header span{color:var(--muted);font-size:10px}.upload-row{border-bottom:1px solid #edf0f4;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-size:11px;display:grid}.upload-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:9px;overflow:hidden}.upload-row.done svg{color:#318166}.upload-row.error svg,.upload-row.error small{color:var(--danger)}.toast{z-index:200;color:#fff;background:#253247;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex;position:fixed;bottom:42px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #141f3047}.admin-page{background:#f0f4f9;min-height:100%;padding:clamp(26px,5vw,70px);overflow:auto}.admin-page-header{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1100px;margin:0 auto 24px;display:flex}.admin-page-header h2{align-items:center;gap:10px;margin:10px 0 7px;font-size:27px;display:flex}.admin-page-header p:not(.eyebrow){color:var(--muted);margin:0}.admin-list-panel{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:1100px;margin:auto;overflow:hidden;box-shadow:0 12px 34px #28354a14}.admin-list-panel .empty-state{flex-direction:column;justify-content:center;min-height:210px}.approval-row{border-bottom:1px solid #e9edf2;grid-template-columns:auto minmax(200px,1fr) 180px auto;align-items:center;gap:14px;min-height:74px;padding:12px 16px;display:grid}.approval-row:last-child{border-bottom:0}.approval-user{gap:4px;display:grid}.approval-user strong{font-size:13px}.approval-user span,.approval-row time{color:var(--muted);font-size:11px}.approval-actions{gap:7px;display:flex}@media (width<=1050px){.explorer-shell,.explorer-shell.sidebar-is-collapsed{grid-template-columns:58px minmax(0,1fr);grid-template-areas:"title title""sidebar main"}.explorer-shell .window-titlebar{grid-template-columns:58px 1fr auto}.explorer-shell .window-brand{justify-content:center;padding:0}.explorer-shell .window-brand strong,.explorer-shell .sidebar-nav span,.explorer-shell .storage-heading span,.explorer-shell .sidebar-storage p,.explorer-shell .storage-progress{display:none}.explorer-shell .sidebar-nav button{justify-content:center;padding:0}.explorer-shell .sidebar-storage{justify-content:center;display:flex}.properties-panel{z-index:50;width:300px;position:fixed;top:48px;bottom:0;right:0;box-shadow:-10px 0 30px #1f2b3f1f}.explorer-toolbar{grid-template-columns:auto minmax(180px,1fr) 220px}}@media (width<=760px){body{overflow:auto}.auth-shell{grid-template-columns:1fr;min-height:100%}.auth-brand-panel{display:none}.auth-card{margin:35px auto}.window-title{display:none}.window-titlebar{grid-template-columns:58px 1fr!important}.window-user-menu{justify-self:end}.profile-copy{display:none}.explorer-toolbar{grid-template-columns:auto minmax(0,1fr)}.search-box,.command-bar .command-button:not(.primary-command):nth-of-type(n+3){display:none}.file-viewport{padding:9px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.properties-panel{width:min(92vw,320px)}.upload-panel{width:auto;left:10px;right:10px}.admin-page-header{flex-direction:column;align-items:flex-start}.approval-row{grid-template-columns:auto 1fr}.approval-row time{display:none}.approval-actions{grid-column:1/-1;justify-content:flex-end}}