@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--green:#1e5c4a;--green-dark:#174a3c;--mint:#eef4e9;--ink:#243b34;--muted:#7c8982;--line:#e5e9e4;--bg:#fbfcf9;--amber:#9c762f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.35px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8cbb79;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8cbb79;outline-offset:1px}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.7px}svg{flex-shrink:0}button svg{vertical-align:middle}.shell{display:flex;min-height:100vh}.sidebar{width:242px;background:#f3f5ee;border-right:1px solid var(--line);padding:32px 20px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-align:left;padding:0 7px;font-size:21px;font-weight:750;letter-spacing:-1px}.brand-mark{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green);color:#ddebba;font-family:Georgia,serif;font-size:31px;line-height:1}.brand-mark span{position:absolute;right:5px;top:4px;font-size:16px}.brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:1.9px;font-weight:500;color:#8a968d}.workspace{display:flex;align-items:center;font-size:10px;gap:6px;margin:30px 3px 29px;white-space:nowrap;color:#68796f}.workspace-dot,.private-pill>span{width:5px;height:5px;background:#648368;border-radius:50%}.beta{font-size:8px;letter-spacing:.8px;border:1px solid #d3ddce;padding:2px 4px;border-radius:3px;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;margin:0 14px 12px;color:#89958b}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:5px;text-align:left;border-radius:7px;color:#748177;font-size:13px}.nav-item.active{background:#e1ead8;color:#24593e;font-weight:650}.nav-item:hover{background:#e8eee1}.count{margin-left:auto;background:#f7faf3;border-radius:4px;padding:0 5px;font-size:11px}.nav-end{margin-left:auto}.nav-rule{height:1px;background:#e1e6db;margin:23px 10px}.amber-dot{display:inline-block;background:#c79b48;width:6px;height:6px;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:38px}.storage{border:1px solid #dfe5d8;background:#f8faf5;border-radius:9px;padding:16px 14px}.storage>div:first-child{display:flex;align-items:center;gap:8px}.storage strong{font-size:11px;letter-spacing:0}.storage p{font-size:11px;color:#8a917f;margin-top:16px}.storage-line{height:4px;border-radius:10px;background:#e4e9dd;margin:10px 0}.storage small{font-size:9px;color:#9bA393}.storage button{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:10px;padding:0;color:var(--green)}.wiki-link{display:flex;align-items:center;gap:8px;font-size:11px;padding:22px 5px 0;color:#7a877b}.wiki-link svg{margin-left:auto}.small-w{font-family:Georgia,serif;font-size:18px}.main-wrap{margin-left:242px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#99a198}.breadcrumb strong{color:#526558;font-weight:500}.top-right{display:flex;gap:24px;align-items:center}.top-right button{color:#97a094;padding:0}.private-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e8b7d}.avatar{width:30px;height:30px;border-radius:50%;background:#e9eee2;color:#5c755b;display:grid;place-items:center;font-family:Georgia,serif}main{max-width:1460px;margin:auto;padding:38px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#91a18c;margin-bottom:12px;font-weight:600}h1{font-size:29px;line-height:1.35;letter-spacing:-1.4px;font-weight:700}.subheading{font-size:12px;color:#879285;margin-top:12px;line-height:1.8}.primary,.secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:6px;padding:11px 17px;white-space:nowrap;font-size:12px;font-weight:550}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover:enabled{background:var(--green-dark)}.secondary{background:#fff;border:1px solid #dce3d8;color:#55705b}.secondary:hover{background:#f2f6ed}.notice{display:flex;align-items:center;gap:10px;background:#f5f2e8;border:1px solid #eae4d3;color:#91815c;padding:12px 14px;border-radius:7px;font-size:10px;line-height:1.8;margin-bottom:22px}.notice strong{font-weight:600}.notice p{flex:1}.notice button{display:flex;gap:7px;align-items:center;font-size:10px;white-space:nowrap}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;margin-bottom:35px}.dropzone{padding:27px 20px 17px;min-height:291px;border:1.5px dashed #bfcfba;border-radius:10px;display:flex;align-items:center;flex-direction:column;background:#f8faf4;transition:.2s}.dropzone.drag{background:#e4efda;border-color:var(--green)}.upload-symbol{height:52px;width:52px;display:grid;place-items:center;border-radius:13px;background:#e7efdf;color:#67825e;margin-bottom:15px}.dropzone h2{font-size:17px;font-weight:600}.dropzone>p{font-size:11px;color:#939d8e;margin:10px 0 17px}.dropzone .primary{padding:9px 17px}.upload-limits{display:flex;gap:16px;font-size:9px;color:#8b9785;margin-top:20px}.upload-limits span+span{border-left:1px solid #dce3d5;padding-left:16px}.upload-limits b{color:#61765b;font-weight:550}.dropzone>small{font-size:8px;color:#a0aa99;margin-top:8px}.side-guide{background:#edf1e5;border-radius:10px;padding:24px 24px 0;overflow:hidden;position:relative;min-height:291px}.mini-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#6d8264;font-weight:600}.side-guide h2{font-size:21px;font-weight:600;line-height:1.6;margin:16px 0 10px}.side-guide>p{font-size:10px;line-height:1.9;color:#90a083}.side-guide>button{display:flex;gap:10px;align-items:center;font-size:10px;color:#59744f;margin-top:17px;padding:0;position:relative;z-index:2}.guide-art{height:70px;position:relative;margin-top:4px;opacity:.8}.art-file,.art-wiki{position:absolute;background:#fdfef9;border:1px solid #d9e3cb;box-shadow:0 3px 8px #57752e08;width:65px;height:79px;border-radius:5px;display:flex;align-items:center;flex-direction:column;color:#93a77f;justify-content:center;gap:6px}.art-file{right:77px;top:11px;transform:rotate(-12deg)}.art-wiki{right:7px;top:17px;transform:rotate(12deg);font:31px Georgia,serif;color:#526a46}.guide-art i{width:30px;height:2px;background:#d5dfca}.art-link{position:absolute;z-index:2;right:60px;top:33px;border-radius:50%;background:#dce6cd;display:grid;place-items:center;width:28px;height:28px;color:#80956b}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title h2{font-size:17px;font-weight:650}.section-title h2>span{font-size:13px;color:#a0aa99;margin-left:8px;font-weight:450}.section-actions{display:flex;align-items:center;gap:19px}.text-button{display:inline-flex;gap:7px;align-items:center;color:#6f8666;font-size:10px;padding:0}.icon-button{color:#84917c;display:grid;place-items:center;padding:4px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.tabs{display:flex;gap:5px}.tabs>button{padding:7px 13px;font-size:11px;color:#9aa38f;border-radius:5px}.tabs>button.selected{background:#e9efdf;color:#526e40;font-weight:600}.filters{display:flex;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e5da;padding:8px 10px;border-radius:5px;color:#97a28e;background:#fff}.search input{border:0;background:none;width:150px;font-size:10px;outline:0;color:var(--ink)}.search input::placeholder{color:#a4ac9c}.search:focus-within{outline:2px solid #8cbb79}.view-toggle{display:flex;border:1px solid #e0e5da;border-radius:5px;padding:2px;background:#fff}.view-toggle button{padding:5px;color:#a1aa98;display:grid;place-items:center;border-radius:3px}.view-toggle button.selected{background:#edf2e6;color:#718561}.empty{border:1px solid #e5e9de;border-radius:8px;min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.empty-icon{color:#a9b99a;margin-bottom:14px}.empty h3{font-size:13px;font-weight:500;color:#7a8c6f}.empty p{font-size:10px;color:#a3ad9b;margin:9px 0 18px}.empty .text-button{font-size:10px}.library-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a6af9e;margin:13px 1px}.library-foot>span{display:flex;align-items:center;gap:6px}.load-error{padding:13px;background:#fff5f1;color:#9c5c42;display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:12px;border-radius:7px}.load-error a,.load-error button{margin-left:auto;text-decoration:underline}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:38px;padding:19px 0 0;color:#a4ae9c;font-size:9px}footer>span{letter-spacing:.4px}.footer-dot{padding:0 10px}footer button{display:flex;gap:6px;align-items:center;font-size:9px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}.panel>h2{line-height:1.5;margin-bottom:16px}.muted{color:#8d9985;line-height:1.9;font-size:12px}.small{font-size:10px}.queue-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.queue-row strong{flex:1;overflow-wrap:anywhere;font-weight:500}.queue-row>svg{color:#839773}.queue-row>span{white-space:nowrap}.queue-row>button{padding:0}.upload-queue>.muted{margin:18px 0}.alternative{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.alternative strong{font-size:12px;font-weight:600}.alternative p{font-size:10px;color:#919d89;margin-top:8px;line-height:1.7}.tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;background:#edf4e4;color:#728d5d;font-size:9px;white-space:nowrap}.tag.amber{background:#f6f0df;color:#a78b4d}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.asset{padding:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:left;transition:.15s;min-width:0}.asset:hover{border-color:#aabc97;transform:translateY(-2px)}.asset-preview{height:130px;background:#f0f3e9;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#9eaf90;font-size:9px}.asset-body{padding:16px}.asset-body h3{font-size:13px;font-weight:550;margin:10px 0 7px;overflow-wrap:anywhere}.asset-body>p{font-size:9px;color:#9aA590}.asset-body>div{display:flex;justify-content:space-between;font-size:9px;color:#a8b09f;margin-top:20px}.asset-list{display:flex;flex-direction:column;gap:10px}.asset-list .asset{display:flex;align-items:center}.asset-list .asset-preview{height:95px;width:100px;flex-shrink:0}.asset-list .asset-body{flex:1;display:flex;align-items:center;gap:18px}.asset-list .asset-body h3{flex:1}.asset-list .asset-body>div{margin:0}.asset-list .asset-body>div svg{margin-left:12px}.und-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.und-grid .mini-label{margin-bottom:22px}.und-grid h2{font-size:25px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#718267;margin:18px 0}.field input,.field select,.field textarea{border:1px solid #dfe5d8;border-radius:5px;padding:11px 12px;color:#4d6343;background:#fcfdf9;width:100%;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#afb7a7;font-size:11px}.field textarea{resize:vertical;line-height:1.7}.calc-result{display:grid;grid-template-columns:1fr 1fr;background:#eef4e6;border-radius:8px;padding:23px;margin:25px 0 17px;gap:15px}.calc-result small{font-size:10px;color:#819773}.calc-result strong{display:block;font-size:26px;margin-top:10px;color:#48663a}.calc-result em{font-size:13px;font-style:normal}.steps>div{display:flex;gap:17px;margin:25px 0}.steps>div>span{height:26px;width:26px;flex-shrink:0;background:#eff3e9;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#859970}.steps h3{font-size:12px;font-weight:550;margin:4px 0 9px}.steps p{font-size:11px;color:#96a089;line-height:1.8}.settings-heading{display:flex;align-items:center;gap:16px;padding-bottom:24px}.drive-badge{width:46px;height:46px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.settings-heading p{font-size:11px;color:#96a18d;margin-top:8px}.settings-heading>.tag{margin-left:auto}.setting-row{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:24px 0;color:#94a087}.setting-row strong{color:#5e7352;font-size:13px;font-weight:550}.setting-row p{max-width:730px;font-size:11px;line-height:1.8;margin-top:9px}.guide-page .panel{max-width:950px}.guide-page .mini-label{letter-spacing:1px;margin-bottom:16px}.guide-page h2{margin-bottom:13px}.guide-page p{font-size:12px;line-height:2;color:#8a9980;margin-bottom:30px}.guide-page code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#f5f8ef;border-radius:6px;padding:19px;font-size:11px;color:#718762;margin-bottom:25px}.guide-page .notice p{margin:0;font-size:11px}.source-links{display:flex;gap:25px;flex-wrap:wrap}.source-links a{display:flex;gap:7px;align-items:center;color:#648456;font-size:11px}dialog{border:1px solid #dbe4d2;border-radius:14px;padding:28px;width:540px;max-width:calc(100vw - 28px);max-height:90vh;color:var(--ink);box-shadow:0 22px 90px #17321a30;background:#fff}dialog::backdrop{background:#18332266;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-heading h2{font-size:21px;margin-top:10px;overflow-wrap:anywhere}.dialog-heading .mini-label{font-size:8px;letter-spacing:1.5px}.dialog-heading>button{padding:0;color:#8a9a7f}dialog>.muted{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field{margin:0}.checkbox{display:flex;align-items:center;gap:9px;font-size:10px;color:#839576;margin-top:20px}.checkbox input{accent-color:var(--green)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.error{font-size:11px;color:#a65e43;padding:10px 0;overflow-wrap:anywhere}.detail-status{display:flex;align-items:center;gap:15px;font-size:11px;color:#849b76;margin:20px 0}dl{display:grid;grid-template-columns:100px 1fr;font-size:11px;gap:15px;margin-bottom:25px}dt{color:#94a086}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7}.full{width:100%}.review-box{padding:18px;background:#f6f8f1;border-radius:7px;margin:22px 0}.review-box>strong{font-size:11px}.review-box>p{font-size:10px;color:#95a18c;line-height:1.8;margin:10px 0 14px}.review-box .text-button{margin-top:16px}.delete-button{color:#b07f66;display:flex;align-items:center;gap:8px;font-size:10px;padding:0}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#264f3c;box-shadow:0 6px 30px #183c2533;color:white;border-radius:8px;padding:15px 23px;display:flex;align-items:center;gap:12px;font-size:12px;z-index:100;max-width:95vw}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:45px}.dropzone,.side-guide{min-height:320px}.dropzone{padding-top:40px}.empty{min-height:270px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main-wrap{margin-left:210px}.brand{font-size:19px}.workspace{font-size:9px}.topbar{padding:0 27px}main{padding:30px 27px 20px}.upload-layout{grid-template-columns:1fr 235px;gap:16px}.side-guide{padding:22px 20px 0}.library-toolbar{flex-wrap:wrap}.asset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{width:74px;padding:23px 10px}.brand{padding:0;justify-content:center}.brand>span:nth-child(2),.workspace,.nav-label,.nav-item .count,.nav-item .nav-end,.nav-item .amber-dot,.sidebar-bottom,.nav-rule{display:none}.brand-mark{width:39px;height:39px}.sidebar nav{margin-top:30px}.nav-item{font-size:0;justify-content:center;gap:0;padding:14px 0}.main-wrap{margin-left:74px}.topbar{height:63px;padding:0 22px}.top-right{gap:14px}.private-pill{font-size:9px}main{padding:27px 22px 20px}h1{font-size:25px}.upload-layout{grid-template-columns:1fr}.side-guide{display:none}.und-grid{grid-template-columns:1fr}.notice{align-items:flex-start}.notice button{display:none}.page-heading{align-items:flex-start}.page-heading>.primary{font-size:10px;padding:9px 12px}.library-toolbar{gap:12px}.tabs{gap:0}.tabs>button{padding:7px 10px}.filters{width:100%}.search{flex:1}.search input{width:100%}.library-foot{font-size:8px}.library-foot>span:last-child{display:none}.asset-list .asset-body{display:block}.asset-list .asset-body>div{margin-top:12px}.alternative{flex-direction:column;align-items:flex-start}.top-right>button{display:none}.panel{padding:22px}.setting-row{gap:12px}.settings-heading{gap:10px}.settings-heading h2{font-size:16px}.settings-heading p{font-size:9px}}
@media(max-width:480px){.sidebar{width:58px;padding:20px 7px}.brand-mark{width:35px;height:35px;font-size:25px}.main-wrap{margin-left:58px}.topbar{padding:0 15px}.breadcrumb{font-size:10px;gap:7px}.private-pill{display:none}.avatar{width:25px;height:25px}main{padding:24px 15px 16px}.page-heading{display:block;margin-bottom:20px}.page-heading>.primary{margin-top:16px}.subheading{font-size:10px}.eyebrow{font-size:8px}h1{font-size:23px}.notice{font-size:9px;padding:10px;gap:7px}.dropzone{padding:23px 9px 17px;min-height:280px}.dropzone h2{font-size:15px}.dropzone>p{font-size:9px}.upload-limits{font-size:8px;gap:8px}.upload-limits span+span{padding-left:8px}.section-title{gap:8px}.section-title h2{font-size:14px}.section-actions{gap:8px}.section-actions .text-button{font-size:9px}.tabs>button{font-size:10px;padding:7px 9px}.empty{padding:20px 12px;text-align:center}.empty p{font-size:9px;line-height:1.8}.asset-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .field{margin:5px 0}.settings-heading>.tag{font-size:8px}.drive-badge{width:34px;height:34px}.setting-row>svg{display:none}.panel{padding:18px}.und-grid h2{font-size:23px}.calc-result{padding:16px}.calc-result strong{font-size:22px}footer{font-size:8px;line-height:1.8}footer>span{max-width:180px}.footer-dot{padding:0 4px}footer button{font-size:8px}.queue-row{flex-wrap:wrap;gap:9px}.queue-row strong{width:calc(100% - 30px);flex:auto}.toast{font-size:10px;width:max-content}dialog{padding:22px}}
/* Readable secondary copy while retaining the quiet archive palette. */
.subheading,.muted,.dropzone>p,.side-guide>p,.empty p,.setting-row p,.settings-heading p,.guide-page p{color:#74816b}.notice{font-size:11px}.dropzone>small{color:#7d8974;font-size:9px}.upload-limits{font-size:10px;color:#7f8c75}.tabs>button{font-size:12px;color:#7d896f}.search input{font-size:11px}.library-foot{color:#7e8b74}.side-guide>p{font-size:11px}.empty p{font-size:11px}.empty h3{color:#6b805d}