:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263b35;background:#fafbf9;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{text-decoration:none;color:inherit}button,input{outline-offset:3px}button{transition:background .15s,color .15s}svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.app{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:#123c34;color:#dae9df;display:flex;flex-direction:column;padding:32px 20px 0;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.6px;padding:0 10px;white-space:nowrap}.brand-mark{display:inline-flex;justify-content:center;align-items:center;width:33px;height:35px;color:#d3e9ce;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px}.logo-light{font-weight:400;color:#c2d7cb}.space-label{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#88a89b;margin:58px 12px 16px}.side-item{width:100%;border:0;border-radius:7px;padding:13px 14px;justify-content:flex-start;font-size:12px;color:#dae9df;background:transparent}.side-item.active{background:#ffffff10;color:#ebf4e9}.side-item>span{margin-left:auto;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-note{margin:auto 10px 30px;padding:20px 0;border-top:1px solid #ffffff15;color:#9dbbac}.sidebar-note h4{font-size:12px;color:#d0e0d5;font-weight:500;margin:12px 0 8px}.sidebar-note p{font-size:11px;line-height:1.9;color:#8cad9d}.sidebar-note>div{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:20px}.live-dot{background:#91bc7c;width:5px;height:5px;border-radius:50%}.profile{border-top:1px solid #ffffff15;display:flex;align-items:center;padding:21px 3px;gap:10px;font-size:11px}.avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#bccdb650;color:#dfecdb;font-size:12px}.profile b{font-weight:500}.profile small{display:block;font-size:9px;color:#87a795;margin-top:4px}.profile button{background:none;border:0;color:#9abaac;margin-left:auto;padding:5px}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid #e7ece6;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;flex-shrink:0}.topbar>div{display:flex;align-items:center;gap:12px;font-size:10px;color:#93a097;min-width:0}.topbar b{font-weight:500;color:#577164}.private-label{display:flex;align-items:center;gap:6px;color:#7d9184;font-size:10px;white-space:nowrap}.library{padding:43px 40px 20px;flex:1}.eyebrow{font-size:8px;letter-spacing:1.9px;font-weight:650;color:#8eaa95}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.page-heading h1{font-size:28px;font-weight:620;letter-spacing:-1px;margin:11px 0 9px;display:flex;align-items:center;gap:10px}.page-heading h1>span{font-size:12px;color:#65916a;background:#edf3e8;border-radius:6px;padding:4px 8px;letter-spacing:0}.page-heading p{font-size:11px;color:#89958c;margin:0}.primary{background:#32654b;color:#fff;border:1px solid #32654b;border-radius:6px;padding:11px 17px;font-size:11px;font-weight:500}.primary:hover{background:#254e3a}.upload-zone{border:1px dashed #cad8c9;border-radius:9px;background:#f5f8f2;display:flex;align-items:center;gap:18px;padding:27px 26px;margin-bottom:29px;transition:.15s}.upload-zone.dragging{background:#e7f1df;border-color:#629555}.upload-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#e9efe2;color:#6e8c5e}.upload-zone h3{font-size:12px;font-weight:500;margin:0 0 8px;color:#51694c}.upload-zone h3 button{background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#547b40;margin-left:5px;padding:0}.upload-zone p{font-size:10px;color:#94a18a;margin:0}.format-badges{display:flex;gap:7px;margin-left:auto}.format-badges span{font-size:8px;padding:6px 7px;border:1px solid #dce4d4;border-radius:4px;background:#fff8;color:#8f9c87}.library-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e9e0;gap:15px}.tabs{display:flex;gap:22px;align-items:center}.tabs button{padding:15px 0;border:0;background:none;font-size:11px;color:#97a18f;white-space:nowrap;position:relative}.tabs button.selected{color:#39664b;font-weight:600}.tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#477650}.tabs button span{background:#eef3e8;padding:2px 5px;border-radius:4px;font-size:9px}.search-tools{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;border:1px solid #e0e7dc;background:#fff;border-radius:5px;padding:7px 9px;gap:7px;color:#a1af9c}.search input{border:0;background:none;font-size:10px;width:125px;outline:none;color:#496149}.search input::placeholder{color:#a6afa0}.view-toggle{display:flex;border:1px solid #e0e7dc;border-radius:5px;overflow:hidden;background:#fff}.view-toggle button{border:0;background:#fff;color:#a7b29d;padding:7px}.view-toggle button.selected{color:#557950;background:#f0f4eb}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;font-weight:500;color:#98a190;padding:15px 8px;border-bottom:1px solid #e8ece4}th:first-child{padding-left:10px;width:48%}td{padding:17px 8px;border-bottom:1px solid #ecf0e7;font-size:10px}td:first-child{padding-left:10px}td:last-child{text-align:right}tbody tr:hover{background:#f5f8f1}.document-name{border:0;background:none;padding:0;gap:13px;text-align:left;justify-content:flex-start;max-width:350px;width:100%}.document-name b{display:block;font-size:11px;font-weight:500;color:#425a42;overflow:hidden;text-overflow:ellipsis;max-width:260px}.document-name small{display:block;color:#a0a98f;font-size:8px;margin-top:6px;letter-spacing:.2px}.file-icon{position:relative;color:#cc7064;background:#f8eeea;border-radius:7px;display:flex;align-items:center;justify-content:center;width:35px;height:40px;flex-shrink:0}.file-icon small{position:absolute!important;bottom:6px;font-size:5px!important;background:#f8eeea!important;line-height:1!important;margin:0!important;color:inherit!important;letter-spacing:0!important}.file-icon.docx{background:#eaf0f6;color:#6c91bb}.file-icon.docx small{background:#eaf0f6!important}.file-icon.pptx{background:#f7eee4;color:#c99354}.file-icon.pptx small{background:#f7eee4!important}.file-icon.large{width:52px;height:62px;border-radius:9px}.file-icon.large small{bottom:16px;font-size:6px!important}.muted{color:#9aa48f}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:4px;padding:4px 7px;white-space:nowrap}.status.ready{background:#edf4e8;color:#80a365}.status.ready>span{width:4px;height:4px;border-radius:50%;background:#89af6b}.status.processing,.status.uploaded{background:#f7f2df;color:#b09a53}.status.failed{background:#f9ece8;color:#c57e67}.delete-button{border:0;background:none;color:#b0baa5;padding:8px}.delete-button:hover{color:#bc7666;background:#f8eeea;border-radius:4px}.library-footer{display:flex;justify-content:space-between;font-size:9px;color:#a5ae9b;margin:20px 0}.library-footer>span:last-child{display:flex;align-items:center;gap:5px}.empty{text-align:center;padding:62px 15px 65px;border-bottom:1px solid #e7ece1;color:#9eaa92}.empty-files{display:inline-flex;align-items:center;justify-content:center;background:#edf3e7;color:#9caf8b;width:68px;height:73px;border-radius:16px;transform:rotate(-6deg);margin-bottom:8px}.empty h3{font-size:14px;font-weight:500;color:#6f8461;margin:15px 0 8px}.empty p{font-size:11px}.empty button{border:0;background:none;color:#76995c;font-size:10px;margin-top:10px}.bottom-note{display:flex;justify-content:space-between;padding:20px 40px;font-size:8px;color:#b5bfaa}.bottom-note span:first-child{letter-spacing:1.7px;font-weight:600}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.document-card{background:#fff;border:1px solid #e3eadc;border-radius:8px;position:relative;overflow:hidden}.card-open{display:block;width:100%;border:0;background:transparent;text-align:left;padding:0 16px 17px}.card-preview{height:115px;background:#f2f6ed;display:flex;align-items:center;justify-content:center;gap:15px;margin:0 -16px 17px}.card-preview>span:last-child{font-size:8px;letter-spacing:1.4px;color:#a7b599;max-width:65px;line-height:2}.card-open h3{font-size:11px;color:#516647;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.card-open p{font-size:9px;color:#a0ac92;margin-bottom:16px}.card-delete{position:absolute;bottom:16px;right:12px;border:0;background:none;color:#a0ac94;padding:5px}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fbefe9;color:#b27862;padding:12px 15px;border:1px solid #f0dbce;border-radius:6px;font-size:11px;margin-bottom:18px;line-height:1.6}.error-banner button{background:none;border:0;color:inherit}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#254c37;color:#e8f1df;box-shadow:0 5px 25px #163b252b;border-radius:8px;padding:14px 20px;font-size:11px;display:flex;align-items:center;gap:10px;z-index:30;max-width:90vw}.modal-backdrop{position:fixed;inset:0;background:#20332166;display:flex;align-items:center;justify-content:center;z-index:50}.confirm{background:#fff;border-radius:12px;padding:30px;width:min(380px,90vw);color:#678458}.confirm h2{font-size:19px;color:#3b5236}.confirm p{font-size:13px;overflow-wrap:anywhere}.confirm small{font-size:11px;color:#9ba88c}.confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.confirm button{border:1px solid #dfe7d7;padding:9px 16px;border-radius:5px;background:#fff;color:#7c8f6c;font-size:11px}.confirm button.danger{background:#b66a59;color:#fff;border-color:#b66a59}.viewer-main{padding:22px 30px;flex:1;min-height:0}.viewer-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.icon-button{border:0;background:none;color:#779166;padding:8px}.viewer-title h1{font-size:15px;margin:0 0 7px;font-weight:500;color:#4c6340;overflow-wrap:anywhere}.viewer-title p{font-size:9px;color:#a0ac91;margin:0}.read-only{display:flex;align-items:center;gap:5px;font-size:9px;color:#829970;margin-left:auto;white-space:nowrap}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e7d6;border-radius:7px 7px 0 0;padding:7px 15px}.viewer-toolbar>div{display:flex;align-items:center;gap:10px}.viewer-toolbar button{background:none;border:0;color:#8c9f7c;padding:5px}.viewer-toolbar span{font-size:10px;color:#93a383;min-width:40px;text-align:center}.viewer-toolbar b{color:#63854c;font-weight:500}.viewer-toolbar .fit-button{font-size:9px;padding-left:15px;border-left:1px solid #e6ecdc}.page-stage{height:calc(100vh - 285px);min-height:300px;background:#edf0e8;border:1px solid #e0e7d6;border-top:0;overflow:auto;padding:25px 35px;text-align:center}.document-page{display:block;max-width:none;margin:0 auto;background:#fff;box-shadow:0 3px 17px #6f805929;-webkit-user-select:none;user-select:none}.viewer-state{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#99aa87}.viewer-state h3{font-size:14px;font-weight:500;color:#72885e}.viewer-state p{font-size:11px;line-height:1.8}.viewer-state button{border:1px solid #d1ddc4;border-radius:5px;background:#f9fbf5;color:#7b9363;padding:9px;font-size:10px;margin-top:8px}.viewer-bottom{display:flex;align-items:center;gap:6px;font-size:8px;color:#9fac8c;margin-top:12px}.viewer-bottom>span{margin-left:auto;font-size:8px;color:#b1bc9f}.crumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.connection{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f7faf3;color:#8da876;gap:14px}.connection .brand-mark{background:#215840;color:#d4e8bd;margin-bottom:10px}.connection h2{font-size:19px;font-weight:500;color:#5f7b48;margin:8px 0}.connection p{font-size:12px;color:#9bae87;text-align:center;padding:0 25px;line-height:1.8}.login-page{min-height:100vh;background:radial-gradient(ellipse at top left,#edf3e5,transparent 60%),#fafbf7;padding:38px}.login-brand{display:flex;align-items:center;gap:10px;font-size:20px;color:#3a6042;font-weight:600}.login-brand .brand-mark{background:#24523a;color:#deebce}.login-content{max-width:370px;margin:55px auto}.login-content>h1{font-size:29px;letter-spacing:-1px;font-weight:550;margin:17px 0 12px;color:#45623b}.login-content>p{font-size:12px;color:#9ba88d;margin-bottom:30px}.login-content form{padding:28px;border:1px solid #e0e7d5;border-radius:12px;background:#fff;box-shadow:0 15px 45px #75845208}.login-content h2{font-size:17px;font-weight:550;margin:0 0 25px;color:#546d46}.login-content label{display:block;font-size:11px;color:#81906d;margin-bottom:18px}.login-content input{display:block;width:100%;border:1px solid #dfe6d5;border-radius:5px;padding:12px;margin-top:8px;font-size:11px;color:#617b4c;background:#fdfefb}.login-content input::placeholder{color:#b4bea4}.login-content .primary{width:100%;margin-top:5px}.switch-auth{display:flex;border:0;background:none;color:#9cad87;font-size:10px;margin:20px auto 0}.login-foot{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#abb998;margin-top:25px}.form-error{font-size:11px;line-height:1.7;color:#b77360}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.library{max-width:1300px;width:100%;margin:0 auto}.page-stage{padding-left:10%;padding-right:10%}}@media(max-width:1050px){.sidebar{width:185px;padding-left:14px;padding-right:14px}.logo{font-size:17px;padding:0 4px}.topbar{padding:0 25px}.library{padding:32px 25px}.format-badges{display:none}.tabs{gap:15px}.search input{width:85px}.document-name{max-width:240px}.document-name b{max-width:170px}.document-grid{grid-template-columns:repeat(2,1fr)}.bottom-note{padding:20px 25px}}@media(max-width:760px){.sidebar{width:66px;padding:24px 10px 0}.logo{justify-content:center;padding:0}.logo>span:last-child,.space-label,.side-item,.sidebar-note,.profile>div,.profile button{display:none}.profile{margin-top:auto;justify-content:center;padding:18px 0}.avatar{width:29px;height:29px}.topbar{height:52px;padding:0 18px}.topbar>div{font-size:9px;gap:6px}.private-label{font-size:9px}.library{padding:28px 18px}.page-heading{align-items:flex-end}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;line-height:1.6}.upload-button{font-size:10px;padding:9px 11px;white-space:nowrap}.upload-zone{padding:19px 16px;gap:12px}.upload-zone h3{font-size:11px;line-height:1.8}.upload-zone h3 button{margin-left:0;display:flex}.upload-zone p{font-size:9px;line-height:1.7}.upload-symbol{width:37px;height:39px}.library-controls{flex-wrap:wrap;gap:0}.tabs{gap:21px}.search-tools{padding:10px 0;width:100%;justify-content:space-between}.search{flex:1;max-width:230px}.search input{width:100%}.document-name b{max-width:160px}td:nth-child(3),th:nth-child(3),td:nth-child(4),th:nth-child(4){display:none}.status{font-size:8px;padding:4px}.library-footer{font-size:8px}.library-footer>span:last-child{max-width:170px;text-align:right;line-height:1.6}.bottom-note{padding:20px 18px;gap:14px;font-size:7px}.document-grid{grid-template-columns:1fr}.viewer-main{padding:18px 12px}.page-stage{padding:15px 10px;height:calc(100vh - 255px)}.viewer-title{gap:7px}.viewer-title h1{font-size:12px}.read-only{display:none}.viewer-bottom{font-size:7px}.viewer-bottom>span{display:none}.viewer-toolbar{padding:7px}.viewer-toolbar>div{gap:5px}.viewer-toolbar .fit-button{display:none}.crumb-name{max-width:110px}.empty{padding:48px 12px}.empty h3{font-size:13px}.empty p{font-size:10px}.login-page{padding:24px}.login-content{margin-top:65px}.error-banner{font-size:10px}}.embed-minimal{background:#fafbf9}.embed-minimal .main-shell{min-height:100vh}.embed-minimal .library{padding:34px 40px 20px}.embed-minimal .page-heading,.embed-minimal .viewer-title{padding-right:50px}.embed-minimal .viewer-main{padding:22px 30px 12px}.uploader{width:min(760px,100%);margin:0 auto;padding:56px 40px 32px}.uploader-heading{margin-bottom:30px}.uploader-heading h1{margin:12px 0 10px;color:#344e40;font-size:28px;font-weight:620;letter-spacing:-1px}.uploader-heading p{margin:0;color:#7f8f84;font-size:12px;line-height:1.7}.uploader .upload-zone{min-height:156px;margin-bottom:20px}.upload-receipt,.upload-scope-note{display:flex;align-items:flex-start;gap:13px;border:1px solid #dbe8d8;border-radius:9px;padding:18px;background:#f3f8ef;color:#58704f}.upload-receipt>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#dfeeda;color:#4c7c4b}.upload-receipt h2{margin:0 0 6px;font-size:14px;font-weight:600}.upload-receipt p{margin:0;font-size:11px;line-height:1.7}.upload-scope-note{margin-top:14px;border-color:#e3e9e0;background:#fff;color:#849087}.upload-scope-note div{display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.5}.upload-scope-note b{color:#617367;font-size:11px;font-weight:600}.embed-minimal .page-stage{height:calc(100vh - 166px)}@media(max-width:760px){.embed-minimal .library{padding:24px 18px 18px}.embed-minimal .viewer-main{padding:16px 10px 8px}.uploader{padding:44px 18px 24px}.uploader-heading{padding-right:48px}.uploader-heading h1{font-size:23px}.uploader .upload-zone{min-height:130px}.embed-minimal .page-heading,.embed-minimal .viewer-title{padding-right:48px}.embed-minimal .page-stage{height:calc(100vh - 143px)}}.file-icon.image{background:#e8f3ee;color:#528b72}.file-icon.image small{background:#e8f3ee!important}.format-badges .image{border-color:#d0e4da;color:#528b72}.file-icon.hwp,.file-icon.hwpx{background:#eaf1fb;color:#527fba}.file-icon.hwp small,.file-icon.hwpx small{background:#eaf1fb!important}.format-badges .hwp{border-color:#d7e2f1;color:#527fba}@media(max-width:760px){.tabs{overflow-x:auto}}