@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Nanum+Gothic:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Serif+KR:wght@400;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--accent: #6d28d9;--accent-lo: #5b21b6;--accent-hi: #7c3aed;--accent-deep: #4c1d95;--accent-deeper: #3b1577;--accent-mut: #5b3e8a;--accent-mut2: #4a2e70;--accent-soft: #7c8cff;--accent-soft2: #818cf8;--accent-bright: #c084fc;--accent-pale: #c4b5fd;--accent-pale2: #e9d5ff;--accent-pale3: #ddd6fe;--accent-glow: rgba(109, 40, 217, .5);--ui-h: 260;--ui-s: 18%}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#111;color:#ddd}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:hsl(var(--ui-h) var(--ui-s) 11%);overflow:hidden}.app-container{user-select:none;-webkit-user-select:none}.app-container input,.app-container textarea,.app-container select,.app-container [contenteditable=true]{user-select:text;-webkit-user-select:text}.top-bar{height:48px;background:hsl(var(--ui-h) var(--ui-s) 14%);display:flex;align-items:center;padding:0 12px;gap:6px;border-bottom:1px solid hsl(var(--ui-h) var(--ui-s) 21%);flex-shrink:0;overflow:visible}.top-bar>*{flex-shrink:0}.menu-divider{width:1px;height:22px;background:hsl(var(--ui-h) var(--ui-s) 28%);margin:0 2px}.menu-spacer{flex:1 1 auto;min-width:8px}.pal-btn{flex:1;min-width:0;height:20px;padding:0;font-size:10px;background:hsl(var(--ui-h) var(--ui-s) 17%);border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);color:#bbb;border-radius:4px;cursor:pointer}.pal-btn:hover{background:hsl(var(--ui-h) var(--ui-s) 23%)}.pal-btn.active{background:var(--accent);border-color:var(--accent-hi);color:#fff}.title{margin:0;font-size:16px;font-weight:700;white-space:nowrap;background:linear-gradient(90deg,var(--accent-bright),var(--accent-soft2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar .button,.top-bar .time-input{white-space:nowrap}.button{background:hsl(var(--ui-h) var(--ui-s) 17%);border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);color:#ccc;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;height:32px}.button:hover{background:hsl(var(--ui-h) var(--ui-s) 23%);border-color:hsl(var(--ui-h) var(--ui-s) 45%)}.button-primary{background:var(--accent);border-color:var(--accent-hi);color:#fff;font-weight:600}.button-primary:hover{background:var(--accent-hi)}.audio-input-label{display:inline-flex;align-items:center;gap:6px;background:hsl(var(--ui-h) var(--ui-s) 17%);color:#aaa;padding:5px 12px;border-radius:6px;cursor:pointer;border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);font-size:12px;font-family:inherit;height:32px;white-space:nowrap}.audio-input-label:hover{background:hsl(var(--ui-h) var(--ui-s) 23%)}.file-menu{position:absolute;top:calc(100% + 4px);left:0;background:hsl(var(--ui-h) var(--ui-s) 15%);border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);border-radius:8px;z-index:200;min-width:180px;padding:4px 0;box-shadow:0 8px 24px #0009}.file-menu-item{display:block;width:100%;text-align:left;background:none;border:none;color:#ccc;padding:8px 16px;cursor:pointer;font-size:12px;font-family:inherit}.file-menu-item:hover{background:hsl(var(--ui-h) var(--ui-s) 22%);color:#e0e0ff}.file-menu-sep{height:1px;background:hsl(var(--ui-h) var(--ui-s) 23%);margin:4px 0}.main-content{display:flex;flex:1;overflow:hidden}.track-group-header{font-size:10px;color:#8a8aa0;letter-spacing:.5px;text-transform:uppercase;padding:6px 4px 2px;margin-top:4px;border-top:1px solid hsl(var(--ui-h) var(--ui-s) 21%)}.cut-item.cut-multi{outline:1px solid var(--accent-soft);outline-offset:-1px}.splitter-v{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;touch-action:none}.splitter-v:hover,.splitter-v:active{background:var(--accent-soft)}.splitter-h{height:6px;cursor:row-resize;background:hsl(var(--ui-h) var(--ui-s) 15%);flex-shrink:0;touch-action:none}.splitter-h:hover,.splitter-h:active{background:hsl(var(--ui-h) var(--ui-s) 30%)}.toolbar{min-width:0;background:hsl(var(--ui-h) var(--ui-s) 13%);display:flex;flex-direction:column;align-items:stretch;padding:6px 4px;gap:5px;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:4px;width:100%}.tool-btn{background:hsl(var(--ui-h) var(--ui-s) 17%);border:1px solid hsl(var(--ui-h) var(--ui-s) 25%);color:#999;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 0;font-family:inherit;transition:all .12s}.tool-btn:hover:not(.active){background:hsl(var(--ui-h) var(--ui-s) 22%);border-color:hsl(var(--ui-h) var(--ui-s) 38%);color:#ccc}.tool-btn.active{background:var(--accent);border-color:var(--accent-hi);color:#fff;box-shadow:0 0 8px var(--accent-glow)}.tool-btn.onion-prev-active{background:var(--accent-mut);border-color:var(--accent-pale);color:var(--accent-pale2);box-shadow:0 0 8px var(--accent-glow)}.tool-btn.onion-next-active{background:var(--accent-deep);border-color:var(--accent-hi);color:var(--accent-pale3);box-shadow:0 0 6px var(--accent-glow)}.tool-label{font-size:9px;color:inherit}.tool-divider{width:80%;height:1px;background:hsl(var(--ui-h) var(--ui-s) 21%);margin:2px 0}.color-picker{width:32px;height:32px;border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);padding:0;border-radius:50%;cursor:pointer;background:none;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:50%}.color-picker:hover{border-color:var(--accent-hi)}.slider-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.slider-label{font-size:9px;color:#666;text-align:center}.slider-label b{color:#999}.v-slider{-webkit-appearance:none;width:100%;background:hsl(var(--ui-h) var(--ui-s) 21%);border-radius:4px;height:4px;outline:none;margin:4px 0}.v-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer}.canvas-area{flex:1;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,hsl(var(--ui-h) var(--ui-s) 12%),hsl(var(--ui-h) var(--ui-s) 5%));overflow:auto}.canvas-stage{position:relative;display:inline-block;max-width:100%;max-height:100%}.canvas-stage>canvas{display:block;width:100%;height:100%}.selection-actions{position:absolute;left:10px;top:10px;display:flex;gap:8px;padding:8px;border-radius:10px;background:#14142ab3;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-editor{position:absolute;min-width:300px;max-width:560px;max-height:80vh;overflow-y:auto;z-index:40;transform:translate(10px,10px);padding:12px;border-radius:12px;background:hsl(var(--ui-h) var(--ui-s) 14%);border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 44px #00000080}.text-editor textarea{width:100%;height:110px;resize:vertical;background:hsl(var(--ui-h) var(--ui-s) 10%);color:#e6e6ee;caret-color:var(--accent-soft);border:1px solid hsl(var(--ui-h) var(--ui-s) 26%);border-radius:8px;padding:10px;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;outline:none}.text-editor textarea:focus{border-color:var(--accent-hi)}.text-editor textarea::placeholder{color:#ffffff8c}.text-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px}.text-editor-row label{white-space:nowrap}.text-editor-label{font-size:11px;color:#ffffffbf;font-weight:700;letter-spacing:.4px}.text-editor-num{width:72px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#1e1e2eb3;color:#ffffffeb;padding:0 8px;outline:none}.text-editor-color{width:36px;height:28px;padding:0;border:1px solid rgba(255,255,255,.14);background:transparent;border-radius:8px}.text-editor-font{height:28px;min-width:120px;max-width:100%;flex:0 1 auto;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#1e1e2eb3;color:#ffffffeb;padding:0 8px;outline:none}.text-panel{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.text-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#ffffffa6;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.text-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#1e1e2e8c;border:1px solid rgba(255,255,255,.06);cursor:pointer}.text-item+.text-item{margin-top:6px}.text-item.active{border-color:var(--accent-glow)}.text-item-name{flex:1;font-size:12px;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}canvas{background:#fff;box-shadow:0 8px 32px #000000b3}.right-panel{min-width:0;flex-shrink:0;background:hsl(var(--ui-h) var(--ui-s) 13%);border-left:1px solid hsl(var(--ui-h) var(--ui-s) 24%);display:flex;flex-direction:column;padding:10px;border-bottom:1px solid hsl(var(--ui-h) var(--ui-s) 24%);overflow:hidden}.panel-title{font-size:10px;font-weight:700;color:var(--accent-soft);text-transform:uppercase;letter-spacing:1px}.cut-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.cut-item{background:hsl(var(--ui-h) var(--ui-s) 15%);border:1px solid transparent;border-radius:8px;padding:8px;cursor:pointer;transition:border-color .15s}.cut-item:hover{border-color:hsl(var(--ui-h) var(--ui-s) 30%)}.cut-active{border-color:var(--accent)!important;background:hsl(var(--ui-h) var(--ui-s) 17%)}.cut-header{display:flex;justify-content:space-between;align-items:center}.cut-name{font-size:12px;font-weight:600;color:#ccc}.cut-settings{padding:6px 0}.time-row{display:flex;gap:8px}.time-row label{font-size:10px;color:#666;display:flex;flex-direction:column;gap:2px;flex:1}.time-input{width:100%;background:hsl(var(--ui-h) var(--ui-s) 10%);border:1px solid hsl(var(--ui-h) var(--ui-s) 23%);color:#bbb;padding:3px 5px;border-radius:4px;font-size:11px;font-family:monospace}.time-input:focus{outline:none;border-color:var(--accent)}.anim-field{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;white-space:nowrap}.kf-card{background:hsl(var(--ui-h) var(--ui-s) 13%);border:1px solid hsl(var(--ui-h) var(--ui-s) 21%);border-radius:5px;padding:3px 4px;display:flex;flex-direction:column;gap:3px}.kf-card-head,.kf-card-body{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;row-gap:3px;font-size:9px;color:#999}.kf-index{color:var(--accent-soft);font-weight:700;flex-shrink:0;min-width:16px}.layer-list{display:flex;flex-direction:column;gap:1px;margin-top:6px}.layer-row{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:background .1s;min-height:32px}.layer-row:hover{background:hsl(var(--ui-h) var(--ui-s) 18%)}.layer-active{background:hsl(var(--ui-h) var(--ui-s) 18%);border-color:hsl(var(--ui-h) var(--ui-s) 37%)}.layer-folder{cursor:default!important;background:hsl(var(--ui-h) var(--ui-s) 14%)}.layer-name{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb;margin-left:3px}.drop-line{height:2px;background:var(--accent-hi);border-radius:1px;margin:1px 4px}.drop-inside{border:1px dashed var(--accent)!important;background:hsl(var(--ui-h) var(--ui-s) 17%)}.icon-btn{background:none;border:none;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:2px;flex-shrink:0;transition:color .12s,background .12s}.icon-btn:hover{color:#bbb;background:hsl(var(--ui-h) var(--ui-s) 21%)}.del-btn:hover{color:#999}.small-btn{background:hsl(var(--ui-h) var(--ui-s) 15%);border:1px solid hsl(var(--ui-h) var(--ui-s) 23%);color:#888;padding:3px 8px;border-radius:5px;cursor:pointer;font-size:10px;font-family:inherit;display:inline-flex;align-items:center;gap:3px;transition:background .12s}.small-btn:hover{background:hsl(var(--ui-h) var(--ui-s) 18%);color:#bbb}.timeline{background:hsl(var(--ui-h) var(--ui-s) 10%);border-top:1px solid hsl(var(--ui-h) var(--ui-s) 21%);display:flex;flex-direction:column;flex-shrink:0}.tl-controls{background:hsl(var(--ui-h) var(--ui-s) 13%);display:flex;align-items:center;padding:0 14px;gap:10px;border-bottom:1px solid hsl(var(--ui-h) var(--ui-s) 21%);height:44px;flex-shrink:0}.time-display{font-family:monospace;font-size:14px;font-weight:600;color:var(--accent-soft);width:105px;letter-spacing:.5px}.tl-tracks{flex:1;overflow:auto;position:relative}.ruler{height:20px}.tl-track{height:38px;position:relative;margin-bottom:6px;background:hsl(var(--ui-h) var(--ui-s) 12%);border-radius:4px;display:flex;align-items:center}.tl-track-label{position:sticky;left:0;top:0;bottom:0;width:60px;background:hsl(var(--ui-h) var(--ui-s) 12%);border-right:1px solid hsl(var(--ui-h) var(--ui-s) 21%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 4px;font-size:10px;color:#666;z-index:5;flex-shrink:0;height:100%;border-radius:4px 0 0 4px;gap:2px}.cut-block{position:absolute;height:100%;background:var(--accent-lo);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;-webkit-user-select:none;user-select:none;border:1px solid var(--accent-hi);color:#ddd;overflow:hidden}.cut-block-active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.cut-block-selected{outline:2px solid var(--accent-soft);outline-offset:-1px}.chip{background:hsl(var(--ui-h) var(--ui-s) 21%);border:1px solid hsl(var(--ui-h) var(--ui-s) 26%);color:#ccc;font-size:11px;padding:3px 8px;border-radius:12px;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}.chip:hover{background:hsl(var(--ui-h) var(--ui-s) 25%)}.chip-active{background:var(--accent);border-color:var(--accent-soft);color:#fff}.rh{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize;background:#fff3;z-index:5}.rh:hover{background:#ffffff80}.rh-left{left:0;border-radius:4px 0 0 4px}.rh-right{right:0;border-radius:0 4px 4px 0}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-hi);z-index:10;pointer-events:none}.playhead-dot{position:absolute;top:0;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent-hi);box-shadow:0 0 6px #9333eacc}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:hsl(var(--ui-h) var(--ui-s) 10%)}::-webkit-scrollbar-thumb{background:hsl(var(--ui-h) var(--ui-s) 25%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--ui-h) var(--ui-s) 38%)}html{touch-action:manipulation}@media(max-width:1200px)and (pointer:coarse){.tool-btn{min-height:44px;min-width:44px;padding:6px 0}.icon-btn{min-width:36px;min-height:36px;padding:6px}.button{min-height:40px;padding:8px 14px;font-size:13px}.small-btn{min-height:36px;padding:6px 12px;font-size:11px}.audio-input-label{min-height:40px;padding:8px 14px;font-size:13px}.file-menu-item{padding:12px 18px;font-size:14px}.v-slider{transform:none;width:100%;margin:4px 0;height:6px}.v-slider::-webkit-slider-thumb{width:20px;height:20px}.slider-wrap{padding:0 4px}.slider-label{font-size:10px}.toolbar{width:auto!important;padding:6px 8px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.tool-label{font-size:8px}.color-picker{width:40px;height:40px}.layer-row{min-height:40px;padding:6px 8px;gap:6px}.layer-name{font-size:13px}.cut-item{padding:10px}.cut-name{font-size:14px}.right-panel{position:fixed;right:0;top:48px;bottom:0;z-index:100;width:300px!important;box-shadow:-8px 0 32px #0009;border-left:1px solid hsl(var(--ui-h) var(--ui-s) 30%)}.tl-controls{height:50px;padding:0 10px;gap:8px}.time-display{font-size:13px;width:90px}.tl-track{height:44px}.rh{width:12px}.splitter-v{width:14px}.splitter-h{height:14px}::-webkit-scrollbar{width:8px;height:8px}}@media(max-width:768px)and (pointer:coarse){.top-bar{height:44px;padding:0 8px}.title{font-size:14px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:3px}.tool-btn{min-height:40px;min-width:40px}.tool-label{display:none}.right-panel{width:260px!important}.tl-track-label{width:44px;font-size:9px}.time-display{font-size:12px;width:78px}}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@keyframes mvIndet{0%{transform:translate(-100%)}to{transform:translate(250%)}}.color-panel{min-width:0;flex-shrink:0;background:hsl(var(--ui-h) var(--ui-s) 13%);border-left:1px solid hsl(var(--ui-h) var(--ui-s) 21%);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.color-panel-head{display:flex;justify-content:space-between;align-items:center}.color-row{display:flex;align-items:center;gap:6px}.color-swatch-lg{width:34px;height:30px;flex-shrink:0;padding:0;border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);border-radius:6px;background:none;cursor:pointer}.color-swatch-lg::-webkit-color-swatch-wrapper{padding:2px}.color-swatch-lg::-webkit-color-swatch{border:none;border-radius:4px}.color-section-label{font-size:9px;color:#7a7a90;letter-spacing:.5px;text-transform:uppercase}.swatch-grid{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.pal-tabs{display:flex;flex-wrap:wrap;gap:2px}.pal-tab{max-width:100%;padding:3px 8px;font-size:10px;font-family:inherit;color:#9a9ab0;background:hsl(var(--ui-h) var(--ui-s) 16%);border:1px solid hsl(var(--ui-h) var(--ui-s) 24%);border-bottom:2px solid transparent;border-radius:5px 5px 0 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-tab:hover{background:hsl(var(--ui-h) var(--ui-s) 18%);color:#ccc}.pal-tab.active{background:hsl(var(--ui-h) var(--ui-s) 15%);color:#fff;border-bottom-color:var(--accent-soft)}.pal-tab-add{display:inline-flex;align-items:center;padding:3px 6px}.pal-actions{display:flex;align-items:center;gap:4px}.dock-rail{width:30px;flex-shrink:0;background:hsl(var(--ui-h) var(--ui-s) 11%);border-right:1px solid hsl(var(--ui-h) var(--ui-s) 21%);display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:4px}.dock-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#8a8a9e;cursor:pointer}.dock-icon:hover{background:hsl(var(--ui-h) var(--ui-s) 19%);color:#ccc}.dock-icon.active{background:var(--accent);border-color:var(--accent-hi);color:#fff}.wheel-wrap{align-self:center;max-width:100%;touch-action:none}.wheel-ring{cursor:crosshair}.wheel-sq{border-radius:3px;cursor:crosshair}.wheel-mark{position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008;pointer-events:none}.current-color{display:flex;align-items:center;gap:6px}.current-color-chip{width:40px;height:40px;flex-shrink:0;border-radius:7px;border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);box-shadow:inset 0 0 0 1px #0006}.color-swatch-sm{width:40px;height:22px;padding:0;border:1px solid hsl(var(--ui-h) var(--ui-s) 28%);border-radius:5px;background:none;cursor:pointer}.wheel-ring,.wheel-sq{background:transparent;box-shadow:none}.panel-head{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid hsl(var(--ui-h) var(--ui-s) 21%)}.color-panel{border-left:1px solid hsl(var(--ui-h) var(--ui-s) 24%)}.toolbar{border-right:1px solid hsl(var(--ui-h) var(--ui-s) 24%)}.toolbar .tool-grid{grid-template-columns:repeat(auto-fit,minmax(42px,1fr))}.toolbar .size-grid{grid-template-columns:repeat(auto-fit,minmax(26px,1fr))}.toolbar .tool-btn{min-width:0;padding:5px 2px}.toolbar .tool-label{font-size:9px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-rail{width:42px;padding:8px 0;gap:6px}.dock-icon{width:34px;height:34px;border-radius:8px}.settings-modal .pal-tab{font-size:13px;padding:7px 16px}.settings-modal .color-section-label{font-size:11px}.settings-modal .key-row{padding:10px 4px;font-size:13px}.hue-line{flex:1;height:26px;border-radius:6px;cursor:pointer;border:1px solid hsl(var(--ui-h) var(--ui-s) 26%);background:linear-gradient(90deg,#c32222,#c3c322,#22c322,#22c3c3,#2222c3,#c322c3,#c32222);touch-action:none}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:4px;width:100%}.size-cell{aspect-ratio:1;width:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;background:hsl(var(--ui-h) var(--ui-s) 17%);border:1px solid hsl(var(--ui-h) var(--ui-s) 25%);cursor:pointer}.size-cell.active{background:var(--accent);border-color:var(--accent-hi)}.toolbar>*{max-width:100%}.slider-wrap{min-width:0}.toolbar .tool-grid,.toolbar .size-grid,.toolbar .slider-wrap,.toolbar .panel-head{width:100%;min-width:0}.toolbar .color-picker{width:34px;height:34px;min-width:0;flex-shrink:0;align-self:center;border-radius:50%}.toolbar .color-picker::-webkit-color-swatch{border-radius:50%}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:4px;width:100%}.slot{aspect-ratio:1;width:100%;padding:0;border-radius:4px;border:1px solid hsl(var(--ui-h) var(--ui-s) 24%);background:transparent}.slot.filled{cursor:pointer;border-color:#0005}.slot.sel{outline:2px solid var(--accent-soft);outline-offset:-2px}.slot.empty{background-image:linear-gradient(45deg,hsl(var(--ui-h) var(--ui-s) 18%) 25%,transparent 25%),linear-gradient(-45deg,hsl(var(--ui-h) var(--ui-s) 18%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,hsl(var(--ui-h) var(--ui-s) 18%) 75%),linear-gradient(-45deg,transparent 75%,hsl(var(--ui-h) var(--ui-s) 18%) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.bg-chip{display:flex;align-items:center;gap:8px;background:hsl(var(--ui-h) var(--ui-s) 15%);border:1px solid hsl(var(--ui-h) var(--ui-s) 26%);color:#ccc;font-size:12px;padding:8px 12px;border-radius:8px;box-shadow:0 4px 16px #0006}.bg-spin{width:12px;height:12px;flex-shrink:0;border:2px solid hsl(var(--ui-h) var(--ui-s) 30%);border-top-color:var(--accent-soft);border-radius:50%;animation:mvSpin .8s linear infinite}@keyframes mvSpin{to{transform:rotate(360deg)}}.float-panel{position:fixed;z-index:900;max-height:80vh;overflow:auto;border-radius:8px;border:1px solid hsl(var(--ui-h) var(--ui-s) 30%);box-shadow:0 18px 48px #0000008c;background:hsl(var(--ui-h) var(--ui-s) 13%)}.float-panel>*{border:none;height:auto}.panel-head{cursor:grab}.panel-head:active{cursor:grabbing}.dock-hint{position:fixed;top:0;bottom:0;width:140px;z-index:1400;pointer-events:none;background:linear-gradient(to right,var(--accent-glow),transparent);border:2px solid var(--accent-hi)}.dock-hint[style*=right]{background:linear-gradient(to left,var(--accent-glow),transparent)}.te-section{width:100%;margin:8px 0 2px;padding-top:7px;border-top:1px solid hsl(var(--ui-h) var(--ui-s) 24%);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-soft)}.te-section:first-of-type{margin-top:4px;border-top:none;padding-top:0}.te-check{display:flex;align-items:center;gap:4px;font-size:11px;color:#b8b8c6;white-space:nowrap;cursor:pointer}.te-check:hover{color:#e6e6ee}.te-footer{width:100%;display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid hsl(var(--ui-h) var(--ui-s) 24%)}.text-editor .text-editor-color{width:26px;height:26px;padding:0;border:1px solid hsl(var(--ui-h) var(--ui-s) 32%);border-radius:5px;background:none;cursor:pointer}.text-editor .text-editor-label{font-size:11px;color:#9a9aa8}.badge-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}