@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&family=Gowun+Batang:wght@400;700&family=Jua&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";@font-face{font-family:GmarketSansBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GmarketSansMedium;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:S-CoreDream;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:S-CoreDreamBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:RIDIBatang;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ONEMobilePOP;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jalnan;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24Ssurround;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TmonMonsori;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_01@1.1/TmonMonsori.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChosunilboMyungjo;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MaplestoryBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CookieRun;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BMEuljiro;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NeoDunggeunmo;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Swagger;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/swagger.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BMKirangHaerang;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMKIRANGHAERANG.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BinggraeSamanco;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/BinggraeSamanco-Bold.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PyeongChangPeace;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:HSSanTokki;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/HSSanTokki20-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MapoBaekbeom;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2002@1.1/MapoBaekbeom.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChilgokLeeWonSun;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/ChilgokLeeWonSun.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NanumAmsterdam;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NanumAmsterDam.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--retro-ink:#2b2520;--retro-ink-muted:#5e554d;--retro-ink-dim:#948b81;--bg-desk:#f4eee2;--bg-desk-grid:#e5dcce;--bg-paper:#fffdf9;--bg-paper-header:#f7f1e5;--bg-paper-input:#fdfaf4;--bg-hover:#faefde;--retro-border:2px solid #2b2520;--retro-border-dashed:2px dashed #948b81;--retro-shadow-sm:2px 2px 0px #2b2520;--retro-shadow:3px 3px 0px #2b2520;--retro-shadow-lg:5px 5px 0px #2b2520;--retro-shadow-canvas:8px 8px 0px #2b252040, 0 0 0 2px #2b2520;--retro-coral:#ff7675;--retro-butter:#fed330;--retro-mint:#20bf6b;--retro-sky:#45aaf2;--retro-lavender:#a55eea;--retro-peach:#fa8231;--retro-pink:#fd79a8;--radius-retro:8px;--radius-retro-lg:14px;--radius-pill:999px;--sd-primary:#ff7675;--sd-secondary:#fed330;--sd-tertiary:#55efc4;--sd-bg:#fffdf9;--sd-ink:#2b2520;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,NeoDunggeunmo,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-desk);color:var(--retro-ink);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}body.mode-studio{-webkit-user-select:none;user-select:none;height:100vh;overflow:hidden}body.mode-landing{-webkit-user-select:text!important;user-select:text!important;height:auto!important;min-height:100vh!important;position:static!important;overflow:hidden auto!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-desk);border-left:1px solid var(--retro-ink)}::-webkit-scrollbar-thumb{border:1px solid var(--retro-ink);background:#d4c8b6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bfb09c}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.top-nav{background-color:var(--bg-paper-header);border-bottom:var(--retro-border);z-index:50;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#2b252005 10px 20px);justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.brand-section{align-items:center;gap:10px;display:flex}.brand-logo{color:var(--retro-ink);text-shadow:1px 1px 0px var(--retro-butter);letter-spacing:-.5px;align-items:center;gap:8px;font-family:Jalnan,Pretendard Variable,sans-serif;font-size:19px;font-weight:700;display:flex}.brand-badge{border-radius:var(--radius-pill);background:var(--retro-butter);color:var(--retro-ink);border:1.5px solid var(--retro-ink);box-shadow:1.5px 1.5px 0px var(--retro-ink);letter-spacing:.5px;padding:3px 8px;font-family:NeoDunggeunmo,monospace;font-size:11px;font-weight:600}.ratio-selector-wrapper{background-color:var(--bg-paper);border:var(--retro-border);border-radius:var(--radius-retro);box-shadow:var(--retro-shadow-sm);align-items:center;gap:3px;padding:3px;display:flex}.ratio-btn{color:var(--retro-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .1s;display:flex}.ratio-btn:hover{background-color:var(--bg-hover);color:var(--retro-ink)}.ratio-btn.active{background:var(--retro-butter);color:var(--retro-ink);border:1.5px solid var(--retro-ink);box-shadow:1px 1px 0px var(--retro-ink)}.nav-actions{align-items:center;gap:8px;display:flex}.icon-btn{background-color:var(--bg-paper);border:var(--retro-border);color:var(--retro-ink);border-radius:var(--radius-retro);cursor:pointer;width:36px;height:36px;box-shadow:var(--retro-shadow-sm);justify-content:center;align-items:center;transition:all .1s;display:flex}.icon-btn:hover:not(:disabled){background-color:var(--bg-hover);box-shadow:3px 3px 0px var(--retro-ink);transform:translate(-1px,-1px)}.icon-btn:active:not(:disabled){box-shadow:0px 0px 0px var(--retro-ink);transform:translate(1px,1px)}.icon-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--retro-coral);border:var(--retro-border);color:#fff;border-radius:var(--radius-retro);cursor:pointer;height:36px;box-shadow:var(--retro-shadow);letter-spacing:-.3px;align-items:center;gap:8px;padding:0 16px;font-family:Jalnan,Pretendard Variable,sans-serif;font-size:13px;font-weight:700;transition:all .1s;display:flex}.btn-primary:hover{box-shadow:4px 4px 0px var(--retro-ink);background-color:#ff6b6b;transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:0px 0px 0px var(--retro-ink);transform:translate(2px,2px)}.studio-body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-left{background-color:var(--bg-paper);border-right:var(--retro-border);z-index:30;flex-direction:column;width:320px;display:flex;box-shadow:2px 0 #2b25200d}.tool-tabs{border-bottom:var(--retro-border);background-color:var(--bg-paper-header);gap:4px;padding:6px;display:flex}.tool-tab-btn{color:var(--retro-ink-muted);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 2px;font-size:11px;font-weight:700;transition:all .1s;display:flex}.tool-tab-btn:hover{background-color:var(--bg-hover);color:var(--retro-ink)}.tool-tab-btn.active{background-color:var(--bg-paper);border:1.5px solid var(--retro-ink);color:var(--retro-ink);box-shadow:2px 2px 0px var(--retro-ink)}.tool-content{flex:1;padding:16px;overflow-y:auto}.tool-section-title{color:var(--retro-ink);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px dashed #ded4c3;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:4px;font-size:12px;font-weight:800;display:flex}.templates-grid{grid-template-columns:1fr;gap:12px;display:grid}.template-card{background-color:var(--bg-paper);border:var(--retro-border);border-radius:var(--radius-retro);cursor:pointer;box-shadow:var(--retro-shadow-sm);padding:12px;transition:all .15s;position:relative}.template-card:hover{box-shadow:4px 4px 0px var(--retro-ink);background-color:#fffefb;transform:translate(-2px,-2px)}.template-card:active{box-shadow:1px 1px 0px var(--retro-ink);transform:translate(1px,1px)}.template-card-title{color:var(--retro-ink);margin-bottom:4px;font-family:Jalnan,Pretendard Variable,sans-serif;font-size:13px;font-weight:700}.template-card-desc{color:var(--retro-ink-muted);font-size:11px;line-height:1.4}.template-card-tag{background:var(--retro-sky);color:#fff;border:1px solid var(--retro-ink);box-shadow:1px 1px 0px var(--retro-ink);border-radius:4px;margin-top:8px;padding:2px 7px;font-family:NeoDunggeunmo,monospace;font-size:10px;display:inline-block}.canvas-workspace{background-color:var(--bg-desk);background-image:linear-gradient(var(--bg-desk-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-desk-grid) 1px, transparent 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}.canvas-container{box-shadow:var(--retro-shadow-canvas);border:var(--retro-border);transform-origin:50%;background-color:#fff;border-radius:4px;flex-shrink:0;transition:transform .1s ease-out;position:relative;overflow:hidden}.canvas-artboard{width:100%;height:100%;position:relative;overflow:hidden}.slide-tab-bar{background:var(--bg-paper-header);border-bottom:var(--retro-border);z-index:35;background-image:radial-gradient(#d8cdbe 1px,#0000 1px);background-size:8px 8px;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.slide-tab-list{align-items:center;gap:8px;max-width:80%;display:flex;overflow-x:auto}.slide-tab-item{white-space:nowrap;background:var(--bg-paper);border:var(--retro-border);cursor:pointer;color:var(--retro-ink);box-shadow:2px 2px 0px var(--retro-ink);border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:5px 10px;font-size:12px;transition:all .1s;display:flex}.slide-tab-item:hover{background-color:var(--bg-hover);transform:translateY(-1px)}.slide-tab-item.active{background:var(--retro-butter);box-shadow:2px 2px 0px var(--retro-ink);font-weight:700}.slide-tab-label{align-items:center;gap:6px;display:flex}.slide-tab-num{border:1px solid var(--retro-ink);background:#fff;border-radius:3px;padding:1px 5px;font-family:NeoDunggeunmo,monospace;font-size:10px}.slide-tab-item.active .slide-tab-num{background:var(--retro-ink);color:#fff}.slide-tab-actions{opacity:.6;align-items:center;gap:2px;display:flex}.slide-tab-item:hover .slide-tab-actions{opacity:1}.slide-mini-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.slide-mini-btn:hover{background:#2b25201a}.slide-mini-btn.delete:hover{background:var(--retro-coral);color:#fff}.slide-tab-add-btn{background:var(--bg-paper);border:var(--retro-border-dashed);color:var(--retro-ink);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.slide-tab-add-btn:hover{background:var(--bg-hover);border-style:solid;border-color:var(--retro-ink);transform:translateY(-1px)}.slide-counter-badge{color:var(--retro-ink);background:var(--bg-paper);border-radius:var(--radius-pill);border:1.5px solid var(--retro-ink);box-shadow:1.5px 1.5px 0px var(--retro-ink);align-items:center;gap:6px;padding:4px 10px;font-family:NeoDunggeunmo,monospace;font-size:11px;font-weight:600;display:flex}.zoom-bar{background-color:var(--bg-paper);border:var(--retro-border);border-radius:var(--radius-pill);z-index:40;box-shadow:var(--retro-shadow);align-items:center;gap:10px;padding:4px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.zoom-label{color:var(--retro-ink);text-align:center;min-width:48px;font-family:NeoDunggeunmo,monospace;font-size:12px;font-weight:700}.sidebar-right{background-color:var(--bg-paper);border-left:var(--retro-border);z-index:30;flex-direction:column;width:320px;display:flex;box-shadow:-2px 0 #2b25200d}.right-tabs{border-bottom:var(--retro-border);background-color:var(--bg-paper-header);gap:4px;padding:6px;display:flex}.right-tab-btn{color:var(--retro-ink-muted);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.right-tab-btn.active{background-color:var(--bg-paper);border:1.5px solid var(--retro-ink);color:var(--retro-ink);box-shadow:2px 2px 0px var(--retro-ink)}.right-panel-body{flex:1;padding:16px;overflow-y:auto}.layer-list{flex-direction:column;gap:8px;display:flex}.layer-item{background-color:var(--bg-paper);border:1.5px solid var(--retro-ink);border-radius:var(--radius-retro);cursor:pointer;box-shadow:2px 2px 0px var(--retro-ink);justify-content:space-between;align-items:center;padding:8px 10px;transition:all .1s;display:flex}.layer-item:hover{background-color:var(--bg-hover);box-shadow:3px 3px 0px var(--retro-ink);transform:translate(-1px,-1px)}.layer-item.selected{border:2px solid var(--retro-ink);box-shadow:3px 3px 0px var(--retro-ink);background-color:#fff9db}.layer-info{color:var(--retro-ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.layer-actions{align-items:center;gap:2px;display:flex}.layer-action-btn{color:var(--retro-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.layer-action-btn:hover{color:var(--retro-ink);background-color:#2b25201a}.prop-group{margin-bottom:14px}.prop-label{color:var(--retro-ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.prop-input,.prop-select{background-color:var(--bg-paper-input);border:1.5px solid var(--retro-ink);border-radius:var(--radius-retro);width:100%;color:var(--retro-ink);box-shadow:1.5px 1.5px 0px var(--retro-ink);outline:none;padding:8px 10px;font-size:12px;font-weight:500;transition:all .1s}.prop-input:focus,.prop-select:focus{border-color:var(--retro-coral);box-shadow:2px 2px 0px var(--retro-coral);background-color:#fff}.prop-row{gap:8px;display:flex}.prop-row>*{flex:1}.font-item-preview{border-radius:var(--radius-retro);border:1.5px solid var(--retro-ink);background-color:var(--bg-paper);cursor:pointer;box-shadow:2px 2px 0px var(--retro-ink);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;transition:all .1s;display:flex}.font-item-preview:hover{background-color:var(--bg-hover);box-shadow:3px 3px 0px var(--retro-ink);transform:translate(-1px,-1px)}.font-item-preview.active{background:var(--retro-butter);border:2px solid var(--retro-ink);box-shadow:3px 3px 0px var(--retro-ink)}.transform-bounding-box{pointer-events:none;border:2px dashed var(--retro-coral);z-index:100;position:absolute}.transform-handle{border:2px solid var(--retro-ink);pointer-events:auto;width:10px;height:10px;box-shadow:1px 1px 0px var(--retro-ink);background-color:#fff;border-radius:2px;position:absolute}.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.handle-n{cursor:ns-resize;top:-6px;left:calc(50% - 5px)}.handle-s{cursor:ns-resize;bottom:-6px;left:calc(50% - 5px)}.handle-w{cursor:ew-resize;top:calc(50% - 5px);left:-6px}.handle-e{cursor:ew-resize;top:calc(50% - 5px);right:-6px}.floating-align-toolbar{background-color:var(--bg-paper);border:var(--retro-border);border-radius:var(--radius-retro-lg);z-index:45;box-shadow:var(--retro-shadow);align-items:center;gap:4px;padding:4px 10px;animation:.15s ease-out popIn;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-6px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.floating-tool-btn{color:var(--retro-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:5px 7px;transition:all .1s;display:flex;position:relative}.floating-tool-btn:hover{background-color:var(--bg-hover);border-color:var(--retro-ink);transform:translateY(-1px)}.floating-tool-btn:active{transform:translateY(1px)}.floating-tool-btn.active{background-color:var(--retro-butter);border-color:var(--retro-ink)}.floating-tool-divider{background-color:#d4c8b6;width:1px;height:20px;margin:0 4px}.floating-tool-btn[data-tip]:hover:after{content:attr(data-tip);background:var(--retro-ink);color:#fffdf9;white-space:nowrap;pointer-events:none;z-index:100;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;bottom:-28px;left:50%;transform:translate(-50%);box-shadow:1px 1px #0003}.align-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px;display:grid}.align-grid-btn{background-color:var(--bg-paper-input);border:1.5px solid var(--retro-ink);border-radius:var(--radius-retro);color:var(--retro-ink);cursor:pointer;box-shadow:1.5px 1.5px 0px var(--retro-ink);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 4px;font-size:10px;font-weight:700;transition:all .1s;display:flex}.align-grid-btn:hover:not(:disabled){background-color:var(--retro-butter);box-shadow:2.5px 2.5px 0px var(--retro-ink);transform:translate(-1px,-1px)}.align-grid-btn:active:not(:disabled){box-shadow:0px 0px 0px var(--retro-ink);transform:translate(1px,1px)}.align-grid-btn:disabled{opacity:.4;cursor:not-allowed}.color-swatches-grid{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.color-swatch-chip{border:1.5px solid var(--retro-ink);width:24px;height:24px;box-shadow:1px 1px 0px var(--retro-ink);cursor:pointer;border-radius:50%;transition:transform .12s}.color-swatch-chip:hover{transform:scale(1.2)}.color-swatch-chip.active{outline:2px solid var(--retro-coral);outline-offset:2px}[data-theme=dark]{--retro-ink:#fffdf9;--retro-ink-muted:#a89f91;--retro-ink-dim:#7d7468;--bg-desk:#141210;--bg-desk-grid:#24201a;--bg-paper:#24211d;--bg-paper-header:#2c2722;--bg-paper-input:#1a1714;--bg-hover:#383129;--retro-border:2px solid #574e43;--retro-border-dashed:2px dashed #7d7468;--retro-shadow-sm:2px 2px 0px #0d0c0a;--retro-shadow:3px 3px 0px #0d0c0a;--retro-shadow-lg:5px 5px 0px #0d0c0a;--retro-shadow-canvas:8px 8px 0px #000000b3, 0 0 0 2px #574e43;--sd-primary:#ff7675;--sd-secondary:#fed330;--sd-tertiary:#55efc4;--sd-bg:#24211d;--sd-ink:#fffdf9;--retro-coral:#ff7675;--retro-butter:#fed330;--retro-mint:#55efc4;--retro-sky:#45aaf2;--retro-lavender:#a55eea;--retro-peach:#fa8231;--retro-pink:#fd79a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .layer-item.selected{border-color:var(--retro-butter);color:var(--retro-butter);background-color:#3d3522}[data-theme=dark] .slide-tab-num{color:#f7f1e5;background:#1a1714;border-color:#574e43}[data-theme=dark] .slide-tab-item.active .slide-tab-num{background:var(--retro-ink);color:#181613}[data-theme=dark] .floating-tool-divider{background-color:#4a4237}[data-theme=dark] .prop-input:focus,[data-theme=dark] .prop-select:focus{border-color:var(--retro-coral);box-shadow:2px 2px 0px var(--retro-coral);background-color:#2a2620}.mobile-bottom-nav,.mobile-drawer-header{display:none}.scroll-hint-wrap{display:contents}.scroll-hint{display:none}@keyframes scrollHintNudgeRight{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes scrollHintNudgeLeft{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@media (width<=768px){.scroll-hint-wrap{width:100%;min-width:0;display:block;position:relative}.nav-center-wrap{order:3}.scroll-hint{pointer-events:none;z-index:5;width:30px;color:var(--retro-coral);align-items:center;display:flex;position:absolute;top:0;bottom:0}.scroll-hint-left{background:linear-gradient(to right, var(--bg-paper-header) 40%, transparent);justify-content:flex-start;padding-left:2px;left:0}.scroll-hint-right{background:linear-gradient(to left, var(--bg-paper-header) 40%, transparent);justify-content:flex-end;padding-right:2px;right:0}.scroll-hint-left svg{animation:1.2s ease-in-out infinite scrollHintNudgeLeft}.scroll-hint-right svg{animation:1.2s ease-in-out infinite scrollHintNudgeRight}body.mode-studio{width:100%;height:100%;position:fixed;overflow:hidden}body.mode-landing{height:auto!important;min-height:100vh!important;position:static!important;overflow:hidden auto!important}.app-container{width:100vw;height:100dvh}.top-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;height:auto;min-height:52px;padding:8px 12px}.brand-section{gap:6px}.brand-logo{font-size:16px}.brand-badge{display:none}.nav-center{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;width:100%;padding:2px 0 4px;overflow-x:auto}.nav-center::-webkit-scrollbar{display:none}.ratio-selector-wrapper{gap:4px;width:max-content;padding:2px}.ratio-btn{white-space:nowrap;padding:5px 9px;font-size:11px}.nav-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:5px;width:100%;padding-bottom:2px;overflow-x:auto}.nav-actions::-webkit-scrollbar{display:none}.nav-actions>*{flex-shrink:0}.nav-export-group{order:-1}.nav-shortcuts-btn{display:none!important}.theme-toggle-btn span{display:none}.theme-toggle-btn{justify-content:center;width:32px!important;padding:0 8px!important}.icon-btn{width:32px;height:32px}.btn-primary{height:32px;padding:0 10px;font-size:12px}.studio-body{flex:1;position:relative;overflow:hidden}.canvas-workspace{width:100vw;height:100%;overflow:hidden;padding:56px 8px 74px!important}.slide-tab-bar{height:44px;padding:0 10px}.slide-tab-list{scrollbar-width:none;max-width:100%}.slide-tab-title{text-overflow:ellipsis;max-width:72px;overflow:hidden}.slide-tab-list::-webkit-scrollbar{display:none}.slide-tab-item{padding:4px 8px;font-size:11px}.slide-counter-badge{display:none}.floating-align-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:3px;max-width:95vw;padding:4px 8px;top:48px;overflow-x:auto}.zoom-bar{gap:6px;padding:3px 10px;bottom:76px}.zoom-label{min-width:36px;font-size:11px}.sidebar-left,.sidebar-right{z-index:70;border-left:none;border-right:none;border-top:var(--retro-border);background-color:var(--bg-paper);border-radius:20px 20px 0 0;flex-direction:column;width:100vw;max-width:100vw;height:74vh;max-height:590px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(105%);box-shadow:0 -8px 24px #2b252040}.sidebar-left.mobile-open,.sidebar-right.mobile-open{transform:translateY(0%)}.mobile-drawer-header{background-color:var(--bg-paper-header);border-bottom:var(--retro-border);border-radius:18px 18px 0 0;flex-direction:column;flex-shrink:0;align-items:center;padding:8px 16px;display:flex}.mobile-drawer-grabber{background-color:#baa996;border-radius:999px;width:38px;height:4px;margin-bottom:6px}.mobile-drawer-title-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-drawer-title{color:var(--retro-ink);font-family:Jalnan,Pretendard Variable,sans-serif;font-size:13px;font-weight:700}.mobile-drawer-close-btn{background:var(--bg-paper);border:1.5px solid var(--retro-ink);color:var(--retro-ink);border-radius:var(--radius-pill);cursor:pointer;box-shadow:1.5px 1.5px 0px var(--retro-ink);padding:3px 11px;font-size:11px;font-weight:800}.mobile-drawer-close-btn:active{box-shadow:0px 0px 0px var(--retro-ink);transform:translate(1px,1px)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:65;background-color:#2b252073;animation:.18s ease-out fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.mobile-bottom-nav{background-color:var(--bg-paper-header);border-top:var(--retro-border);z-index:60;gap:10px;height:62px;padding:8px 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #2b252014}.mobile-nav-btn{background:var(--bg-paper);border:var(--retro-border);border-radius:var(--radius-retro);color:var(--retro-ink);cursor:pointer;box-shadow:var(--retro-shadow-sm);flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;transition:all .12s;display:flex;position:relative}.mobile-nav-btn:hover{background-color:var(--bg-hover)}.mobile-nav-btn.active{background-color:var(--retro-butter);box-shadow:var(--retro-shadow);transform:translateY(-2px)}.mobile-nav-btn.highlight{border-color:var(--retro-coral);color:var(--retro-coral)}.mobile-nav-icon-highlight{color:var(--retro-coral)}.mobile-nav-badge-dot{background-color:var(--retro-coral);border:1px solid var(--retro-ink);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseBadge;position:absolute;top:7px;right:9px}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}}@media (width<=768px),(pointer:coarse){.transform-handle{width:14px;height:14px}.handle-nw{top:-8px;left:-8px}.handle-ne{top:-8px;right:-8px}.handle-sw{bottom:-8px;left:-8px}.handle-se{bottom:-8px;right:-8px}.handle-n{top:-8px;left:calc(50% - 7px)}.handle-s{bottom:-8px;left:calc(50% - 7px)}.handle-w{top:calc(50% - 7px);left:-8px}.handle-e{top:calc(50% - 7px);right:-8px}.transform-handle:after{content:"";position:absolute;inset:-10px}}[data-theme=dark] .mobile-bottom-nav{background-color:#1e1b17;border-top-color:#574e43;box-shadow:0 -4px 12px #0006}[data-theme=dark] .mobile-nav-btn{color:#f7f1e5;background-color:#24211d;border-color:#574e43;box-shadow:2px 2px #0d0c0a}[data-theme=dark] .mobile-nav-btn.active{border-color:var(--retro-butter);color:var(--retro-butter);background-color:#3d3522}[data-theme=dark] .mobile-drawer-header{background-color:#1e1b17;border-bottom-color:#574e43}[data-theme=dark] .mobile-drawer-grabber{background-color:#574e43}[data-theme=dark] .mobile-drawer-close-btn{color:#f7f1e5;background-color:#24211d;border-color:#574e43;box-shadow:1.5px 1.5px #0d0c0a}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.retro-toast{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.retro-toast:hover{transform:translate(-50%,-2px)scale(1.02);box-shadow:5px 5px #2b2520!important}.btn-primary:active,.icon-btn:active,.slide-tab-item:active,.template-card:active{box-shadow:1px 1px 0px var(--retro-ink)!important;transform:translate(1px,2px)!important}.slide-tab-item{transition:all .15s;position:relative}.slide-tab-item.active{box-shadow:3px 3px 0px var(--retro-ink)}.slide-tab-item.active:before{content:"";z-index:10;pointer-events:none;background-color:#fed330e6;border:1px dashed #2b252066;border-radius:2px;width:32px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}[data-theme=dark] .retro-toast{color:#fffdf9!important;background-color:#24211d!important;border-color:#574e43!important;box-shadow:4px 4px #0d0c0a!important}[data-theme=dark] .project-title-box{background-color:#24211d!important;border-color:#574e43!important;box-shadow:2px 2px #0d0c0a!important}[data-theme=dark] .project-title-box input{color:#fffdf9!important}@media (width<=900px){.project-title-box{display:none!important}}@media (width<=600px){.hide-on-mobile{display:none!important}}.sidebar-ad-dock{background-color:var(--bg-paper-header);border-top:var(--retro-border);z-index:15;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;display:flex;box-shadow:0 -2px 6px #2b25200d}.sidebar-ad-dock .adsense-container{width:100%!important;max-width:100%!important;margin:0!important}@media (width<=768px){.sidebar-ad-dock{padding:6px 10px}}.slot-counter-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin:18px 0;display:flex}.slot-counter-badge{z-index:10;color:#2b2520;letter-spacing:-.3px;background-color:#fed330;border:2px solid #2b2520;border-radius:9999px;align-items:center;gap:6px;margin-bottom:-14px;padding:4px 16px;font-size:13px;font-weight:900;transition:transform .2s;display:inline-flex;box-shadow:2px 2px #2b2520}.slot-counter-badge:hover{transform:scale(1.05)}.slot-pulse-icon{animation:1.2s infinite slotPulse;display:inline-block}@keyframes slotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.slot-counter-box{background-color:#fff;border:3px solid #2b2520;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:20px 24px 16px;display:flex;box-shadow:4px 4px #2b2520}.slot-digit-reel{background:linear-gradient(#dcd4c6 0%,#fff 45% 55%,#dcd4c6 100%);border:2.5px solid #2b2520;border-radius:10px;width:40px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 4px 6px #0000002e,inset 0 -4px 6px #0000002e}.slot-reel-shadow-top{pointer-events:none;z-index:10;background:linear-gradient(#2b25204d 0%,#0000 100%);height:12px;position:absolute;top:0;left:0;right:0}.slot-reel-shadow-bottom{pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#2b25204d 100%);height:12px;position:absolute;bottom:0;left:0;right:0}.slot-reel-divider{pointer-events:none;z-index:10;background:#2b252033;height:1.5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slot-reel-column{will-change:transform;flex-direction:column;align-items:center;display:flex}.slot-number-item{color:#2b2520;width:40px;height:60px;font-size:34px;font-weight:900;font-family:var(--font-headline), "Jalnan", "Impact", sans-serif;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.slot-comma{color:#2b2520;align-self:flex-end;padding:0 1px 6px;font-size:36px;font-weight:900;line-height:1}@media (width<=640px){.slot-counter-box{gap:3px;padding:16px 14px 12px}.slot-digit-reel{border-width:2px;border-radius:6px;width:28px;height:44px}.slot-number-item{width:28px;height:44px;font-size:24px}.slot-comma{padding-bottom:4px;font-size:24px}}.landing-container{background-color:var(--bg-paper);width:100%;height:auto;min-height:100vh;color:var(--retro-ink);-webkit-user-select:text;user-select:text;flex-direction:column;display:flex;position:relative;overflow:hidden visible}.landing-nav{background-color:var(--bg-paper-header);border-bottom:var(--retro-border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2b25200d}.landing-nav-links{align-items:center;gap:16px;min-width:0;display:flex}.landing-nav-link{white-space:nowrap;color:var(--retro-ink);cursor:pointer;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:var(--retro-coral)}@media (width<=960px){.landing-nav-links{display:none}}.landing-nav.compact .landing-nav-links{display:none}.landing-nav>div{flex-shrink:0}.landing-nav-cta{white-space:nowrap;flex-shrink:0}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:70px 24px 50px;display:flex}.landing-pill-badge{color:#2b2520;background-color:#fff9db;border:2px solid #2b2520;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:2px 2px #2b2520}.landing-title{letter-spacing:-1px;color:var(--retro-ink);margin-bottom:20px;font-size:48px;font-weight:900;line-height:1.25}.landing-subtitle{color:#636e72;max-width:680px;margin-bottom:30px;font-size:18px;line-height:1.6}.landing-cta-btn{color:#2b2520;cursor:pointer;background-color:#ff7675;border:3px solid #2b2520;border-radius:14px;align-items:center;gap:10px;padding:16px 36px;font-size:18px;font-weight:900;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:4px 4px #2b2520}.landing-cta-btn:hover{background-color:#ff5252;transform:translate(-2px,-2px);box-shadow:6px 6px #2b2520}.landing-cta-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #2b2520}.landing-section{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding:60px 24px}.landing-section-title{text-align:center;margin-top:0;margin-bottom:12px;font-size:32px;font-weight:900}.landing-section-sub{text-align:center;color:#636e72;margin-bottom:40px;font-size:15px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.feature-card{border:var(--retro-border);background-color:var(--bg-paper-header);color:var(--retro-ink);box-shadow:var(--retro-shadow-lg);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card-icon{border:var(--retro-border);width:48px;height:48px;box-shadow:var(--retro-shadow-sm);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;font-size:24px;display:flex}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:var(--retro-border);background:var(--bg-paper);color:var(--retro-ink);box-shadow:var(--retro-shadow);cursor:pointer;border-radius:12px;padding:18px 24px}.landing-footer{border-top:var(--retro-border);background-color:var(--bg-paper-header);text-align:center;color:#636e72;padding:40px 24px;font-size:13px}.landing-footer-link{color:var(--retro-ink);font-weight:700;text-decoration:underline}.landing-title,.landing-subtitle,.landing-section-title,.landing-section-sub,.feature-card h3,.feature-card p,.faq-item{word-break:keep-all;overflow-wrap:break-word}@media (width<=640px){.landing-nav{padding:0 12px}.landing-hero{padding:36px 16px 32px}.landing-pill-badge{margin-bottom:18px;padding:6px 12px;font-size:12px}.landing-title{letter-spacing:-.5px;margin-bottom:14px;font-size:32px}.landing-subtitle{margin-bottom:20px;font-size:15px}.landing-cta-btn{box-sizing:border-box;justify-content:center;width:100%;padding:14px 20px;font-size:16px}.landing-hero>div[style*=flex-wrap]{width:100%}.landing-hero>div[style*=flex-wrap]>a{box-sizing:border-box;justify-content:center;width:100%}.landing-section{padding:36px 16px}.landing-section-title{font-size:24px}.landing-section h2{font-size:22px!important}.landing-section-sub{margin-bottom:28px;font-size:14px}.feature-card{padding:18px}.faq-item{padding:14px 16px}.landing-footer{padding:28px 16px}}.adsense-wrapper{box-sizing:border-box;width:100%}.adsense-wrapper.adsense-horizontal{max-width:800px;margin:0 auto}.adsense-wrapper.adsense-sidebar{max-width:288px;margin:8px 0 2px}.adsense-wrapper.adsense-modal{max-width:360px;margin:0 auto}.adsense-card{background-color:var(--bg-paper-card,#fffdf8);border:1.5px solid var(--retro-border-color,#2b2520);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px #2b25201f}.adsense-badge{color:#2b2520;letter-spacing:.5px;z-index:2;pointer-events:none;background:#fed330;border:1px solid #2b2520;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:9px;font-weight:700;position:absolute;top:6px;right:8px}.adsense-fallback{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:14px 18px;display:flex}.adsense-fallback-inner{flex-direction:column;align-items:center;gap:3px;display:flex}.adsense-brand-tag{color:#ff7675;background:#ff76751f;border:1px solid #ff76754d;border-radius:4px;padding:2px 8px;font-family:sans-serif;font-size:10px;font-weight:800}.adsense-fallback-title{color:var(--retro-ink,#2b2520);margin-top:2px;font-size:13px;font-weight:800}.adsense-fallback-sub{color:#636e72;font-size:11px;font-weight:600}.adsense-fallback-meta{color:#b2bec3;margin-top:2px;font-size:9px;font-weight:500}.adsense-horizontal .adsense-card{min-height:90px}.adsense-sidebar .adsense-card{min-height:100px;padding:6px 10px}.adsense-modal .adsense-card{min-height:180px}.adsense-rail{z-index:80;box-sizing:border-box;pointer-events:auto;width:160px;min-height:600px;top:84px;display:none!important;position:fixed!important}.adsense-rail .adsense-card{min-height:600px;padding:24px 12px}@media (width>=1540px){.adsense-rail{display:flex!important}}.adsense-rail-left{left:calc(50vw - 750px)}.adsense-rail-right{right:calc(50vw - 750px)}[data-theme=dark] .landing-container{background-color:var(--bg-desk);color:var(--retro-ink)}[data-theme=dark] .landing-nav{background-color:var(--bg-paper);border-bottom-color:#574e43;box-shadow:0 4px 16px #0006}[data-theme=dark] .landing-title,[data-theme=dark] .landing-section-title,[data-theme=dark] .feature-card h3{color:var(--retro-ink)}[data-theme=dark] .landing-subtitle,[data-theme=dark] .landing-section-sub,[data-theme=dark] .feature-card p{color:var(--retro-ink-muted)}[data-theme=dark] .landing-footer{background-color:var(--bg-paper);color:var(--retro-ink-muted);border-top-color:#574e43}:root{--text-coral:#b83a37;--text-orange:#b5472f;--text-green:#00805f;--text-sky:#0369a1;--text-blue:#0a62b0}[data-theme=dark]{--text-coral:#ff8a88;--text-orange:#ff9d85;--text-green:#2ee6b8;--text-sky:#5cc8ff;--text-blue:#6db4ff}.lang-select-btn{border:var(--retro-border);background:var(--bg-paper);color:var(--retro-ink);white-space:nowrap;cursor:pointer;box-shadow:var(--retro-shadow-sm);border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.lang-select-compact{color:#2b2520;background:#fffdf9;border:2px solid #2b2520;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;box-shadow:1.5px 1.5px #2b2520}.lang-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px;display:inline-block;box-shadow:0 0 0 1px #2b252059}.lang-flag-empty{background:#2b252014}.lang-select-menu{z-index:1000;background:var(--bg-paper-header);border:var(--retro-border);width:230px;box-shadow:var(--retro-shadow-lg);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;overflow-y:auto}.lang-option{color:var(--retro-ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.lang-option.active{background:var(--bg-hover)}.lang-option.selected{background:var(--retro-butter);font-weight:800}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}