@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#4a352b;font-synthesis:none;background:#faf7f0;font-family:Noto Sans KR,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}button,.upload-button{transition:background .15s,box-shadow .15s}button:hover,.upload-button:hover{filter:brightness(.96)}[hidden]{display:none!important}.studio-header{border-bottom:1px solid #e8dfd1;justify-content:space-between;align-items:center;gap:20px;height:100px;padding:0 max(5vw,24px);display:flex}.studio-brand{letter-spacing:-1px;font-family:Gowun Batang,serif;font-size:30px}.studio-brand span{letter-spacing:0;color:#927964;border-left:1px solid #d8cdbd;margin-left:18px;padding-left:18px;font-family:Noto Sans KR,sans-serif;font-size:12px;display:inline-block}.studio-header>div{align-items:center;gap:20px;font-size:13px;display:flex}.studio-main{max-width:1280px;margin:auto;padding:28px 40px 65px}.message{white-space:pre-line;background:#f1f1e7;border:1px solid #dcd8c8;border-radius:8px;margin-bottom:24px;padding:12px 18px;font-size:14px;line-height:1.7}.message:empty{display:none}.message.error{color:#8a3e2d;background:#fff1ec;border-color:#dfc1b6}.overline{letter-spacing:2px;color:#a26548;font-size:10px;font-weight:600}.login-card{background:#fffdf9;border:1px solid #e7ded0;border-radius:4px;max-width:590px;margin:45px auto 70px;padding:48px;box-shadow:0 10px 35px #4a352b06}.login-card h1{letter-spacing:-1.5px;margin:20px 0;font-family:Gowun Batang,serif;font-size:41px;font-weight:400;line-height:1.5}.login-card p{color:#856f5d;font-size:14px;line-height:1.9}.login-detail{background:#f7f2e8;border-radius:6px;margin:28px 0 20px;padding:20px 22px}.login-detail b{font-size:14px}.login-detail p{margin-bottom:0;font-size:13px}.primary,.secondary,.publish,.upload-button{border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:13px 19px;font-size:13px;font-weight:500;display:inline-flex}.primary{color:#fffaf2;background:#5b4435}.secondary{color:#5b4435;background:#faf7f0;border:1px solid #d9cdbb}.publish{color:#fff;background:#a5684b}.quiet{color:#89725d;text-underline-offset:4px;background:0 0;padding:6px 0;font-size:12px;text-decoration:underline}#code-form{margin-top:28px}#code-form small{color:#927d6b;margin-top:12px;font-size:11px;line-height:1.8;display:block}.code-row{gap:10px;display:flex}.code-row input{letter-spacing:8px;width:50%}.welcome{justify-content:space-between;align-items:center;gap:20px;padding:21px 0 36px;display:flex}.welcome h1{letter-spacing:-1.5px;margin:12px 0;font-family:Gowun Batang,serif;font-size:35px;font-weight:400}.welcome p{color:#947d68;margin:0;font-size:13px}.mobile-break{display:none}.studio-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;display:grid}.post-sidebar{background:#f4efe5;border:1px solid #e5dbcd;border-radius:5px;padding:22px 20px}.sidebar-heading h2{margin:0 0 20px;font-size:16px}.sidebar-heading span{color:#a5684b;margin-left:6px;font-size:12px}.list-filters{gap:6px;margin-bottom:16px;display:flex}.list-filters button{color:#8d7965;background:0 0;border-radius:25px;padding:6px 13px;font-size:12px}.list-filters button[aria-pressed=true]{color:#fffaf2;background:#5c4738}input,textarea,select{color:#4a352b;background:#fffdf9;border:1px solid #e1d7c9;border-radius:4px;width:100%;padding:12px 14px;line-height:1.6}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#b6a693}label{margin:22px 0 9px;font-size:12px;font-weight:600;display:block}#post-search{padding:10px 12px;font-size:12px}.post-list{gap:8px;max-height:620px;margin-top:14px;display:grid;overflow:auto}.post-item{text-align:left;color:#4a352b;background:#fffcf7;border:1px solid #0000;border-radius:4px;width:100%;padding:16px;display:block}.post-item.active{background:#fffdf9;border-color:#b08260}.post-item strong{margin:10px 0;font-size:13px;font-weight:500;line-height:1.8;display:block}.post-item time{color:#a38b73;font-size:10px}.badge{color:#8c745b;white-space:nowrap;border:1px solid #dfd2be;border-radius:20px;padding:4px 9px;font-size:10px}.badge.live{color:#536e57;background:#eff3eb;border-color:#cbd6c7}.sidebar-note{color:#9c8771;margin:24px 0 0;font-size:11px;line-height:1.9}.empty-editor{text-align:center;color:#927d68;background:#fffdf733;border:1px dashed #ded1bf;border-radius:5px;min-height:490px;padding:65px 24px}.drawn-flower{color:#b58b65;font-family:serif;font-size:55px}.empty-editor h2{color:#674e3b;font-family:Gowun Batang,serif;font-size:25px;font-weight:400;line-height:1.7}.empty-editor p{font-size:13px;line-height:1.9}.writing-steps{color:#a89176;justify-content:center;gap:20px;margin-top:36px;font-size:10px;display:flex}.editor-card{background:#fffdf9;border:1px solid #e5dbcd;border-radius:5px;padding:28px 32px}.editor-topline{justify-content:space-between;align-items:center;gap:15px;display:flex}#save-state{color:#9b8167;text-align:right;font-size:10px}.title-input{letter-spacing:-.5px;border-width:0 0 1px;border-radius:0;padding:14px 0;font-size:20px}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.optional{color:#aa937b;margin-left:8px;font-size:10px;font-weight:400}.body-input{min-height:400px;padding:20px;font-size:14px;line-height:2.05}.field-help{color:#9e8871;font-size:11px;line-height:1.9}.photo-heading{border-top:1px solid #eee4d7;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-top:28px;display:flex}.photo-heading h2{margin:0 0 6px;font-size:15px}.photo-heading p{color:#9e8871;margin:0;font-size:11px}.upload-button{white-space:nowrap;cursor:pointer;background:#f2ebdf;border:1px solid #dfd2be;margin:0}.upload-button input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.upload-button:focus-within{outline-offset:4px;outline:2px solid #a26548}.photo-empty{text-align:center;color:#af987d;border:1px dashed #e4d7c5;padding:28px;font-size:12px}.photo-list{gap:15px;display:grid}.photo-row{border:1px solid #e5dbcd;border-radius:4px;grid-template-columns:100px 1fr;gap:15px;padding:12px;display:grid}.photo-row img{object-fit:cover;border-radius:3px;width:100px;height:100px}.photo-row label{margin:0 0 6px;font-size:11px}.photo-row input{padding:8px;font-size:12px}.photo-controls{gap:16px;margin-top:8px;display:flex}.photo-controls button{color:#9b7857;background:0 0;padding:2px;font-size:11px}.library-list{flex-wrap:wrap;gap:10px;padding-top:15px;display:flex}.library-list button{color:#71573e;background:#f3ecdf;padding:8px;font-size:10px}.library-list img{object-fit:cover;width:70px;height:60px;margin-bottom:6px;display:block}details{color:#8c745b;margin-top:16px;font-size:11px}summary{cursor:pointer}.editor-actions{border-top:1px solid #e8dece;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:24px;display:flex}.editor-actions>div{gap:10px;display:flex}.editor-bottom{color:#967657;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;font-size:11px;display:flex}.editor-note{color:#ac967f;margin-bottom:0;font-size:10px;line-height:1.8}.studio-footer{color:#a38b72;border-top:1px solid #e7ded0;justify-content:space-between;max-width:1200px;margin:auto;padding:24px 40px;font-size:12px;display:flex}.studio-footer span{font-size:10px}dialog{color:#57402f;background:#fffdf7;border:1px solid #dfd1bc;border-radius:6px;max-width:calc(100% - 36px);padding:35px}dialog::backdrop{background:#3e302c80}dialog h2{font-family:Gowun Batang,serif;font-size:25px;font-weight:400}dialog p{color:#8d755f;font-size:13px;line-height:1.9}.dialog-actions{gap:12px;margin-top:25px;display:flex}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.studio-main{padding:24px}.studio-grid{grid-template-columns:235px minmax(0,1fr);gap:18px}.editor-card{padding:22px}.welcome h1{font-size:28px}}@media (width<=680px){.studio-header{height:83px;padding:0 20px}.studio-brand{font-size:25px}.studio-brand span{border:0;margin:2px 0 0;padding:0;font-size:10px;display:block}.studio-header>div{gap:12px;font-size:11px}.studio-main{padding:22px 18px 45px}.welcome{align-items:flex-start;padding-top:10px}.welcome h1{font-size:27px}.mobile-break{display:block}.welcome p{max-width:210px;font-size:11px;line-height:1.9}.welcome>.primary{margin-top:28px;padding:11px 13px;font-size:11px}.overline{letter-spacing:1.5px;font-size:8px}.studio-grid{grid-template-columns:1fr;gap:20px}.post-sidebar{padding:17px}.post-list{max-height:240px}.post-item{padding:13px}.sidebar-note{margin-top:15px;font-size:10px}.editor-card{padding:20px 16px}.title-input{font-size:18px}.field-row{gap:12px}.body-input{padding:14px;font-size:14px}.photo-heading{align-items:flex-start}.photo-heading p{line-height:1.8}.upload-button{padding:10px 12px;font-size:11px}.editor-actions{gap:8px}.editor-actions>div{gap:6px}.editor-actions button{padding:12px 13px;font-size:11px}.photo-row{grid-template-columns:75px 1fr;gap:10px}.photo-row img{width:75px;height:85px}.photo-controls{gap:11px}.login-card{margin:15px auto 35px;padding:30px 25px}.login-card h1{font-size:34px}.login-card p{font-size:12px}.login-detail{padding:17px}.login-detail b{font-size:12px}.login-detail p{font-size:11px}.dialog-actions{flex-wrap:wrap}.studio-footer{padding:22px;font-size:11px}.empty-editor{min-height:350px;padding:35px 20px}.writing-steps{gap:14px}.message{font-size:12px}}