._editor_yfd5a_7{display:grid;grid-template-columns:var(--panel-w) 1fr;width:100%;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}._panel_yfd5a_17{border-right:1px solid var(--border-subtle);padding:var(--s-06) var(--s-05);background:var(--bg-layer-01);font-family:var(--font-sans);overflow-y:auto;overflow-x:hidden;max-height:100vh;letter-spacing:var(--ls-body)}._panel_yfd5a_17 *{max-width:100%;box-sizing:border-box}._panelLabel_yfd5a_29{font:600 13px/1.3 var(--font-sans);letter-spacing:.5px;text-transform:uppercase;color:var(--text-helper);margin-bottom:var(--s-05);padding-bottom:var(--s-04);border-bottom:1px solid var(--border-subtle)}._placeholder_yfd5a_39{font:400 15px/1.4 var(--font-sans);color:var(--text-secondary)}._stage_yfd5a_44{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s-07);gap:var(--s-06);overflow:hidden;min-height:0;background:var(--bg)}._dropzone_yfd5a_56{width:100%;max-width:640px;aspect-ratio:16 / 9;border:1.5px dashed var(--interactive);border-radius:var(--r-card);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s-04);background:#0071e30a;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}._dropzone_yfd5a_56:hover{background:#0071e31a;border-color:var(--interactive-hover)}._dropLabel_yfd5a_76{font:600 17px/1.3 var(--font-sans);letter-spacing:var(--ls-tight);color:var(--text-primary)}._dropHelper_yfd5a_81{font:400 13px/1.4 var(--font-mono);color:var(--text-helper)}._systemLabel_yfd5a_86{font:400 12px/16px var(--font-mono);color:var(--text-helper);letter-spacing:.3px}._controlGroup_yfd5a_93{display:flex;align-items:center;gap:var(--s-03);margin-bottom:var(--s-03);min-height:32px}._controlLabel_yfd5a_101{font:500 12px/16px var(--font-sans);letter-spacing:.3px;text-transform:uppercase;color:var(--text-helper);min-width:76px;flex-shrink:0}._controlValue_yfd5a_110{font:500 13px/16px var(--font-mono);color:var(--text-primary);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}._slider_yfd5a_119{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;background:transparent;cursor:pointer;outline:none;padding:0;margin:0}._slider_yfd5a_119::-webkit-slider-runnable-track{height:4px;background:var(--border-strong);border-radius:var(--r-pill)}._slider_yfd5a_119::-moz-range-track{height:4px;background:var(--border-strong);border-radius:var(--r-pill);border:none}._slider_yfd5a_119::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:none;border-radius:50%;margin-top:-7px;box-shadow:0 1px 3px #0006,0 0 0 1px #0003;transition:transform var(--motion-fast) var(--ease-standard)}._slider_yfd5a_119::-moz-range-thumb{width:18px;height:18px;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0006;cursor:pointer}._slider_yfd5a_119:hover::-webkit-slider-thumb{transform:scale(1.08)}._slider_yfd5a_119:hover::-moz-range-thumb{transform:scale(1.08)}._slider_yfd5a_119:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}._slider_yfd5a_119:disabled{cursor:not-allowed;opacity:.4}._numInput_yfd5a_169{width:60px;height:32px;font:500 13px/16px var(--font-mono);color:var(--text-primary);background:var(--bg-field);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:0 var(--s-03);text-align:right;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}._numInput_yfd5a_169::-webkit-outer-spin-button,._numInput_yfd5a_169::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._numInput_yfd5a_169:hover{border-color:var(--border-strong)}._numInput_yfd5a_169:focus{border-color:var(--interactive);box-shadow:var(--focus-ring)}._unit_yfd5a_194{font:500 12px/16px var(--font-mono);color:var(--text-helper);min-width:16px}._zoneRow_yfd5a_200{display:flex;align-items:center;gap:var(--s-03);margin-bottom:var(--s-02)}._zoneIndex_yfd5a_206{font:600 12px/16px var(--font-mono);color:var(--interactive);min-width:22px;letter-spacing:.2px}._colorRow_yfd5a_213{display:flex;align-items:center;gap:var(--s-04);margin-top:var(--s-05)}._colorInput_yfd5a_219{width:32px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:none;cursor:pointer;padding:0;overflow:hidden}._colorInput_yfd5a_219::-webkit-color-swatch-wrapper{padding:0}._colorInput_yfd5a_219::-webkit-color-swatch{border:none;border-radius:4px}._canvas_yfd5a_233{max-width:100%;max-height:calc(100vh - 80px);display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:var(--r-card)}._dropzoneDrag_yfd5a_242{background:#0071e32e!important;border-color:var(--interactive-hover)!important}._resetBtn_yfd5a_248{margin-top:var(--s-04);display:inline-flex;align-items:center;justify-content:center;height:var(--h-control-md);padding:0 var(--s-05);font:500 14px/1 var(--font-sans);color:var(--text-primary);background:var(--bg-layer-02);border:1px solid var(--border-subtle);border-radius:var(--r-pill);cursor:pointer;letter-spacing:var(--ls-body);transition:background var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);width:100%}._resetBtn_yfd5a_248:hover{background:var(--bg-hover);border-color:var(--border-strong)}._resetBtn_yfd5a_248:active{background:var(--bg-active);transform:scale(.98)}._resetBtn_yfd5a_248:disabled{color:var(--text-disabled);background:var(--bg-layer-01);border-color:var(--border-subtle);cursor:not-allowed;transform:none}._zoneBlock_yfd5a_277{margin-bottom:var(--s-04);background:var(--bg-layer-02);border-radius:var(--r-md);padding:var(--s-03) var(--s-04)}._zoneHeader_yfd5a_284{display:flex;align-items:center;gap:var(--s-03);margin-bottom:var(--s-03)}._typeRow_yfd5a_291{display:flex;gap:var(--s-02);flex-wrap:wrap}._typeBtn_yfd5a_298{display:inline-flex;align-items:center;justify-content:center;font:500 12px/1 var(--font-sans);padding:6px 12px;min-height:28px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-layer-02);color:var(--text-secondary);cursor:pointer;letter-spacing:var(--ls-body);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}._typeBtn_yfd5a_298:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-strong)}._typeBtn_yfd5a_298:disabled{color:var(--text-disabled);cursor:not-allowed;background:var(--bg-layer-01)}._typeBtnOn_yfd5a_318{color:var(--text-on-color);background:var(--interactive);border-color:var(--interactive)}._typeBtnOn_yfd5a_318:hover{color:var(--text-on-color);background:var(--interactive-hover);border-color:var(--interactive-hover)}._textInput_yfd5a_329{margin-top:var(--s-02);width:100%;font:400 13px/1.5 var(--font-mono);padding:var(--s-03);background:var(--bg-field);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);outline:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}._textInput_yfd5a_329:hover{border-color:var(--border-strong)}._textInput_yfd5a_329:focus{border-color:var(--interactive);box-shadow:var(--focus-ring)}._patternGrid_yfd5a_345{display:flex;flex-wrap:wrap;gap:var(--s-02)}._patternBtn_yfd5a_351{font:400 11px/14px var(--font-mono);padding:4px var(--s-03);border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-layer-02);color:var(--text-helper);cursor:pointer}._patternBtnOn_yfd5a_360{border-color:var(--interactive);color:var(--text-primary);background:#0071e32e}@media(max-width:1055px){._editor_yfd5a_7{grid-template-columns:1fr;grid-template-rows:auto 1fr}._panel_yfd5a_17{border-right:0;border-bottom:1px solid var(--border-subtle);max-height:50vh}}@media(max-width:640px){._panel_yfd5a_17{padding:var(--s-04);max-height:55vh}._controlGroup_yfd5a_93{min-height:40px;gap:var(--s-02)}._controlLabel_yfd5a_101{min-width:70px;font-size:11px}._numInput_yfd5a_169{width:56px;height:36px;font-size:13px}._resetBtn_yfd5a_248{height:44px;font-size:15px}._typeBtn_yfd5a_298{min-height:34px;padding:8px 12px;font-size:13px}._colorInput_yfd5a_219{width:40px;height:32px}._slider_yfd5a_119{height:32px}._slider_yfd5a_119::-webkit-slider-runnable-track{height:5px}._slider_yfd5a_119::-moz-range-track{height:5px}._slider_yfd5a_119::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}._slider_yfd5a_119::-moz-range-thumb{width:24px;height:24px}._stage_yfd5a_44{padding:var(--s-04)}._canvas_yfd5a_233{max-height:60vh}}@media(max-width:420px){._editor_yfd5a_7{grid-template-rows:minmax(240px,45vh) 1fr}._panel_yfd5a_17{max-height:45vh}}:root{--font-sans: "Pretendard Variable", "Pretendard", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, "Apple SD Gothic Neo", sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "IBM Plex Mono", "Courier New", monospace;--bg: #000000;--bg-layer-01: #1d1d1f;--bg-layer-02: #28282a;--bg-layer-03: #2a2a2d;--bg-field: #1d1d1f;--bg-hover: #323234;--bg-active: #3a3a3c;--text-primary: rgba(255, 255, 255, 1);--text-base: rgba(255, 255, 255, 1);--text-secondary: rgba(255, 255, 255, .82);--text-helper: rgba(255, 255, 255, .56);--text-disabled: rgba(255, 255, 255, .32);--text-on-color: #ffffff;--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--border-inverse: #ffffff;--border: rgba(255, 255, 255, .12);--interactive: #0071e3;--interactive-hover: #0077ed;--interactive-active: #0056b3;--link-primary: #2997ff;--link-primary-hover: #5fb4ff;--focus: #0071e3;--focus-ring: 0 0 0 3px rgba(0, 113, 227, .28);--focus-inset: #000000;--support-error: #ff453a;--support-success: #30d158;--support-warning: #ff9f0a;--support-info: #64d2ff;--accent-red: #ff453a;--accent-green: #30d158;--accent-blue: #0071e3;--accent-warning: #ff9f0a;--accent-system: #30d158;--accent-info: #64d2ff;--s-01: 2px;--s-02: 4px;--s-03: 8px;--s-04: 12px;--s-05: 16px;--s-06: 20px;--s-07: 24px;--s-08: 32px;--s-09: 40px;--s-10: 48px;--r-sm: 4px;--r-md: 6px;--r-card: 10px;--r-lg: 14px;--r-pill: 980px;--h-control: 32px;--h-control-md: 36px;--h-control-lg: 44px;--f-caption: 12px;--f-footnote: 13px;--f-subhead: 14px;--f-callout: 15px;--f-body: 16px;--f-headline: 17px;--f-title3: 20px;--f-title2: 24px;--f-title1: 32px;--ls-tight: -.374px;--ls-body: -.224px;--ls-loose: .32px;--motion-fast: .15s;--motion-moderate: .25s;--motion-slow: .4s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-productive: cubic-bezier(.4, 0, .2, 1);--ease-expressive: cubic-bezier(.25, .1, .25, 1);--shadow-card: 0 4px 16px rgba(0, 0, 0, .32);--shadow-dialog: 0 10px 28px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(0, 113, 227, .28);--panel-w: 300px;--z-masthead: 100;--z-modal: 200}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0}#root{width:100%;height:100%;overflow:hidden;position:relative}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:14px;line-height:20px;letter-spacing:.16px;color:var(--text-primary);background:var(--bg)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit}p{margin:0}button{font-family:inherit;background:none;border:0;padding:0;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--link-primary);text-decoration:none}a:hover{color:var(--link-primary-hover);text-decoration:underline}img,video,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--interactive);color:#fff}.type-body-01{font:400 14px/20px var(--font-sans);letter-spacing:.16px}.type-body-02{font:400 16px/24px var(--font-sans);letter-spacing:0}.type-body-compact-01{font:400 14px/18px var(--font-sans);letter-spacing:.16px}.type-label-01,.type-helper-01{font:400 12px/16px var(--font-sans);letter-spacing:.32px}.type-code-01{font:400 12px/16px var(--font-mono);letter-spacing:.32px}.type-code-02{font:400 14px/20px var(--font-mono);letter-spacing:.32px}.type-heading-01{font:600 14px/20px var(--font-sans);letter-spacing:.16px}.type-heading-02{font:600 16px/24px var(--font-sans);letter-spacing:0}.type-heading-03{font:400 20px/28px var(--font-sans);letter-spacing:0}.type-heading-04{font:400 28px/36px var(--font-sans);letter-spacing:0}.type-heading-05{font:400 32px/40px var(--font-sans);letter-spacing:0}.type-heading-06{font:300 42px/50px var(--font-sans);letter-spacing:0}.type-heading-07,.type-display-01{font:300 54px/64px var(--font-sans);letter-spacing:0}.type-display-03{font:300 60px/70px var(--font-sans);letter-spacing:-.64px}.type-display-04{font:300 92px/102px var(--font-sans);letter-spacing:-.64px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:RST Thermal;src:url(../fonts/RST-Thermal-Thin.otf) format("opentype");font-weight:100;font-style:normal;font-display:block}@font-face{font-family:RST Thermal;src:url(../fonts/RST-Thermal-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:RST Thermal;src:url(../fonts/RST-Thermal-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:RST Thermal;src:url(../fonts/RST-Thermal-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:block}