*,:after,:before{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-moz-tab-size:4;tab-size:4}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}menu,ol,ul{list-style:none}button,input,optgroup,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button,select{text-transform:none}button{background-color:transparent;background-image:none;-webkit-appearance:button}[role=button],button{cursor:pointer}:disabled{cursor:default}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}textarea{resize:vertical}table{border-collapse:collapse;border-color:inherit;text-indent:0}hr{height:0;color:inherit;border-top-width:1px}summary{display:list-item}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body,html{min-height:100%}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;background:#f5f6f8;color:#222;font-size:15px;line-height:1.55}.btn{padding:11px 18px;border:1px solid #ddd;border-radius:9px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;min-height:44px}.btn:hover{border-color:#F59E0B;color:#F59E0B}.btn:disabled{opacity:.5;cursor:not-allowed}.stage{display:none;animation:fadeIn .25s ease}.stage.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.input,.select,.textarea{width:100%;padding:11px 13px;border:1px solid #e0e0e0;border-radius:9px;font-size:14px;background:#fafafa;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#F59E0B;background:#fff}.textarea{resize:vertical;min-height:90px;line-height:1.55}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:6px}.type-pick{border:1px solid #e0e0e0;border-radius:10px;padding:12px 8px;background:#fff;cursor:pointer;transition:all .15s;text-align:center;font:inherit}.type-pick:hover{border-color:#F59E0B}.type-pick.sel{border-color:var(--brand-500);background:var(--brand-50)}.type-pick .t-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:9px;background:var(--brand-50);color:var(--brand-700);margin-bottom:6px}.type-pick.sel .t-tag{background:var(--brand-500);color:#fff}.type-pick .t-name{font-size:13px;font-weight:700;color:#333;line-height:1.35}.type-pick .t-img{font-size:11px;color:#888;margin-top:4px}.opt-row{display:flex;gap:6px;flex-wrap:wrap}.opt-pill{padding:8px 14px;border:1px solid #e0e0e0;border-radius:16px;font-size:13px;background:#fff;cursor:pointer;font-weight:600}.opt-pill.sel{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.outline{display:flex;flex-direction:column;gap:6px;margin-top:12px}.ol-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;font-size:14px}.ol-item.section{background:var(--gray-50);color:var(--gray-500);font-style:italic}.ol-item.empz{background:var(--brand-50);border-color:var(--brand-200)}.ol-item .ol-num{font-size:12px;color:var(--gray-400);font-weight:700;width:22px}.ol-item .ol-txt{flex:1 1}.ol-item .ol-txt input{width:100%;border:none;background:transparent;font-size:14px;font-family:inherit;padding:4px 0;color:inherit}.ol-item .ol-txt input:focus{outline:none;border-bottom:1px solid #f59e0b}.ol-item .ol-fire{font-size:14px}.html-preview{padding:18px;font-size:15px;line-height:1.85;background:#fff;border-radius:10px;border:1px solid #eee;min-height:180px}.html-preview h1{font-size:24px;margin:0 0 14px;color:#38406b;line-height:1.35}.html-preview h2{font-size:17px;margin:22px 0 10px;color:#38406b;line-height:1.4}.html-preview h2 .star{color:#ffb73a}.html-preview p{margin:0 0 12px;color:#2c3043;font-size:15px;line-height:1.85}.html-preview .ba-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:12px 0}.html-preview .ba-row .col{display:flex;flex-direction:column}.html-preview .ba-row .lbl{font-size:12px;font-weight:700;color:#888;margin-bottom:4px;text-align:center}.html-preview .ba-row .lbl.before{color:#c4811d}.html-preview .ba-row .lbl.after{color:#1f8d50}.html-preview img{width:100%;border-radius:7px}.html-preview .img-cap{text-align:center;font-size:12px;color:#9aa0b3;margin-top:4px;margin-bottom:14px}.html-preview .prefix-block{background:#f9faf6;border-radius:7px;color:#444;margin-bottom:14px}.html-preview .prefix-block,.html-preview .suffix-block{padding:12px;font-size:14px;white-space:pre-line;line-height:1.7}.html-preview .suffix-block{margin-top:18px;background:#FFFBEB;border-left:3px solid #f59e0b;border-radius:5px;color:#B45309}.html-preview.align-center .prefix-block,.html-preview.align-center .suffix-block,.html-preview.align-center p{text-align:center}.html-preview.align-center h2{text-align:center;letter-spacing:1px;border-left:none;padding-left:0}.empty-big,.html-preview.align-center .img-cap{text-align:center}.empty-big{color:var(--gray-400);font-size:14px;padding:50px 20px}.empty-big .icon{font-size:32px;margin-bottom:10px}.gen-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.gen-head .gen-state{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-full);background:var(--gray-100);color:var(--gray-500)}.gen-head .gen-state.running{background:var(--brand-50);color:var(--brand-700)}.gen-head .gen-state.done{background:var(--green-50);color:var(--green-700)}.stream-panel{margin-bottom:16px;max-height:380px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--gray-25);padding:14px 14px 10px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}.stream-log{display:flex;align-items:flex-start;gap:8px;animation:fadeIn .2s ease}.stream-log.status .stream-text{font-size:12px;color:var(--gray-500);padding:4px 0;line-height:1.5}.stream-log.ai{align-items:flex-start;gap:8px}.stream-avatar{flex-shrink:0;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand-500),var(--brand-600));border-radius:var(--r-sm);padding:3px 6px;margin-top:1px;letter-spacing:.02em}.stream-log.ai .stream-text{font-size:13px;color:var(--gray-800);line-height:1.7;background:#fff;border:1px solid var(--border);border-radius:0 10px 10px 10px;padding:8px 12px;flex:1 1;white-space:pre-wrap;word-break:break-word}.wysiwyg-toolbar{gap:4px;flex-wrap:wrap;background:#fafafa;border:1px solid #e0e0e0;border-radius:9px 9px 0 0;padding:8px 10px;position:-webkit-sticky;position:sticky;top:109px;z-index:30}.tb-group,.wysiwyg-toolbar{display:flex;align-items:center}.tb-group{gap:2px}.tb-sep{width:1px;height:22px;background:#ddd;margin:0 4px;flex-shrink:0}.wysiwyg-toolbar .tb-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:14px;font-weight:600;color:#444;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.wysiwyg-toolbar .tb-btn:hover{background:#fff;border-color:#F59E0B;color:#F59E0B}.wysiwyg-toolbar .tb-btn:active{background:#FFFBEB}.wysiwyg-toolbar .tb-btn.wide{padding:0 10px;font-size:12px}.tb-select{border:1px solid #ddd;background:#fff;padding:0 6px;font-family:inherit;color:#444}.tb-color,.tb-select{height:32px;border-radius:6px;font-size:13px;cursor:pointer}.tb-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;font-weight:800;border:1px solid transparent}.tb-color:hover{background:#fff;border-color:#F59E0B}.tb-color>span{pointer-events:none;padding:1px 4px;border-radius:3px;line-height:1}.tb-color.hl>span{background:#fff59d}.tb-color>input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0;background:transparent}.html-preview.editable{border-radius:0 0 10px 10px;border-top:none;outline:none;cursor:text;caret-color:#F59E0B}.html-preview.editable:focus{background:#fff}.html-preview.editable:empty:before{content:"여기에서 직접 편집할 수 있습니다.";color:#bbb}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--gray-900);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .25s;z-index:200;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.success{background:var(--green-700)}.toast.error{background:var(--danger)}@media (max-width:768px){.btn{padding:10px 12px;font-size:13px}.type-grid{gap:6px}.type-pick{padding:10px 6px}.type-pick .t-name{font-size:12px}.html-preview{padding:14px}.html-preview,.html-preview p{font-size:16px}.html-preview h1{font-size:22px}.html-preview h2{font-size:16px}.wysiwyg-toolbar{padding:6px 8px;gap:2px;position:static}.wysiwyg-toolbar .tb-btn{min-width:28px;height:28px;font-size:12px;padding:0 6px}.wysiwyg-toolbar .tb-btn.wide{padding:0 8px;font-size:11px}.tb-select{padding:0 4px}.tb-color,.tb-select{height:28px;font-size:12px}.tb-color{width:28px}.tb-sep{height:18px;margin:0 2px}}@media (max-width:380px){.type-grid{grid-template-columns:1fr 1fr}}.editor-intro{max-width:720px;margin:0 auto;text-align:center}.editor-lead{font-size:15px;color:var(--gray-600);margin:var(--space-3) 0 var(--space-6);line-height:1.7}.editor-feat{list-style:none;margin-top:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-2);gap:var(--space-2);text-align:left}.editor-feat li{font-size:13px;color:var(--gray-600);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border);border-radius:var(--r-md)}.editor-shell{display:flex;flex-direction:column;gap:var(--space-3)}.brush-toolbar{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:30}.brush-toolbar,.bt-group{display:flex;align-items:center}.bt-group{gap:6px}.bt-divider{width:1px;align-self:stretch;background:var(--border);margin:var(--space-1) var(--space-1)}.bt-spacer{flex:1 1}.bt-slider label{font-size:12px;color:var(--gray-500);font-weight:600;margin-right:var(--space-1)}.bt-slider input[type=range]{width:160px;accent-color:var(--brand-500)}.bt-num{font-size:12px;color:var(--brand-500);font-weight:700;min-width:44px;text-align:right}.canvas-stage{display:flex;justify-content:center;background:var(--gray-800);border-radius:var(--r-lg);padding:var(--space-6);min-height:300px}.canvas-stack{position:relative;box-shadow:0 8px 32px rgba(0,0,0,.35);background:#000}.canvas-stack .layer{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.canvas-stack .layer-image{position:relative}.layer-cursor{touch-action:none}.layer-cursor.cur-erase{cursor:crosshair}.layer-cursor.cur-place{cursor:cell}.layer-cursor.cur-move{cursor:default}.layer-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.scene-item{position:absolute;border:2px solid var(--brand-500);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .15s,transform .1s;overflow:hidden}.scene-item.movable{cursor:-webkit-grab;cursor:grab}.scene-item.movable:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.01)}.scene-item.movable:hover{box-shadow:0 0 0 3px rgba(245,158,11,.3)}.scene-item.loading{background:rgba(0,0,0,.55)!important;border-style:dashed;border-color:#fff!important}.si-emoji{font-size:clamp(28px,40%,72px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.si-label{left:0;bottom:0;padding:3px 8px;border-top-right-radius:var(--r-md);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-item .si-remove,.si-label{position:absolute;font-size:12px;font-weight:700;color:#fff}.scene-item .si-remove{top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:var(--danger);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.scene-item:hover .si-remove,.si-loader{display:flex}.si-loader{flex-direction:column;align-items:center;gap:var(--space-2);color:#fff}.si-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--brand-500);border-radius:50%;animation:spin .8s linear infinite}.si-loading-text{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.brush-toolbar{gap:6px;padding:8px}.bt-slider input[type=range]{width:90px}.bt-divider{display:none}}.v3-lead{color:var(--gray-600);font-size:14px;margin:var(--space-2) 0 var(--space-5);max-width:62ch}.v3-shell{display:flex;flex-direction:column;gap:var(--space-4)}.v3-toolbar{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--gray-0);box-shadow:var(--sh-1)}.v3-toolbar,.v3-toolbar-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.v3-toolbar-spacer{flex:1 1 auto}.v3-notice{background:var(--blue-50);color:var(--blue-700);line-height:1.6}.v3-alert,.v3-notice{padding:var(--space-3) var(--space-4);border-radius:var(--r-md);font-size:13px}.v3-alert{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:#FEF2F2;color:#B91C1C}.v3-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.v3-stage{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.v3-canvas-wrap{position:relative;margin:0 auto;line-height:0;border-radius:var(--r-lg);overflow:hidden;background:var(--gray-100);box-shadow:var(--sh-2)}.v3-canvas{width:100%;height:auto;display:block}.v3-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:rgba(0,0,0,.55);color:#fff;text-align:center;padding:var(--space-4);line-height:1.5}.v3-overlay-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--brand-400);border-radius:50%;animation:spin .8s linear infinite}.v3-overlay-title{font-size:14px;font-weight:700}.v3-overlay-prompt{font-size:13px;opacity:.92;max-width:34ch}.v3-overlay-time{font-size:12px;opacity:.8}.v3-compare{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.v3-compare-tag{padding:2px 10px;border-radius:var(--r-full);font-size:12px;font-weight:700;background:var(--gray-100);color:var(--gray-600)}.v3-compare-tag.is-after{background:var(--brand-100);color:var(--brand-700)}.v3-meta{font-size:12px;color:var(--gray-500);text-align:center}.v3-panel{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--gray-0);box-shadow:var(--sh-1);min-width:0}.v3-field,.v3-panel{display:flex;flex-direction:column}.v3-field{gap:var(--space-2)}.v3-label{font-size:13px;font-weight:700;color:var(--gray-800)}.v3-textarea{min-height:96px;font-size:14px;line-height:1.6}.v3-hint{font-size:12px;color:var(--gray-500)}.v3-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.v3-chip{padding:6px 12px;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--gray-0);color:var(--gray-700);font-size:12px;font-weight:600;cursor:pointer}.v3-chip:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-700);background:var(--brand-50)}.v3-chip:disabled{opacity:.5;cursor:not-allowed}.v3-submit{width:100%}.v3-history{display:flex;flex-direction:column;gap:var(--space-2)}.v3-panel-title{font-size:13px;font-weight:700;color:var(--gray-800)}.v3-history-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:320px;overflow-y:auto}.v3-history-item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--gray-0);cursor:pointer}.v3-history-item:hover:not(:disabled){border-color:var(--brand-400);background:var(--brand-50)}.v3-history-item.is-current{border-color:var(--brand-500);background:var(--brand-50);box-shadow:inset 3px 0 0 var(--brand-500)}.v3-history-item:disabled{opacity:.6;cursor:not-allowed}.v3-history-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm);flex:0 0 auto;background:var(--gray-100)}.v3-history-text{display:flex;flex-direction:column;gap:2px;min-width:0}.v3-history-step{font-size:11px;font-weight:700;color:var(--gray-500)}.v3-history-prompt{font-size:13px;color:var(--gray-800);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v3-subtoolbar{flex-wrap:wrap;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--gray-50)}.v3-slider,.v3-subtoolbar{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--gray-700)}.v3-slider{white-space:nowrap}.v3-slider input[type=range]{width:120px}.v3-slider.is-block{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-weight:600}.v3-mask,.v3-slider.is-block input[type=range]{width:100%}.v3-mask{position:absolute;inset:0;height:100%;opacity:.4;touch-action:none}.v3-draft-rect{position:absolute;pointer-events:none;border:2px dashed #0891b2;background:rgba(8,145,178,.12)}.v3-place-layer{position:absolute;inset:0;touch-action:none}.v3-place-box{position:absolute;pointer-events:auto;cursor:move;outline:2px solid var(--brand-500);outline-offset:0;box-shadow:0 0 0 1px rgba(255,255,255,.85)}.v3-place-box:focus-visible{outline:3px solid var(--brand-600)}.v3-place-box.is-locked{cursor:default;outline-style:dashed}.v3-place-img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.v3-place-grip-line{position:absolute;left:50%;top:0;width:2px;pointer-events:none;background:var(--brand-500);transform:translate(-50%,-100%)}.v3-place-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:block;background:transparent;border:0}.v3-place-handle:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--gray-0);border:2px solid var(--brand-500);box-shadow:var(--sh-1)}.v3-place-handle.is-rotate{left:50%;cursor:-webkit-grab;cursor:grab}.v3-place-handle.is-rotate:after{inset:4px}.v3-warn{padding:var(--space-2) var(--space-3);border-radius:var(--r-md);background:#FFFBEB;color:#B45309;font-size:12px;line-height:1.6}@media (max-width:960px){.v3-layout{grid-template-columns:minmax(0,1fr)}.v3-history-list{max-height:none}}@media (max-width:720px){.v3-subtoolbar{gap:6px;padding:8px}.v3-slider input[type=range]{width:90px}}