@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";.wordmark.wordmark-v2{width:166px}:root{font-family:Noto Sans KR,sans-serif;color:#20221d;background:#f3f0e8;--ink:#20221d;--muted:#77776e;--card:#fbfaf6;--line:#d9d5ca;--lime:#c9f25b;--green:#183f31;--red:#b94738}*{box-sizing:border-box}body{margin:0;min-height:100vh}.nav{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none}.wordmark{display:block;width:112px;height:auto}.nav-note{font-size:12px;color:var(--muted)}.nav-note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #e5f4bc;margin-right:7px}main{max-width:1200px;margin:auto}.landing{min-height:690px;padding:88px 48px 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.eyebrow{font:500 11px DM Mono;letter-spacing:.18em;color:#697156;margin:0 0 20px}.hero-copy h1{font-size:58px;line-height:1.13;letter-spacing:-.055em;margin:0}.hero-copy h1 em{font-style:normal;color:#567626;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:8px;text-underline-offset:-3px}.lead{max-width:560px;color:#64645d;line-height:1.85;margin:28px 0 36px}.promise{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:17px;align-items:center}.promise>span{font:500 38px DM Mono}.promise strong{font:500 11px DM Mono;display:block}.promise small{color:var(--muted)}.door-card{background:var(--card);border:1px solid #cbc7bb;padding:8px 30px 28px;box-shadow:9px 9px #dedacf}.door-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:18px 2px}.door-title>div{display:flex;flex-direction:column}.door-title small{font-size:10px;color:var(--muted)}.door-number{font:500 10px DM Mono;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime)}label{display:block;font-size:12px;font-weight:700;margin-top:17px}input,textarea{font:inherit;width:100%;border:1px solid #ccc8bd;background:#fff;padding:14px;margin-top:8px;outline:none}input:focus,textarea:focus{border-color:#58674b;box-shadow:0 0 0 3px #e7eadc}.hint{font-size:11px;color:#929189;margin:8px 0 21px}.primary{border:0;background:var(--green);color:#fff;width:100%;padding:15px 18px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.primary:disabled{opacity:.45}.privacy{display:flex;gap:12px;background:#f1f4e8;padding:14px;margin-top:20px;color:#6d715e;font-size:11px}.privacy p{margin:0}.error{color:var(--red);font-size:12px;min-height:18px}.locker{padding:50px 24px 70px}.locker-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.locker-head h2{font-size:36px;margin:0}.subtle{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.countdown{width:190px}.countdown small{color:var(--muted)}.countdown strong{font:500 27px DM Mono;display:block;margin:4px 0 8px}.progress{height:4px;background:#d9d5ca}.progress i{display:block;height:100%;background:var(--lime);transition:width 1s linear}.workspace{display:grid;grid-template-columns:360px 1fr;border:1px solid #cbc7bb;background:var(--card);min-height:480px}.composer{padding:28px;border-right:1px solid var(--line)}.composer h3,.contents h3{margin:0 0 20px;font-size:15px}.type-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eeece5;padding:4px;margin-bottom:17px}.type-tabs button{border:0;background:transparent;padding:10px;color:var(--muted);cursor:pointer}.type-tabs .active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #ccc}.composer textarea{height:175px;resize:vertical;margin:0 0 12px}.dropzone{height:190px;border:1px dashed #b9b6aa;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer}.dropzone input{display:none}.dropzone small{color:var(--muted);font-weight:400}.image-preview{height:190px;margin-bottom:12px;background:#e8e5dc}.image-preview img{width:100%;height:100%;object-fit:contain}.contents{padding:28px}.contents-title{display:flex;justify-content:space-between}.contents-title h3 span{font:500 11px DM Mono;background:#e4e1d7;padding:4px 7px;border-radius:10px}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{border:1px solid var(--line);background:#fff;padding:16px;min-width:0}.item-text{white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:13px;max-height:180px;overflow:auto;margin:0 0 18px}.image-open{display:block;width:100%;height:180px;border:0;padding:0;background:#f0eee8;cursor:zoom-in}.image-open img{display:block;width:100%;height:100%;object-fit:contain}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font:400 10px DM Mono}.item-meta button{border:0;background:none;cursor:pointer;color:#617540}.item-meta .delete{color:#a45b50}.empty{text-align:center;color:var(--muted);padding:95px 20px}.empty span{font-size:40px}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{font-size:13px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 19px;font-size:12px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#88877e;font-size:11px}dialog{width:min(400px,calc(100% - 36px));border:1px solid #bbb6a9;background:var(--card);padding:30px;color:var(--ink);box-shadow:10px 10px #20221d2e}dialog::backdrop{background:#191b17c7}dialog h2{font-size:20px}dialog p{font-size:12px;color:var(--muted)}.confirm-icon{display:grid;place-items:center;width:34px;height:34px;background:#f2ddd6;color:var(--red);border-radius:50%}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}.confirm-actions button{padding:12px;border:1px solid var(--line);font-weight:700}.confirm-actions .delete-button{background:var(--red);color:#fff}.image-dialog{position:relative;width:min(1100px,calc(100% - 32px));max-width:none;height:min(88vh,900px);padding:48px 20px 18px;background:#171914;border:0;box-shadow:none}.image-dialog img{display:block;width:100%;height:calc(100% - 28px);object-fit:contain}.image-dialog p{margin:10px 0 0;text-align:center;color:#d9d8d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-dialog-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:1px solid #ffffff42;border-radius:50%;background:#ffffff12;color:#fff;font:300 25px/1 inherit;cursor:pointer}.locker-actions{display:flex;gap:8px;margin-bottom:23px}.locker-button{border:1px solid transparent;border-radius:3px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.locker-button:hover{transform:translateY(-1px)}.close-button{border-color:#b8b6ad;background:#fff;color:#555750}.close-button:hover{background:#f0eee7;border-color:#99978e}.return-button{border-color:#a83e32;background:var(--red);color:#fff}.return-button:hover{background:#9d4035}.sync-actions{display:flex;align-items:center;gap:10px}.sync-actions small{color:var(--muted);font-size:9px}.sync-actions button:disabled{opacity:.45}.capacity{margin:-5px 0 12px;padding:12px 14px;background:#f1f0e9;border:1px solid #e1ded4}.capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.capacity strong{font:500 11px DM Mono;color:var(--ink)}.capacity strong small{font:inherit;color:var(--muted)}.capacity-track{height:4px;margin-top:9px;background:#d9d5ca;overflow:hidden}.capacity-track i{display:block;height:100%;min-width:2px;background:#6f9232;transition:width .25s ease}.qr-share{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:12px;border:1px solid #d8d5ca;background:#f6f5ef}.qr-share .qr-open{width:92px;height:92px;flex:0 0 92px;border:0;padding:0;background:#fff;cursor:zoom-in}.qr-share img{display:block;width:100%;height:100%}.qr-share p{margin:0}.qr-share strong,.qr-share span{display:block}.qr-share strong{font-size:13px;margin-bottom:5px}.qr-share span{font-size:10px;line-height:1.55;color:var(--muted)}.qr-share .share-buttons{display:flex;flex-wrap:wrap;gap:10px}.qr-share .share-buttons button{border:0;background:none;padding:7px 0 0;color:#567626;font:700 11px inherit;cursor:pointer}.optimize-toggle{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:11px;color:var(--muted);cursor:pointer}.optimize-toggle input{width:auto;margin:0;accent-color:var(--green)}.image-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.image-previews>div{position:relative;height:76px;background:#e8e5dc}.image-previews img{width:100%;height:100%;object-fit:cover}.image-previews button{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:#20221dcc;color:#fff;cursor:pointer}.add-more{width:100%;margin-bottom:8px;padding:7px;border:1px solid var(--line);background:#fff;color:var(--green);font-size:11px;cursor:pointer}.dropzone.compact{display:none}.password-field{position:relative;display:block}.password-field input{padding-right:56px}.password-field button{position:absolute;right:8px;top:16px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.password-tools{margin-top:7px}.password-tools>span{position:relative;display:block;padding-top:6px;color:var(--red);font-size:10px}.password-tools>span:before{content:"";position:absolute;top:0;left:0;width:72px;height:3px;background:#dedbd2}.password-tools i{position:absolute;z-index:1;top:0;left:0;height:3px;background:var(--red)}.password-tools .medium{color:#9a711f}.password-tools .medium i{background:#c99832}.password-tools .strong{color:#567626}.password-tools .strong i{background:#6f9232}.image-stage{width:100%;height:calc(100% - 28px);overflow:auto;touch-action:pinch-zoom}.image-dialog .image-stage img{width:100%;height:100%;object-fit:contain}.gallery-arrow{position:absolute;z-index:2;top:50%;width:44px;height:60px;transform:translateY(-50%);border:0;background:#0008;color:#fff;font-size:38px;cursor:pointer}.gallery-prev{left:8px}.gallery-next{right:8px}.qr-dialog{position:relative;width:min(420px,calc(100% - 32px));padding:42px 28px 28px;text-align:center}.qr-dialog>img{display:block;width:min(280px,100%);margin:auto}.qr-dialog h2{margin:18px 0 3px;overflow-wrap:anywhere}.qr-dialog p{margin:0}.qr-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.qr-dialog-actions button{border:1px solid var(--line);background:#fff;padding:11px;font-weight:700;cursor:pointer}.qr-dialog-actions button:last-child{background:var(--green);color:#fff}footer p{margin:0 0 10px}footer nav{display:flex;justify-content:center;gap:16px}footer a{color:var(--muted);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:820px){.landing{grid-template-columns:1fr;padding:55px 22px;gap:45px}.hero-copy h1{font-size:42px}.workspace{grid-template-columns:1fr}.composer{border-right:0;border-bottom:1px solid var(--line)}.items{grid-template-columns:1fr}}@media(max-width:520px){.nav-note{display:none}.landing{padding-top:42px}.hero-copy h1{font-size:36px}.door-card{padding:6px 20px 22px}.locker{padding:35px 14px}.locker-head{display:block}.countdown{margin-top:20px}.contents,.composer{padding:20px}.qr-share{align-items:flex-start}.qr-share .qr-open{width:78px;height:78px;flex-basis:78px}.qr-share span br,.sync-actions small{display:none}.image-dialog{width:100%;height:100dvh}.gallery-arrow{width:38px;height:52px}}