@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#283a35;background:#f5f3ef;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{margin:0;background:#f5f3ef}button{touch-action:manipulation}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.36;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a5c7b6;outline-offset:2px}.app{height:100vh;height:100dvh;display:flex;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.paper,.canvas-shell,.rail,.toolbar,.editor-footer,.pages-panel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rail{width:76px;flex:none;background:#eaece7;border-right:1px solid #dfe3dc;display:flex;flex-direction:column;align-items:center;padding:23px 0 17px;gap:22px}.brand{width:43px;height:43px;background:#315d50;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:700;box-shadow:0 5px 12px #315d5029}.rail-group{display:flex;flex-direction:column;gap:13px}.rail .icon-button{width:44px;height:44px;color:#75847d}.rail .icon-button.active{background:#d7e2da;color:#315d50}.rail-bottom{margin-top:auto}.icon-button{border:0;background:transparent;display:grid;place-items:center;border-radius:11px;color:inherit;width:38px;height:38px;transition:background .15s,transform .15s}.icon-button:hover{background:#e5eae5}.icon-button:active{transform:scale(.94)}.icon-button svg,.tool svg,.top-action svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:302px;flex:none;background:#fbfaf8;border-right:1px solid #e7e5df;padding:31px 20px 20px;display:flex;flex-direction:column;gap:25px}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.side-heading h1{font-size:20px;letter-spacing:-.05em;margin:0;font-weight:700}.side-heading p{font-size:12px;color:#9ca7a0;margin:5px 0 0}.search{height:40px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#9ba69f;background:#f1f1ee;border:1px solid #ecece8;border-radius:10px}.search svg{width:17px;height:17px;flex:none}.search input{min-width:0;border:0;background:transparent;outline:0;font-size:13px;width:100%;color:#34443e}.search input::placeholder{color:#a3aaa5}.section-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:#9ba49e;margin:3px 8px 11px;text-transform:uppercase}.note-list{overflow:auto;flex:1;min-height:0}.note-item{display:flex;width:100%;border:1px solid transparent;background:transparent;text-align:left;border-radius:13px;padding:9px;gap:11px;align-items:center;color:#34423c;margin-bottom:5px}.note-item:hover{background:#f1f4ef}.note-item.active{background:#e5eee7;border-color:#d6e5d9}.mini-cover{width:42px;height:51px;border-radius:5px 8px 8px 5px;flex:none;box-shadow:2px 3px 6px #00000015;position:relative;overflow:hidden}.mini-cover:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#ffffff52}.mini-cover:after{content:"";position:absolute;inset:12px 10px;border-top:1px solid #ffffffb9;border-bottom:1px solid #ffffffb9}.note-copy{min-width:0;flex:1}.note-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-meta{font-size:11px;color:#9aa39d;margin-top:5px}.note-more{opacity:0}.note-item:hover .note-more,.note-item.active .note-more{opacity:1}.new-note{height:45px;border:1px dashed #bdd0c3;border-radius:11px;background:#f7faf6;color:#315d50;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.new-note:hover{background:#eaf3eb}.side-footer{border-top:1px solid #e8ebe5;padding:17px 7px 0;display:flex;align-items:center;gap:9px;color:#84918a;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#76ad83}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:70px;background:#fbfaf8;border-bottom:1px solid #e8e7e1;display:flex;align-items:center;padding:0 26px;gap:16px;flex:none}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:#9da69f}.breadcrumb strong{color:#35463d;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.breadcrumb svg{width:14px}.top-spacer{flex:1}.save-label{font-size:11px;color:#8fa098;display:flex;align-items:center;gap:6px;white-space:nowrap}.top-action{height:36px;border:1px solid #e2e7df;background:#fff;border-radius:9px;padding:0 11px;color:#486056;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;white-space:nowrap}.top-action:hover{background:#f2f5f1}.top-action.primary{background:#315d50;border-color:#315d50;color:#fff}.top-action.primary:hover{background:#254b40}.workspace{flex:1;display:flex;min-height:0}.pages-panel{width:181px;flex:none;background:#f8f8f5;border-right:1px solid #e7e8e2;display:flex;flex-direction:column;padding:21px 16px;gap:15px}.pages-head{display:flex;justify-content:space-between;align-items:center}.pages-head strong{font-size:12px}.pages-head span{font-size:11px;color:#9da79f}.page-list{overflow:auto;display:flex;flex-direction:column;gap:17px;padding:2px 5px 20px}.page-thumb-wrap{border:0;background:none;padding:0;text-align:left;color:#849087}.page-thumb{position:relative;width:112px;height:157px;background:#fff;border:1px solid #e7e7e1;border-radius:3px;box-shadow:0 3px 7px #3c514014;overflow:hidden;margin:auto}.page-thumb-wrap.active .page-thumb{outline:2px solid #468069;outline-offset:3px}.page-thumb .template{transform-origin:top left;transform:scale(.112);width:1000px;height:1414px}.thumb-index{display:block;text-align:center;font-size:11px;margin-top:9px}.page-add{border:1px dashed #c8d4c9;background:transparent;border-radius:9px;width:112px;height:52px;margin:auto;color:#6d8b76;display:grid;place-items:center}.page-add:hover{background:#eef4ee}.editor{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:#eeeee9}.toolbar{height:62px;flex:none;display:flex;align-items:center;gap:8px;padding:0 22px;background:#fff;border-bottom:1px solid #e8e8e2;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-group{display:flex;align-items:center;gap:4px;flex:none}.divider{height:26px;width:1px;background:#e3e7e0;margin:0 8px;flex:none}.tool{height:38px;min-width:38px;padding:0 9px;border:0;background:transparent;border-radius:9px;color:#687b70;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap}.tool.active{background:#e2efe6;color:#2b654c}.tool:hover{background:#eef3ee}.tool.active:hover{background:#d9eadf}.color-dot{width:19px;height:19px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d8dfd8}.swatch{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;flex:none}.swatch.selected{outline:2px solid #5d8b70;outline-offset:1px}.swatch span{width:19px;height:19px;border-radius:50%;border:1px solid #00000012}.size-control{display:flex;align-items:center;gap:7px;color:#809086;font-size:11px}.size-control input{width:66px;accent-color:#3c755b}.canvas-shell{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 40px 80px;touch-action:pan-x pan-y}.paper-zoom{position:relative;flex:none}.paper{width:1000px;height:1414px;position:relative;transform-origin:top left;background:#fff;box-shadow:0 8px 35px #34473e25,0 1px 4px #34473e12;overflow:hidden}.template{position:absolute;inset:0;background:#fff;pointer-events:none}.template.plain{background:#fff}.template.ruled{background-color:#fff;background-image:linear-gradient(#c9d8e3 1px,transparent 1px);background-size:100% 38px;background-position:0 89px}.template.grid{background-color:#fff;background-image:linear-gradient(#dce8ed 1px,transparent 1px),linear-gradient(90deg,#dce8ed 1px,transparent 1px);background-size:38px 38px}.template.dot{background-color:#fff;background-image:radial-gradient(#bfcfd1 1.4px,transparent 1.6px);background-size:28px 28px}.template.cornell{background-color:#fff;background-image:linear-gradient(90deg,transparent 29.9%,#cbdce1 29.9%,#cbdce1 30.1%,transparent 30.1%),linear-gradient(transparent 83.9%,#cbdce1 83.9%,#cbdce1 84.1%,transparent 84.1%),linear-gradient(#dce8eb 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 38px;background-position:0 0,0 0,0 112px}.template.planner{background-color:#fff;background-image:linear-gradient(#dae6e1 1px,transparent 1px),linear-gradient(90deg,#dae6e1 1px,transparent 1px);background-size:100% 156px,20% 100%;background-position:0 140px,0 0}.template.planner:before{content:"MONDAY            TUESDAY            WEDNESDAY           THURSDAY            FRIDAY";position:absolute;top:72px;left:35px;right:35px;white-space:pre;font-size:20px;letter-spacing:2px;color:#aabeb1}.template.dark{filter:invert(1)}.paper svg.ink-layer{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.ink-layer.draw{cursor:crosshair}.ink-layer.erase{cursor:cell}.ink-layer.select{cursor:default}.ink-layer.text{cursor:text}.ink-layer.image{cursor:default}.ink-layer path{stroke-linecap:round;stroke-linejoin:round;fill:none}.ink-layer .selected-path{filter:drop-shadow(0 0 5px #3b9e7f);stroke:#21826b!important}.text-element{position:absolute;min-width:30px;max-width:760px;white-space:pre-wrap;word-break:break-word;line-height:1.4;pointer-events:none}.text-element.selected{outline:2px dashed #5f9b7a;outline-offset:4px}.image-element{position:absolute;pointer-events:none}.image-element.selected{outline:2px dashed #5f9b7a;outline-offset:4px}.text-editor{position:absolute;min-width:240px;min-height:52px;resize:both;border:2px solid #438465;border-radius:3px;background:#ffffffd9;color:#253e31;padding:5px 8px;outline:0;z-index:4;line-height:1.4}.editor-footer{height:46px;background:#fbfaf8;border-top:1px solid #e7e8e1;display:flex;align-items:center;justify-content:space-between;padding:0 23px;flex:none;color:#89978d;font-size:11px}.zoom-controls{display:flex;align-items:center;gap:11px}.zoom-controls button{border:0;background:transparent;color:#78897d;font-size:18px;width:22px;height:25px;line-height:1}.zoom-controls span{min-width:34px;text-align:center;color:#596b5f}.footer-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-nav{display:flex;align-items:center;gap:6px;color:#596b5f;flex:none}.page-nav button{border:0;background:transparent;color:#78897d;font-size:20px;width:30px;height:30px;line-height:1;border-radius:8px}.page-nav button:hover:not(:disabled){background:#eef3ee}.page-nav span{min-width:44px;text-align:center}.empty{font-size:12px;color:#9ca79f;text-align:center;padding:26px 10px}.toast{position:fixed;bottom:63px;left:50%;transform:translate(-50%);z-index:20;color:#fff;background:#2e594a;padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #0002;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#1f3029a8;display:grid;place-items:center;z-index:30;padding:20px}.modal{background:#fff;border-radius:18px;width:min(520px,100%);max-height:90dvh;overflow:auto;box-shadow:0 25px 80px #14271e40;padding:27px}.modal-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:23px}.modal-head h2{font-size:20px;margin:0;letter-spacing:-.04em}.modal-head p{color:#91a096;font-size:12px;margin:6px 0 0}.field-label{display:block;font-size:12px;font-weight:700;color:#66796b;margin:17px 0 8px}.text-field{width:100%;height:44px;border:1px solid #dfe7de;border-radius:9px;padding:0 13px;color:#2e4436;background:#fbfcfa;outline:none}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.template-choice{border:1px solid #e0e7df;background:#fff;border-radius:10px;padding:9px;text-align:left;color:#415346}.template-choice.selected{border-color:#4b8566;box-shadow:0 0 0 2px #d4e8d9}.template-preview{height:100px;border:1px solid #e6eae6;position:relative;overflow:hidden;margin-bottom:8px}.template-preview .template{width:1000px;height:1414px;transform:scale(.1);transform-origin:top left}.template-choice span{font-size:12px;font-weight:600}.cover-row{display:flex;gap:9px}.cover-choice{width:32px;height:32px;border-radius:8px;border:2px solid transparent}.cover-choice.selected{outline:2px solid #49755e;outline-offset:2px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.modal-actions button,.menu button{border:1px solid #dfe6dd;border-radius:9px;background:#fff;padding:10px 14px;color:#42584a;font-weight:600;font-size:12px}.modal-actions .confirm{background:#315d50;border-color:#315d50;color:#fff}.menu{position:fixed;z-index:25;background:#fff;border:1px solid #e3e8e1;border-radius:12px;box-shadow:0 12px 35px #20392b26;padding:6px;min-width:170px}.menu button{display:block;width:100%;border:0;text-align:left;padding:10px;background:transparent}.menu button:hover{background:#eff5ef}.menu button.danger{color:#b55b54}.library-main{flex:1;overflow:auto;padding:39px 54px}.library-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.library-hero .eyebrow{color:#7fa18a;letter-spacing:.16em;font-size:11px;font-weight:700}.library-hero h2{font-size:32px;letter-spacing:-.06em;margin:9px 0 5px}.library-hero p{font-size:13px;color:#8a9990;margin:0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.library-card{border:1px solid #e5e8e1;background:#fff;border-radius:14px;padding:13px;text-align:left;box-shadow:0 5px 16px #344c3910;transition:transform .15s,box-shadow .15s}.library-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #344c3919}.large-cover{height:185px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffda;font-size:40px;font-family:Georgia,serif;box-shadow:inset 8px 0 #00000015;position:relative;overflow:hidden}.large-cover:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff60;border-radius:3px}.library-card strong{font-size:13px;display:block;margin:13px 2px 5px}.library-card small{font-size:11px;color:#9aa79e;margin:0 2px}.library-new{border:1px dashed #c8d9cb;background:#f7faf6;border-radius:14px;min-height:257px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#5b8567;font-size:13px;font-weight:700}.library-new .plus{width:53px;height:53px;border-radius:50%;background:#e5f0e6;display:grid;place-items:center;font-size:27px;font-weight:400}.library-new:hover{background:#eef6ed}.import-input{display:none}@media(max-width:980px){.sidebar{width:240px}.pages-panel{width:145px}.topbar{padding:0 15px}.toolbar{padding:0 12px}.library-main{padding:35px}}@media(max-width:760px){.rail{width:56px;padding-top:14px}.brand{width:36px;height:36px;font-size:21px}.rail .icon-button{width:37px;height:37px}.sidebar{display:none}.pages-panel{width:108px;padding:17px 7px}.page-thumb{width:77px;height:109px}.page-thumb .template{transform:scale(.077)}.page-add{width:77px}.topbar{height:56px;gap:7px}.top-action{padding:0 8px}.top-action span{display:none}.breadcrumb strong{max-width:140px}.toolbar{height:52px}.tool{min-width:35px;padding:0 6px}.tool span{display:none}.divider{margin:0 4px}.canvas-shell{padding:22px 22px 70px}.editor-footer{padding:0 12px}.footer-hint{max-width:48vw}}@media(max-width:520px){.pages-panel{width:76px}.page-thumb{width:50px;height:71px}.page-thumb .template{transform:scale(.05)}.page-add{width:50px}.pages-head strong{font-size:10px}.pages-head span{display:none}.library-main{padding:25px 17px}.library-hero h2{font-size:27px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.large-cover{height:125px}.library-new{min-height:195px}.save-label{display:none}}@media(hover:none){.note-more{opacity:1}}@media(max-width:640px){.app{flex-direction:column-reverse}.app.editing .rail{display:none}.rail{width:100%;height:58px;flex-direction:row;justify-content:space-between;padding:0 22px;border-right:0;border-top:1px solid #dfe3dc}.rail-group{flex-direction:row;gap:28px}.rail-bottom{margin:0}.pages-panel{display:none}.topbar{height:52px;padding:0 8px;gap:4px}.breadcrumb{font-size:0;gap:0}.breadcrumb svg{display:none}.breadcrumb strong{font-size:15px;max-width:none}.top-action{height:34px;padding:0 9px}.toolbar{height:50px;padding:0 8px;gap:4px}.tool-group{gap:2px}.swatch{width:26px;height:26px}.size-control span{display:none}.size-control input{width:58px}.canvas-shell{padding:12px 12px 48px}.editor-footer{padding:0 8px}.footer-hint{display:none}.library-main{padding:22px 16px}.library-hero{align-items:center;gap:12px}.library-hero p{display:none}.modal{padding:20px;border-radius:16px}.template-grid{gap:8px}.template-preview{height:80px}}@media(max-height:500px)and (orientation:landscape){.sidebar,.pages-panel{display:none}.rail{padding:10px 0;gap:12px}.brand{display:none}.topbar,.toolbar{height:46px}.editor-footer{height:36px}.footer-hint{display:none}.canvas-shell{padding:12px 16px 40px}.library-main{padding:20px 28px}.library-hero{margin-bottom:18px}}@media print{.rail,.sidebar,.topbar,.pages-panel,.toolbar,.editor-footer,.toast{display:none!important}.app,.workspace,.main,.editor,.canvas-shell{display:block!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important}.paper-zoom{width:100%!important;height:auto!important}.paper{transform:none!important;width:210mm!important;height:297mm!important;box-shadow:none!important;page-break-after:always!important}body{background:#fff}@page{size:A4;margin:0}}