@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#242924;background:#f8f7f4;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 87% 9%,#edf0e5,transparent 25%),#f8f7f4}.site-header,.site-footer,.creator-main,.viewer-main{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between}.site-header{height:90px;border-bottom:1px solid #e8e9e2}.brand{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-2px;color:#252c25}.brand-dot{color:#a8bd82}.brand-mark{width:29px;height:29px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-15deg)}.brand-mark span{background:#7f9b62;border-radius:5px 2px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#b7c99b}.brand-mark span:nth-child(4){background:#536f49}.header-note{display:flex;align-items:center;gap:8px;color:#818a7d;font-size:12px;font-weight:600}.header-note svg{color:#718b61}.creator-main,.viewer-main{flex:1}.intro{padding:35px 0 28px}.eyebrow,.section-kicker{color:#7f966f;font:700 10px Manrope,sans-serif;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{width:25px;height:1px;background:#8ba778}.intro h1{margin:13px 0 9px;font-size:clamp(34px,3.3vw,44px);line-height:1.26;letter-spacing:-2.8px;font-weight:800}.intro h1 em{font-style:normal;color:#7f9b65}.intro p{margin:0;color:#778074;font-size:12px;line-height:1.9}.workspace{display:grid;grid-template-columns:1.12fr .88fr;gap:23px;align-items:start}.upload-card,.settings-card,.success-card{background:#fff;border:1px solid #e9ebe5;border-radius:17px;box-shadow:0 12px 42px #26352109}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.card-heading h2,.success-card h2{font-size:22px;letter-spacing:-1.1px;margin:9px 0 0;line-height:1.35}.count-badge{background:#f1f4ec;border:1px solid #e6ecdf;border-radius:20px;color:#668257;font-weight:700;font-size:11px;padding:7px 11px}.heading-spark{color:#93ab7a}.dropzone{min-height:268px;border:1.5px dashed #cbd6c1;border-radius:12px;background:#fbfcf9;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:.2s;outline:none}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{background:#f4f8ef;border-color:#8caa77}.upload-icon{width:65px;height:65px;border-radius:50%;background:#edf3e8;color:#6c8b5b;display:grid;place-items:center;margin-bottom:16px}.dropzone strong{font-size:14px;letter-spacing:-.35px}.dropzone>span{color:#919a8e;font-size:11px;margin-top:7px}.drop-formats{display:flex;gap:7px;margin-top:24px;flex-wrap:wrap;justify-content:center}.drop-formats span{font-size:9px;font-weight:700;color:#84947b;border:1px solid #e3eadd;background:#fff;border-radius:5px;padding:6px 8px}.upload-footer{display:flex;gap:10px;align-items:flex-start;color:#8a9585;font-size:10px;line-height:1.6;margin-top:23px}.upload-footer svg{flex:none;color:#8fa982}.file-list{margin-top:20px}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:700;color:#626b5d}.list-head button{display:flex;align-items:center;gap:3px;border:0;background:none;color:#70915f;font-size:11px;font-weight:700}.file-row{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #eff1ec}.file-thumb{height:46px;width:46px;flex:none;overflow:hidden;border-radius:7px;background:#edf1e8;color:#89a17b;display:flex;align-items:center;justify-content:center}.file-thumb img,.file-thumb video{display:block;width:100%;height:100%;object-fit:contain}.file-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.file-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.file-meta span{font-size:10px;color:#9aa397}.remove-file{margin-left:auto;background:none;border:0;color:#9ba59a;padding:6px}.remove-file:hover{color:#b64b46}.setting-block{display:flex;align-items:center;justify-content:space-between}.setting-label{display:flex;align-items:center;gap:12px}.setting-icon{width:39px;height:39px;border-radius:10px;background:#f0f4eb;color:#769362;display:grid;place-items:center;flex:none}.setting-label>div:last-child{display:flex;flex-direction:column;gap:4px}.setting-label strong{font-size:13px;letter-spacing:-.3px}.setting-label span{color:#a2aa9e;font-size:10px}.setting-value{font-size:19px;color:#789560}.range{width:100%;margin:23px 0 6px;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(to right,#839f6c var(--range-fill),#e9ede6 var(--range-fill));outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:4px solid #fff;background:#78955d;border-radius:50%;box-shadow:0 0 0 1px #78955d,0 2px 8px #a8b5a0}.range::-moz-range-thumb{width:10px;height:10px;border:4px solid #fff;background:#78955d;border-radius:50%;box-shadow:0 0 0 1px #78955d}.range-ends{display:flex;justify-content:space-between;color:#a2aaa0;font-size:9px}.mosaic-preview{position:relative;overflow:hidden;aspect-ratio:16/9;margin-top:19px;border-radius:10px;background:#edf1e8}.mosaic-preview-label{position:absolute;z-index:1;top:10px;left:11px;padding:5px 7px;border-radius:5px;background:#ffffffd9;color:#6d8460;font-size:9px;font-weight:700}.mosaic-preview>img,.mosaic-preview>video{display:block;width:100%;height:100%;object-fit:contain}.mosaic-preview>video{pointer-events:none}.mosaic-note{margin:10px 0 0;color:#8e998b;font-size:10px;line-height:1.5}.mosaic-preview-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#879982;font-size:10px;text-align:center}.mosaic-preview-empty svg{color:#9eb192}.divider{height:1px;background:#edf0e9;margin:27px 0}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7ebe2;background:#fbfcfa;border-radius:9px;margin-top:16px;height:46px}.stepper button{width:52px;height:44px;border:0;background:none;color:#779368;font-size:20px}.stepper button:hover{background:#f1f6ed}.stepper span{font-size:12px;color:#6e7869}.stepper strong{font-size:17px;color:#252e24;margin-right:3px}.ttl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px}.ttl-grid button{height:39px;border:1px solid #e7ebe1;background:#fff;border-radius:7px;color:#889184;font-size:11px;font-weight:700}.ttl-grid button.selected{border-color:#8ca677;background:#f1f6ec;color:#688354}.settings-footer{margin-top:32px;padding-top:21px;border-top:1px solid #edf0e9}.settings-footer>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:10px;color:#9da79b}.settings-footer>div strong{color:#667e5e;font-size:11px}.create-button{border:0;width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;background:#789461;color:#fff;font-weight:700;font-size:13px;box-shadow:0 5px 14px #8fa78030}.create-button:hover:not(:disabled){background:#657f51}.create-button:disabled{opacity:.47;cursor:not-allowed}.error-message{font-size:11px;color:#ae514d;line-height:1.5;margin:12px 0 0}.display-duration-grid{grid-template-columns:repeat(5,1fr)}.under-note{display:flex;align-items:center;justify-content:center;gap:14px;color:#a1aa9d;font-size:10px;margin:36px 0 47px}.under-line{height:1px;width:24px;background:#d5ddd1}.site-footer{height:65px;border-top:1px solid #e8e9e2;color:#a0a99e;font-size:10px}.success-card{max-width:700px;padding:50px;margin:0 auto 30px;text-align:center}.success-icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 20px;background:#edf5e9;color:#75965f;border-radius:50%}.success-card p{color:#8b9589;font-size:13px}.link-box{display:flex;align-items:center;gap:11px;margin:30px 0 21px;padding:7px 7px 7px 17px;border:1px solid #dfe8d9;border-radius:8px;color:#7f9b6a;background:#fbfdf9}.link-box input{flex:1;min-width:0;border:0;outline:none;background:none;color:#4d6144;font-size:12px}.link-box button,.state-button{border:0;border-radius:6px;background:#789461;color:#fff;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.success-actions{display:flex;gap:15px;justify-content:center;align-items:center}.success-actions a,.success-actions button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;font-size:11px;font-weight:700;color:#698658}.success-actions button{color:#8d978a}.viewer-main{padding-top:30px;padding-bottom:60px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#84917e;font-size:11px;font-weight:700}.viewer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:45px 0 30px}.viewer-heading h1{font-size:36px;letter-spacing:-2px;margin:9px 0}.viewer-heading h1 em{font-style:normal;color:#89a371}.viewer-heading p{color:#879284;font-size:12px;margin:0}.viewer-stats{display:flex;gap:8px;flex-wrap:wrap}.viewer-stats span{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5eae1;border-radius:20px;padding:9px 12px;color:#72816d;font-size:10px;font-weight:700}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.media-card{border:1px solid #e6eae1;border-radius:13px;overflow:hidden;background:#fff}.media-frame{height:360px;background:#171b16;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none}.media-frame>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.media-caption{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.media-caption>div{display:flex;flex-direction:column;min-width:0;gap:5px}.media-caption>div span{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#9aab91}.media-caption strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosaic-badge{flex:none;border-radius:5px;background:#eff5ea;padding:6px 8px;color:#718a61;font-size:9px;font-weight:700}.viewer-footnote{display:flex;justify-content:center;align-items:center;gap:8px;color:#9ca79a;font-size:10px;margin-top:29px;text-align:center}.screen-shield{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#171b16;color:#fff;text-align:center}.screen-shield svg{color:#b4cd9b}.screen-shield strong{font-size:18px}.screen-shield span{color:#c1c9bf;font-size:12px}.viewer-state{min-height:55vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.viewer-state h1{font-size:27px;letter-spacing:-1px;margin:15px 0 5px}.viewer-state p{color:#8e998b;font-size:12px;margin-bottom:25px}.state-icon{width:66px;height:66px;display:grid;place-items:center;background:#edf3e7;color:#819c6e;border-radius:50%;margin-bottom:20px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid #e5ecdf;border-top-color:#839f6c;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-shell{position:relative;width:100%;height:100%;background:#171b16}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;background:#111a14a8;color:#fff;border-radius:50%;height:60px;width:60px;display:grid;place-items:center;padding-left:5px}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#101610cf);color:#fff;display:flex;align-items:center;gap:9px;padding:28px 12px 10px}.video-controls button{background:none;color:#fff;border:0;display:grid;place-items:center;padding:4px}.video-controls span{font-size:10px}.video-controls input{min-width:0;flex:1;accent-color:#b4cd9b;height:3px}.video-shell video::-webkit-media-controls{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro{padding-top:30px}.media-frame{height:280px}}@media(max-width:600px){.site-header,.site-footer,.creator-main,.viewer-main{width:calc(100% - 36px)}.site-header{height:72px}.header-note{font-size:0;gap:0}.header-note svg{width:18px;height:18px}.intro{padding:30px 0 23px}.intro h1{font-size:34px;letter-spacing:-2px}.intro p{font-size:12px}.upload-card,.settings-card{padding:21px}.dropzone{min-height:230px;padding:15px}.dropzone strong{font-size:12px}.drop-formats{margin-top:20px}.card-heading h2{font-size:19px}.media-grid{grid-template-columns:1fr}.viewer-heading{display:block;margin:35px 0 23px}.viewer-heading h1{font-size:29px}.viewer-stats{margin-top:20px}.media-frame{height:290px}.viewer-footnote{line-height:1.7}.success-card{padding:36px 21px}.success-actions{flex-wrap:wrap}.under-note{font-size:9px;gap:8px}}:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#191b22;background:#f6f6f3}.app-shell{background:#f6f6f3}.site-header,.site-footer,.creator-main,.viewer-main{width:min(1240px,calc(100% - 80px))}.site-header{height:82px;border-color:#dfdfdc}.brand{gap:11px;color:#16171c;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-2.5px}.brand-mark{width:27px;height:27px;gap:2px;transform:rotate(-12deg)}.brand-mark span,.brand-mark span:nth-child(4){background:#4a52eb;border-radius:3px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#b3b8ff}.brand-dot{color:#4a52eb}.header-actions{display:flex;align-items:center;gap:22px}.header-note{color:#777b83;font:600 10px IBM Plex Mono,monospace;letter-spacing:1.1px}.header-note svg{color:#5961ea}.locale-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dedfe3;border-radius:6px;color:#333640;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.locale-badge:hover,.locale-badge:focus-within{border-color:#9ca1ef;background:#f7f7ff;outline:none}.locale-badge svg{color:#666c77;flex:none}.locale-badge select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.locale-badge span{margin-left:2px;color:#9599a2;font:600 9px IBM Plex Mono,monospace}.intro{display:flex;justify-content:space-between;align-items:end;gap:38px;padding:46px 0 32px}.eyebrow,.section-kicker{color:#555de0;font:600 10px IBM Plex Mono,monospace;letter-spacing:1.3px}.eyebrow-line{width:21px;background:#555de0}.intro h1{margin:15px 0 12px;font-size:clamp(38px,3.6vw,53px);line-height:1.28;letter-spacing:-3.6px;font-weight:800}.intro h1 em{color:#565deb}.intro p{color:#6f737e;font-size:13px}.intro-aside{width:262px;min-height:166px;flex:none;display:flex;flex-direction:column;padding:22px 22px 19px;color:#fff;background:#20232d;border-radius:9px}.intro-aside>span{color:#aeb2c2;font:600 9px IBM Plex Mono,monospace;letter-spacing:1px}.intro-aside strong{margin:14px 0 auto;font-size:18px;line-height:1.2;letter-spacing:-1px}.intro-aside small{color:#bec1cc;font-size:10px;line-height:1.6}.workspace{grid-template-columns:1.12fr .88fr;gap:20px}.upload-card,.settings-card,.success-card,.media-card{border:1px solid #e0e1e3;border-radius:12px;box-shadow:0 7px 26px #13192806}.upload-card,.settings-card{padding:30px}.card-heading{margin-bottom:25px}.card-heading h2,.success-card h2{color:#202128;font-size:22px;font-weight:800;letter-spacing:-1.2px}.count-badge{border:1px solid #e0e1e4;border-radius:5px;background:#f7f7f8;color:#6b6e79;font:600 10px IBM Plex Mono,monospace;padding:7px 9px}.heading-spark{color:#5961ea}.dropzone{min-height:274px;border:1px dashed #b7baf1;border-radius:8px;background:#f8f8ff}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{background:#f0f1ff;border-color:#565deb}.upload-icon{background:#eaebff;color:#555de0;border-radius:9px;width:58px;height:58px}.dropzone strong{color:#272a34;font-size:14px;font-weight:800}.dropzone>span,.upload-footer,.setting-label span,.range-ends,.under-note{color:#8b8f99}.drop-formats span{border-color:#e1e2ef;border-radius:4px;color:#74798a;background:#fff;font:600 9px IBM Plex Mono,monospace}.upload-footer svg,.list-head button,.heading-spark{color:#5961ea}.file-thumb,.setting-icon{color:#5961ea;background:#eeeefe;border-radius:7px}.setting-label strong{color:#2d3039;font-size:13px;font-weight:800}.setting-value{color:#4c54db}.range{background:linear-gradient(to right,#565deb var(--range-fill),#e5e6e9 var(--range-fill))}.range::-webkit-slider-thumb{background:#565deb;box-shadow:0 0 0 1px #565deb,0 2px 8px #5d64e654}.range::-moz-range-thumb{background:#565deb;box-shadow:0 0 0 1px #565deb}.divider,.settings-footer{border-color:#e9e9ec}.divider{background:#e9e9ec}.stepper{background:#fafafa;border-color:#e2e3e6;border-radius:7px}.stepper button{color:#565deb}.stepper button:hover{background:#f0f1ff}.ttl-grid button{border-color:#e1e2e6;border-radius:6px;color:#777b85}.ttl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ttl-grid button.selected{border-color:#737af0;color:#474fd8;background:#f0f1ff}.settings-footer>div strong{color:#434bd4}.create-button,.link-box button,.state-button{background:#4c55e9;border-radius:6px;box-shadow:none}.create-button:hover:not(:disabled),.link-box button:hover,.state-button:hover{background:#353fcf}.under-line{background:#c8c9ce}.site-footer{color:#92959c;border-color:#dfdfdc;font:500 10px IBM Plex Mono,Noto Sans KR,monospace;letter-spacing:.5px}.success-icon,.state-icon{background:#eef;color:#565deb}.link-box{background:#f9f9ff;border-color:#dcdffa;color:#565deb}.link-box input{color:#3c4292}.success-actions a{color:#4b53df}.viewer-heading h1 em{color:#565deb}.viewer-stats span{color:#636778;border-color:#e2e3e7;border-radius:6px}.mosaic-badge{color:#4a50cb;background:#eef}.big-play{background:#4c55e9dc}.video-controls input{accent-color:#757cfb}@media(max-width:850px){.intro-aside{display:none}.workspace{grid-template-columns:1fr}}@media(max-width:600px){.site-header,.site-footer,.creator-main,.viewer-main{width:calc(100% - 36px)}.site-header{height:70px}.header-actions{gap:0}.header-note{display:none}.locale-badge{padding:7px 8px}.intro{padding:32px 0 25px}.intro h1{font-size:35px;letter-spacing:-2.3px}.intro p{font-size:11px}.upload-card,.settings-card{padding:21px}.dropzone{min-height:232px}.card-heading h2{font-size:19px}}