.srv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;background:var(--blue-bg);border-bottom:1px solid var(--line);font-size:12px;color:var(--text)}.srv-bar .srv-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.srv-bar .srv-meta{color:var(--gray);font-size:11px}.srv-bar .srv-spacer{flex:1}.srv-notes{padding:10px 16px 0;display:flex;flex-direction:column;gap:8px}.srv-box{border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.55;border:1px solid var(--line);background:var(--bg-soft)}.srv-box.err{background:var(--red-bg);border-color:#fdc0bc;color:var(--red)}.srv-box.warn{background:var(--amber-bg);border-color:#f3d29b;color:var(--amber)}.srv-box.info{background:#f5f8ff;border-color:#d6e0ff;color:var(--text)}.srv-box b{font-weight:700}.srv-box .srv-box-head{display:flex;align-items:center;gap:8px}.srv-box .srv-box-head>span{flex:1}.srv-box ul{margin:6px 0 0;padding-left:18px}.srv-box li{margin:2px 0;word-break:break-word}.srv-box small{color:inherit;opacity:.85}.srv-diff{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:8px}.srv-diff-row{display:grid;grid-template-columns:28px 76px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line-2);font-size:12px}.srv-diff-row:last-child{border-bottom:0}.srv-diff-row small{color:var(--gray)}.srv-kind{font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px;text-align:center}.srv-kind.ADDED{background:var(--green-bg);color:var(--green)}.srv-kind.CHANGED{background:var(--amber-bg);color:var(--amber)}.srv-kind.REMOVED{background:var(--red-tag);color:var(--red)}.srv-summary{display:flex;gap:12px;margin:10px 0;font-size:12px}.srv-form{display:flex;flex-direction:column;gap:10px;width:100%}:root{--text: #18212f;--gray: #667386;--gray-2: #8a96a8;--line: #e2e7ee;--line-2: #eef1f6;--bg: #ffffff;--bg-soft: #f5f7fa;--bg-side: #fafbfd;--blue: #2e5ce5;--blue-d: #2449c4;--blue-bg: #eef2ff;--red: #d92d20;--red-bg: #fef3f2;--red-tag: #fee4e2;--green: #0e8a5e;--green-bg: #e6f7f0;--amber: #b55e05;--amber-bg: #fff4e0;--purple: #6b45d9;--purple-bg: #f2edff;--radius: 8px;--shadow: 0 16px 40px rgba(15, 23, 42, .2);font-family:Noto Sans KR,Pretendard,-apple-system,Segoe UI,sans-serif;color:var(--text);font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font:inherit;color:inherit}h1{font-size:26px;margin:0;line-height:1.25}b,strong{font-weight:600}.muted{color:var(--gray)}.small{font-size:12px}.tiny{font-size:11px}.fine{font-size:11.5px;color:var(--gray);line-height:1.5}.pad{padding:8px 10px}.center{text-align:center}.push{margin-left:auto}.mt{margin-top:6px}.gl{font-family:Segoe UI Symbol,Noto Sans KR,sans-serif}.shell{display:flex;flex-direction:column;height:100vh;min-width:1100px}.topbar{height:58px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px 0 24px;border-bottom:1px solid var(--line);background:#fff}.back-btn{width:36px;height:36px;border-radius:7px;border:1px solid var(--line);background:#fff;font-size:18px;color:#475469}.back-btn:hover{background:var(--bg-soft)}.brand{font-size:15px;letter-spacing:.2px}.crumb{color:var(--gray);font-size:12.5px;margin-left:-6px}.header-actions{margin-left:auto;display:flex;align-items:center}.header-settings{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--gray)}.header-settings:hover{background:var(--bg-soft);color:var(--text)}.header-settings.on{color:var(--blue);background:var(--blue-bg);border-color:#d6def9}.header-settings:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.body{flex:1;display:flex;min-height:0;position:relative}.sidebar{transition:width .18s ease,padding .18s ease;display:flex;flex-direction:column;width:324px;flex:none;min-height:0;background:#fff;border-right:1px solid var(--line);overflow:hidden;padding:10px 0 0}.side-nav{margin:0;padding:2px 8px 0;display:flex;flex-direction:column;gap:2px}.side-nav button{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-radius:5px;min-height:32px;padding:0 10px;font:inherit;font-size:12.5px;color:#3c4658}.side-nav button svg{flex:none;color:var(--gray)}.side-nav button.on svg{color:inherit}.side-nav button .gl{width:16px;text-align:center;color:var(--gray)}.side-nav button:hover{background:var(--bg-soft)}.side-nav button.on{background:#eaf1ff;color:#2458c6;font-weight:600}.side-nav button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.side-nav button.on .gl{color:var(--blue)}.side-section{margin-top:18px}.side-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--gray);font-weight:600;margin-bottom:6px;padding:0 6px 0 12px}.side-section-navigation{flex:none;margin-top:0;padding-bottom:12px;border-bottom:1px solid var(--line)}.sidebar .side-section-navigation>.side-label{margin:0;padding:2px 12px 6px}.sidebar .side-section-navigation .side-section-toggle{font-size:11.5px;font-weight:600;color:var(--gray)}.sidebar .side-label .side-section-toggle .section-chevron{order:0;width:12px;height:12px;opacity:1;transform:rotate(-90deg)}.sidebar .side-label .side-section-toggle .section-chevron.is-open{transform:rotate(0)}.side-section-toggle{display:flex;align-items:center;gap:4px;flex:1;min-width:0;min-height:30px;padding:4px 0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;border-radius:5px;cursor:pointer}.side-section-toggle:hover{color:var(--blue)}.side-section-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.section-chevron{flex:none;order:2;transform:rotate(0);transition:transform .22s ease,opacity .14s ease}.section-chevron.is-open{transform:rotate(180deg)}.side-section-toggle .section-chevron,.tree-row>.caret .section-chevron{opacity:0}.side-label:hover .section-chevron,.side-label:focus-within .section-chevron,.tree-row:hover>.caret .section-chevron,.tree-row:focus-within>.caret .section-chevron{opacity:1}.side-section-actions{display:flex;align-items:center}.sidebar-disclosure{height:0;opacity:0;visibility:hidden;overflow:hidden}.sidebar-disclosure[data-open=true]{height:auto;opacity:1;visibility:visible}.sidebar-disclosure-inner{min-height:0;overflow:hidden}.shell[data-motion=reduce] .sidebar,.shell[data-motion=reduce] .section-chevron{transition:none}.shell[data-density=compact] .vrow:not(.vhead){min-height:44px;padding-top:3px;padding-bottom:3px}.shell[data-density=compact] .vrow.vhead{min-height:34px}.shell[data-density=compact] .tree-row,.shell[data-density=compact] .side-item,.shell[data-density=compact] .side-nav button{min-height:28px}.shell[data-density=compact] .ts-row{padding-top:9px;padding-bottom:9px}.shell[data-density=compact] .guide-row{padding-top:7px;padding-bottom:7px}@media (hover: none){.side-section-toggle .section-chevron,.tree-row>.caret .section-chevron{opacity:1}}@media (prefers-reduced-motion: reduce){.sidebar-disclosure,.sidebar-disclosure[data-open=true],.section-chevron{transition:none}}.side-item{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 12px;margin-bottom:2px;font-size:13px;border-radius:6px;cursor:pointer;color:#3c4658}.side-item:hover{background:#eef1f6}.side-item.on{background:var(--blue-bg);color:var(--blue);font-weight:600}.side-add{padding:6px 6px 0}.tree-row{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:2px;font-size:13px;border-radius:6px;cursor:pointer;color:#3c4658;min-height:34px}.tree-row:hover{background:#eef1f6}.tree-row.on{background:var(--blue-bg);color:var(--blue);font-weight:600}.caret{width:16px;background:none;border:0;color:var(--gray);padding:0;font-size:11px}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-count{font-size:11px;color:var(--gray-2)}.icon-btn{background:none;border:0;border-radius:5px;width:24px;height:24px;color:var(--gray);font-size:14px;line-height:1}.icon-btn:hover{background:#e8ecf3;color:var(--text)}.icon-btn.hover{opacity:0}.tree-row:hover .icon-btn.hover,.side-item:hover .icon-btn.hover{opacity:1}.content{flex:1;min-width:0;overflow-y:auto;background:#fff}.page{padding:28px 32px 90px;max-width:1180px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-sub{color:var(--gray);margin:6px 0 0;font-size:12.5px}.eyebrow{font-size:11.5px;color:var(--gray);margin-bottom:4px}.head-actions{display:flex;gap:8px;align-items:center}.badge-ro{font-size:12px;font-weight:600;color:var(--gray);background:#f1f3f7;padding:3px 10px;border-radius:12px;vertical-align:middle;margin-left:8px}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:14px}.banner-error{background:var(--red-bg);border:1px solid #fdc0bc;color:var(--red);font-weight:600}.banner span{flex:1}.btn{border-radius:7px;border:1px solid var(--line);background:#fff;padding:9px 16px;font-weight:600;font-size:13px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-soft)}.btn-sm{padding:5px 11px;font-size:12px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-d)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b42318}.btn-link,.link-btn{background:none;border:0;color:var(--blue);font-weight:600;padding:0;font-size:12px}.btn-link:hover,.link-btn:hover{text-decoration:underline}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px}.search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 10px 0 14px;height:42px}.search.wide{margin-bottom:16px}.search input{flex:1;border:0;outline:0;background:none}.search:focus-within{border-color:var(--blue)}.filter-btn{position:relative;border:0;background:none;font-size:14px;color:var(--gray);width:28px;height:28px;border-radius:6px}.filter-btn.on{color:var(--blue);background:var(--blue-bg)}.filter-btn i{position:absolute;top:-4px;right:-4px;background:var(--blue);color:#fff;font-style:normal;font-size:10px;border-radius:8px;padding:0 5px}.segmented{display:inline-flex;background:#f1f3f7;border-radius:8px;padding:3px;gap:2px}.segmented button{border:0;background:none;padding:7px 16px;border-radius:6px;color:var(--gray);font-weight:500;white-space:nowrap}.segmented button.on{background:#fff;color:var(--blue);font-weight:600;box-shadow:0 1px 2px #0f172a14}.filter-chips{display:flex;align-items:center;gap:8px;margin:-4px 0 12px}.fchip{background:var(--blue-bg);color:var(--blue);border:1px solid #c7d5fb;border-radius:14px;padding:3px 4px 3px 11px;font-size:12px;font-weight:600}.fchip button{border:0;background:none;color:var(--blue);padding:0 6px}.path-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px;min-height:34px}.path-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.path-sep{color:var(--gray-2);font-weight:400}.path-right{display:flex;align-items:center;gap:14px}.mode-toggle{display:inline-flex;align-items:center;gap:8px}.mode-toggle .segmented button{padding:4px 12px;font-size:12px}.selection-bar{display:flex;align-items:center;gap:8px;background:var(--blue-bg);border:1px solid #c7d5fb;border-radius:8px;padding:8px 12px;margin-bottom:10px}.vtable{border:1px solid var(--line);border-radius:8px;overflow:visible}.vrow{display:grid;align-items:center;min-height:62px;padding:6px 16px 6px 20px;border-top:1px solid var(--line-2);gap:10px}.vrow>span{min-width:0}.vrow:first-child{border-top:0}.vrow.vhead{min-height:42px;background:#f1f3f7;font-size:12px;font-weight:600;color:var(--gray);border-radius:8px 8px 0 0}.vrow:hover:not(.vhead):not(.new-row){background:#fafbfd}.vrow.selected{background:var(--blue-bg)!important}.vrow.new-row{background:#f5f8ff;border-top:1px solid #c7d5fb;align-items:start;padding-top:10px;padding-bottom:10px}.name-cell{display:flex;align-items:center;gap:10px}.vrow.new-row .name-cell{align-items:flex-start}.name-col{display:flex;flex-direction:column;gap:2px;min-width:0}.name-col b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end}.hint-box{margin-top:18px;background:var(--bg-soft);border-radius:8px;padding:14px 16px;color:var(--gray);font-size:12px;line-height:1.6}.hint-box.warn{background:var(--amber-bg);color:var(--amber)}.hint-box b{color:var(--blue);display:block;margin-bottom:2px}.hint-box.warn b{color:var(--amber)}.hint-box p{margin:0}.type-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;flex:none;font-family:Segoe UI Symbol,Noto Sans KR,sans-serif}.ti-color{background:#edf2ff;color:#2e5ce5}.ti-number{background:#e5f7f0;color:#0e8a5e}.ti-string{background:#edf0f5;color:#475469}.ti-boolean{background:#f2edff;color:#6b45d9}.ti-timing{background:#fff2e0;color:#b55e05}.ti-easing{background:#e0f7f7;color:#0a7a75}.tag{display:inline-block;border-radius:10px;padding:2px 9px;font-size:11px;font-weight:600}.tag-gray{background:#f1f3f7;color:var(--gray)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-red{background:var(--red-tag);color:var(--red)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.type-chip{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700}.tc-color{background:#edf2ff;color:#2e5ce5}.tc-number{background:var(--green-bg);color:var(--green)}.tc-string{background:#edf0f5;color:#475469}.tc-boolean{background:var(--purple-bg);color:var(--purple)}.tc-timing{background:var(--amber-bg);color:var(--amber)}.tc-easing{background:#e0f7f7;color:#0a7a75}.inp{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:#fff;outline:0;min-width:0;width:100%}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e5ce51f}.inp.invalid{border-color:var(--red);background:snow}.inp.wide{width:100%}.inp.static,.inp.disabled{background:#f7f8fb;color:var(--gray)}.inp:disabled{background:#f7f8fb}.search-mini{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px 10px;outline:0}.search-mini.wide{margin-bottom:8px}.error-tip{display:inline-block;background:var(--red-tag);color:var(--red);font-size:11px;font-weight:600;border-radius:6px;padding:3px 8px;margin-top:4px}.error-tip.floating{position:absolute;left:0;top:100%;z-index:20;white-space:nowrap}.mini-select{border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:#fff;max-width:100%}.switch{width:40px;height:22px;border-radius:12px;border:0;background:#cfd6e2;position:relative;padding:0;flex:none;transition:background .15s}.switch span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003;display:block}.switch.on{background:var(--blue)}.switch.on span{left:21px}.switch.static{display:inline-block;pointer-events:none}.checkbox{width:18px;height:18px;border-radius:4px;border:1px solid #bfc8d6;background:#fff;color:#fff;font-size:11px;line-height:16px;padding:0;flex:none}.checkbox.on{background:var(--blue);border-color:var(--blue)}.radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.radio-dot{width:14px;height:14px;border-radius:50%;border:1px solid #bfc8d6;display:inline-block}.radio-dot.on{border:4px solid var(--blue)}.strong{font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:#fff;border-radius:14px;padding:4px 12px;font-size:12px}.chip:hover{background:var(--bg-soft)}.chip.on{background:var(--blue-bg);color:var(--blue);border-color:#bccbf8;font-weight:600}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.stepper button{border:0;background:#f7f8fb;width:30px;height:32px}.stepper span{min-width:56px;text-align:center;font-weight:600}.stepper em{font-style:normal;font-weight:400;color:var(--gray);margin-left:2px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.field-label{font-weight:600;font-size:12px}.field-hint{font-size:11.5px;color:var(--gray);line-height:1.5}.type-select{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--blue);border-radius:7px;background:#fff;padding:5px 6px}.type-select i{font-style:normal;font-size:10px;color:var(--gray)}.type-menu-item{display:inline-flex;align-items:center;gap:8px}.value-cell{position:relative;display:flex;align-items:center;gap:6px;min-height:30px}.val-btn{background:none;border:0;padding:4px 6px;margin:0 -6px;border-radius:6px;text-align:left;font-size:13px}.val-btn:hover:not(:disabled){background:#eef1f6}.val-inline{display:inline-flex;align-items:center;gap:8px}.val-inline .switch{cursor:pointer}.swatch{display:inline-block;border-radius:4px;border:1px solid rgba(15,23,42,.12);background:repeating-conic-gradient(#ddd 0,#ddd 25%,#fff 0,#fff 50%) 0 0 / 8px 8px;flex:none;overflow:hidden}.swatch i{display:block;width:100%;height:100%}.easing-thumb{background:#f5f8ff;border:1px solid var(--line);border-radius:4px;flex:none}.ref-hover{opacity:0;background:none;border:0;color:var(--blue);width:22px;height:22px;border-radius:5px;font-size:12px}.value-cell:hover .ref-hover{opacity:1}.ref-hover:hover{background:var(--blue-bg)}.ref-chip,.bind-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--blue);background:var(--blue-bg);color:var(--blue);border-radius:6px;padding:4px 8px;font-size:12px;max-width:100%}.ref-chip b,.bind-chip b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-chip em,.bind-chip em{font-style:normal;color:var(--gray);font-size:11px;white-space:nowrap}.ref-chip:hover,.bind-chip:hover:not(:disabled){background:#e2e9ff}.bind-chip{border-color:transparent;background:#f1f3f7;color:var(--text)}.bind-chip.linked{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.bind-chip.wide{width:100%}.bind-chip .x{font-style:normal;margin-left:auto;color:var(--gray)}.diamond{font-family:Segoe UI Symbol,sans-serif;font-size:11px}.inline-edit{position:relative;display:block;width:100%}.raw-input{display:inline-flex;align-items:center;gap:6px;width:100%}.value-pop-body{display:flex;flex-direction:column;gap:10px}.pop-section{display:flex;flex-direction:column;gap:8px}.value-pop{padding:12px}.ref-picker{display:flex;flex-direction:column;gap:8px}.ref-list{max-height:260px;overflow-y:auto}.ref-group{font-size:11px;font-weight:700;color:var(--gray);padding:8px 6px 4px}.ref-item{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;border-radius:6px;padding:6px 8px;text-align:left}.ref-item:hover{background:#f1f3f7}.ref-item.on{background:var(--blue-bg);color:var(--blue)}.ref-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check{color:var(--blue);font-weight:700}.ref-foot{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.cp{display:flex;flex-direction:column;gap:10px}.cp-sv{position:relative;height:150px;border-radius:8px;overflow:hidden;cursor:crosshair;touch-action:none}.cp-sv-w{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff,#fff0)}.cp-sv-b{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000,#0000)}.cp-knob{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059}.cp-sliders{display:flex;gap:10px;align-items:center}.cp-swatch{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);flex:none}.cp-bars{flex:1;display:flex;flex-direction:column;gap:8px}.cp-hue,.cp-alpha{position:relative;height:10px;border-radius:5px;touch-action:none;cursor:pointer}.cp-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha{background:repeating-conic-gradient(#ddd 0,#ddd 25%,#fff 0,#fff 50%) 0 0 / 8px 8px}.cp-alpha-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px}.cp-thumb{position:absolute;top:-3px;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d;background:transparent}.cp-row{display:flex;gap:6px;align-items:center}.cp-model{border:1px solid var(--line);border-radius:6px;padding:6px 4px;background:#fff;width:72px}.cp-inputs{flex:1;display:flex;gap:4px;min-width:0}.cp-hex,.cp-num{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:6px}.cp-alpha-input{display:flex;align-items:center;gap:2px;width:62px}.cp-alpha-input input{width:100%;border:1px solid var(--line);border-radius:6px;padding:6px 4px}.easing-editor{display:flex;flex-direction:column;gap:10px}.easing-plot{border-radius:8px;background:#fff;width:100%;height:auto}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-field{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--gray)}.mini-field input{border:1px solid var(--line);border-radius:6px;padding:5px 6px;width:100%}.slider-row{display:flex;align-items:center;gap:8px;font-size:12px}.slider-row input{flex:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog{background:#fff;border-radius:14px;box-shadow:var(--shadow);max-height:calc(100vh - 40px);display:flex;flex-direction:column;max-width:100%}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px 14px;border-bottom:1px solid var(--line)}.dialog-title{font-size:20px;font-weight:700}.dialog-sub{color:var(--gray);font-size:12px;margin-top:4px;line-height:1.5}.dialog-body{padding:18px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dialog-foot{padding:14px 28px 22px;display:flex;justify-content:flex-end;gap:8px;align-items:center;border-top:1px solid var(--line)}.dialog-foot .left{margin-right:auto}.x-btn{border:0;background:none;color:var(--gray);font-size:15px;width:28px;height:28px;border-radius:6px}.x-btn:hover{background:#f1f3f7}.dialog.alert{border-radius:14px}.alert-body{padding:28px 28px 14px;display:flex;flex-direction:column;gap:12px}.alert-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.tone-red{background:var(--red-tag);color:var(--red)}.tone-green{background:var(--green-bg);color:var(--green)}.tone-amber{background:var(--amber-bg);color:var(--amber)}.tone-blue{background:var(--blue-bg);color:var(--blue)}.tone-gray{background:#f1f3f7;color:var(--gray)}.alert-title{font-size:18px;font-weight:700}.alert-desc{color:var(--gray);line-height:1.6}.alert .dialog-foot{border-top:0;padding-top:4px}.popover{position:fixed;z-index:1100;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #0f172a29;padding:6px;max-height:calc(100vh - 16px);overflow-y:auto}.popover.value-pop{padding:12px}.menu{padding:6px}.menu-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;border-radius:6px;padding:8px 10px;text-align:left}.menu-item:hover:not(:disabled){background:#f1f3f7}.menu-item.active{background:var(--blue-bg);color:var(--blue)}.menu-item.danger{color:var(--red)}.menu-desc{font-size:11px;color:var(--gray)}.menu-divider{height:1px;background:var(--line);margin:4px 0}.skeleton{display:inline-block;background:linear-gradient(90deg,#eceff5 25%,#f5f7fb,#eceff5 75%);background-size:200% 100%;animation:sk 1.2s linear infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-head{height:42px;background:#f1f3f7;border-radius:8px 8px 0 0}.skeleton-row{display:flex;gap:40px;align-items:center;padding:22px 16px;border-top:1px solid var(--line-2)}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:70px 20px;text-align:center}.empty-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.empty-title{font-size:18px;font-weight:700}.empty-desc{color:var(--gray);max-width:520px;line-height:1.6}.empty-actions{display:flex;gap:8px}.toasts{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#18212f;color:#fff;padding:11px 16px;border-radius:8px;font-size:13px;box-shadow:var(--shadow)}.toast-success{background:#0e6b4b}.toast-error{background:var(--red)}.demo{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.demo-fab{background:#18212f;color:#fff;border:0;border-radius:20px;padding:9px 16px;font-weight:600;box-shadow:var(--shadow)}.demo-panel{width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:9px}.demo-panel label{display:flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer}.demo-title{font-weight:700}.demo-title small{color:var(--gray);font-weight:400;margin-left:6px}.demo-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.mini-table>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);font-size:12.5px}.mini-table>div:first-child{border-top:0}.mini-table span{color:var(--gray);text-align:right}.warn-box{background:var(--amber-bg);color:var(--amber);border-radius:8px;padding:10px 14px;font-size:12px;display:flex;flex-direction:column;gap:3px}.info-box{background:#f5f8ff;border-radius:8px;padding:12px 14px;font-size:12px}.info-box b{color:var(--blue)}.info-box p{margin:4px 0 0}.info-box.small{font-size:12px;line-height:1.6;color:var(--gray)}.preview-box{background:#f5f8ff;border-radius:8px;padding:10px 14px;color:var(--gray)}.mode-list{display:flex;flex-direction:column;gap:8px}.mode-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff}.mode-row.dragging{opacity:.4}.drag{color:var(--gray-2);cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:-2px}.mode-main{flex:1;display:flex;flex-direction:column;gap:3px}.mode-actions{position:relative}.mini-menu{position:absolute;right:0;top:28px;z-index:5;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #0f172a24;padding:4px;width:130px;display:flex;flex-direction:column}.mini-menu button{border:0;background:none;text-align:left;padding:7px 9px;border-radius:5px}.mini-menu button:hover:not(:disabled){background:#f1f3f7}.mini-menu .danger{color:var(--red)}.dropzone{border:1.5px dashed #c9d2e0;border-radius:10px;background:#fbfcfe;padding:18px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;cursor:pointer}.dropzone.over,.dropzone:hover{border-color:var(--blue);background:var(--blue-bg)}.file-list{display:flex;flex-direction:column;gap:8px}.file-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:9px 12px}.file-row b{color:var(--blue)}.file-row span{flex:1;color:var(--gray);font-size:12px}.file-row.warn{background:var(--amber-bg);border-color:#f5d49a}.file-row.warn span{color:var(--amber)}.file-row.err{background:var(--red-bg);border-color:#fdc0bc}.file-row.err b,.file-row.err span{color:var(--red)}.export-list{display:flex;flex-direction:column;gap:8px}.export-row{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px 14px;cursor:pointer}.export-row.on{border-color:var(--blue);background:#f7f9ff}.preview{display:flex;flex-direction:column;gap:24px}.preview-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tiles{display:flex;flex-wrap:wrap;gap:12px}.tile{width:200px;height:76px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#fff;overflow:visible}.tile-name{font-size:11px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-value{font-size:16px;font-weight:600;min-height:28px;display:flex;align-items:center}.tile-value .value-cell{width:100%}.tile-value .val-btn,.tile-value .val-inline{font-size:16px;font-weight:600}.strip-group{margin-bottom:18px}.strip-title{display:flex;justify-content:space-between;margin-bottom:8px}.strip-scroll{overflow-x:auto;padding-bottom:6px}.strip{display:flex;min-width:100%}.strip-cell{flex:1 0 54px;min-width:54px;border:0;background:none;padding:0;text-align:center;position:relative}.strip-cell i{display:block;height:52px;box-shadow:inset 0 0 0 1px #0f172a12}.strip-cell:first-child i{border-radius:8px 0 0 8px}.strip-cell:last-child i{border-radius:0 8px 8px 0}.strip-cell span{display:block;font-size:11px;color:var(--gray);margin-top:4px}.strip-cell em{position:absolute;top:4px;right:5px;font-style:normal;font-size:10px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5)}.strip-cell:hover i{outline:2px solid var(--blue);outline-offset:-2px}.doc-card{border:1px solid var(--line);border-radius:10px;min-height:420px;background:#fff;overflow:hidden}.doc-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fafbfd;border-bottom:1px solid var(--line);font-size:12px}.doc-editor{width:100%;min-height:460px;border:0;outline:0;padding:20px 24px;font-family:Consolas,D2Coding,monospace;font-size:13px;line-height:1.7;resize:vertical;display:block}.md{padding:24px 32px;line-height:1.8}.md h1{font-size:24px;margin:0 0 10px}.md h2{font-size:18px;margin:26px 0 8px}.md h3{font-size:15px;margin:18px 0 6px}.md p{margin:6px 0}.md ul{margin:6px 0;padding-left:20px}.md hr{border:0;border-top:1px solid var(--line);margin:22px 0}.md h4{font-size:14px;margin:14px 0 4px}.md ol{margin:6px 0;padding-left:22px}.md li ul{margin:2px 0}.md blockquote{margin:10px 0;padding:6px 14px;border-left:3px solid var(--line);background:var(--bg-soft, #f6f6f8);color:#4f4f64;border-radius:0 6px 6px 0}.md blockquote p{margin:2px 0}.md a{color:var(--blue)}.md-code{font-family:Consolas,D2Coding,monospace;font-size:12px;padding:1px 5px;border-radius:4px;background:#f0f0f4}.md-pre{margin:10px 0;padding:12px 14px;background:#21212c;color:#f0f0f4;border-radius:8px;overflow-x:auto;font-size:12.5px;line-height:1.6}.md-pre code{font-family:Consolas,D2Coding,monospace}.md-table-wrap{overflow-x:auto;margin:10px 0}.md-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}.md-table th,.md-table td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}.md-table th{background:#f6f6f8;font-weight:600;white-space:nowrap}.md-ref{font-family:inherit;font-size:12px;padding:1px 6px;border-radius:5px}.md-ref.ok{background:var(--blue-bg);color:var(--blue)}.md-ref.bad{background:var(--red-tag);color:var(--red)}.ts-overview{border:1px solid var(--line);border-radius:10px;overflow:hidden}.ts-row{display:grid;grid-template-columns:220px 1fr 280px;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid var(--line-2);cursor:pointer}.ts-row:first-child{border-top:0}.ts-row:hover{background:#fafbfd}.ts-key{font-size:12px;color:var(--gray)}.ts-sample{overflow:hidden;white-space:nowrap;color:var(--text)}.ts-meta{font-size:11px;color:var(--gray-2);text-align:right}.ts-section{margin-bottom:22px}.ts-section-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.ts-cols{grid-template-columns:minmax(150px,1.1fr) repeat(2,minmax(150px,1fr)) minmax(150px,1fr) minmax(150px,1fr) 40px!important}.font-btn{border:0;background:none;padding:4px 6px;margin:0 -6px;border-radius:6px}.font-btn:hover:not(:disabled){background:#eef1f6}.font-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.font-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:none;padding:10px 14px;text-align:left;border-top:1px solid var(--line-2)}.font-item:first-child{border-top:0}.font-item:hover{background:#f5f8ff}.font-item.on{background:var(--blue-bg);color:var(--blue)}.ts-new{margin-top:10px;border:1px solid #c7d5fb;border-radius:10px;background:#f5f8ff;padding:6px 4px 10px}.ts-new .vrow{border-top:0;background:none}.ts-new .fine{padding:0 12px}.layout-wrap{display:flex;align-items:flex-start}.layout-wrap>.page{flex:1;min-width:0}.layout-wrap.with-panel>.page{max-width:none}.card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:14px;background:#fff}.card-title{font-weight:700;margin-bottom:8px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.card-head .card-title{margin-bottom:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-list{display:flex;flex-direction:column;gap:8px}.guide-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;cursor:pointer}.guide-row:hover{background:#fafbfd}.guide-row.on{border-color:var(--blue);background:var(--blue-bg)}.guide-row.off .guide-main{opacity:.45}.guide-row.dragging{opacity:.4}.guide-main{flex:1;display:flex;flex-direction:column;gap:2px}.eye{border:0;background:none;color:#a3adbd;width:30px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer}.eye:hover{background:var(--bg-soft)}.eye.on{color:var(--blue)}.size-inputs{display:flex;align-items:center;gap:8px;font-size:12px}.size-inputs input{width:70px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;margin:0 2px}.preview-box-wrap{background:#f1f3f7;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.canvas{background:#fff;box-shadow:0 1px 6px #0f172a24}.canvas svg{display:block}.guide-panel{width:340px;flex:none;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 58px);overflow-y:auto;border-left:1px solid var(--line);background:#fff;padding:22px 20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-sec{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.panel-label{font-weight:700;font-size:12.5px}.align-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.align-card{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;font-size:12px}.align-card.on{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);font-weight:600}.num-field{display:flex;flex-direction:column;gap:5px;position:relative}.num-field>label{font-size:11.5px;color:var(--gray);font-weight:600}.num-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 4px 0 10px;background:#fff}.num-input:focus-within{border-color:var(--blue)}.num-input input{flex:1;border:0;outline:0;padding:8px 0;min-width:0;width:100%;background:none}.num-input span{color:var(--gray-2);font-size:11px;margin-right:4px}.token-btn{border:0;background:none;color:var(--gray-2);width:24px;height:24px;border-radius:5px}.token-btn:hover{background:var(--blue-bg);color:var(--blue)}.color-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 10px;text-align:left}.color-btn i{width:18px;height:18px;border-radius:4px}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tpl{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer}.tpl.on{border-color:var(--blue);background:var(--blue-bg)}.editor-shell{display:flex;height:100vh;min-width:900px;background:var(--bg-soft)}.rail{width:56px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px}.rail-logo{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}.rail-btn{position:relative;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:#475469;display:grid;place-items:center;cursor:pointer}.rail-btn:hover{background:var(--blue-bg);color:var(--blue)}.rail-tip{position:absolute;left:48px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#18212f;color:#fff;font-size:12px;padding:5px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.rail-btn:hover .rail-tip{opacity:1}.editor-main{flex:1;min-width:0;display:flex;flex-direction:column}.editor-bar{height:52px;flex:none;display:flex;align-items:center;gap:8px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line)}.editor-tools{margin-left:auto;display:flex;align-items:center;gap:14px}.ed-field{display:flex;align-items:center;gap:6px;color:var(--gray)}.ed-field select{height:30px;border:1px solid var(--line);border-radius:6px;padding:0 8px;background:#fff}.ed-check{display:flex;align-items:center;gap:5px;cursor:pointer}.ed-link{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gray);cursor:pointer}.editor-tip{padding:8px 18px;background:var(--blue-bg);color:var(--blue-d);border-bottom:1px solid var(--line);line-height:1.6}.editor-stage{flex:1;overflow:auto;padding:32px}.artboard{box-shadow:0 6px 28px #0f172a24;overflow:hidden;font-family:Pretendard,Noto Sans KR,sans-serif}.editor-status{height:30px;flex:none;display:flex;gap:24px;align-items:center;padding:0 18px;background:#fff;border-top:1px solid var(--line);color:var(--gray);font-size:12px}.vtable .vrow:not(.vhead):not(.new-row){cursor:default;-webkit-user-select:none;user-select:none}.vtable input{-webkit-user-select:text;user-select:text}.menu-key{display:flex;justify-content:space-between;gap:16px;width:100%}.menu-key kbd{font-family:inherit;font-size:11px;color:var(--gray-2)}.sidebar-inner{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%}.side-extra{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0 0 8px}.side-extra:empty{display:none}.side-extra>.side-section{display:flex;flex-direction:column;flex:1 1 0;min-height:0;margin:0;overflow:hidden}.side-extra>.side-section+.side-section{border-top:1px solid var(--line)}.side-extra>.side-section[data-open=false]{flex:none}.side-extra>.side-section>.side-label{flex:none;min-height:42px;margin:0;padding:5px 12px}.side-extra>.side-section[data-open=false]>.side-label{border-bottom:0}.side-extra>.side-section>.side-label .side-section-toggle{gap:6px;color:var(--text);font-size:12px;font-weight:600}.side-extra>.side-section>.side-label .section-chevron{opacity:1}.side-extra>.side-section>.sidebar-disclosure[data-open=true]{flex:1;min-height:0}.side-extra>.side-section>.sidebar-disclosure>.sidebar-disclosure-inner{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:0 8px 12px;scrollbar-width:thin;scrollbar-color:#b8c2d1 transparent}.side-extra .tree-row,.side-extra .side-item{min-height:30px;border-radius:5px;font-size:12px}.side-extra .tree-row.on,.side-extra .side-item.on{background:#eaf1ff;color:#2458c6}.side-extra .tree-row:hover,.side-extra .side-item:hover{background:var(--bg-soft)}.side-extra .tree-row.on:hover,.side-extra .side-item.on:hover{background:#e2ecff}.sidebar .icon-btn:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.sidebar .tree-row:focus-within .icon-btn.hover,.sidebar .side-item:focus-within .icon-btn.hover{opacity:1}.sidebar-drop-root{min-height:100%;border-radius:4px;padding-bottom:20px}.sidebar-drop-root.root-drop-target{box-shadow:inset 0 0 0 1px #c7d7fb;background:#f7faff}.side-extra .tree-row.group-drop-target{background:#e5eeff;color:#2458c6;box-shadow:inset 0 0 0 1.5px var(--blue)}.tree-row[draggable=true],.name-cell[draggable=true]{cursor:grab}.tree-row[draggable=true]:active,.name-cell[draggable=true]:active{cursor:grabbing}.group-dragging{opacity:.45}.side-extra>.side-section>.sidebar-disclosure>.sidebar-disclosure-inner::-webkit-scrollbar{width:5px}.side-extra>.side-section>.sidebar-disclosure>.sidebar-disclosure-inner::-webkit-scrollbar-thumb{border-radius:5px;background:#b8c2d1}.side-extra>.side-section>.sidebar-disclosure>.sidebar-disclosure-inner::-webkit-scrollbar-thumb:hover{background:#8a96a8}.side-extra>.side-section>.sidebar-disclosure>.sidebar-disclosure-inner::-webkit-scrollbar-track{background:transparent}.sidebar.collapsed{width:0;padding-left:0;padding-right:0;border-right:0;overflow:hidden}.side-handle{position:absolute;top:18px;left:311px;z-index:6;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#475469;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px #0f172a1a;transition:left .18s ease}.side-handle:hover{background:var(--blue-bg);color:var(--blue);border-color:#c7d5fb}.side-handle.collapsed{left:8px}.sidebar.collapsed~.content{margin-left:28px}.mode-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-heading.dragging{opacity:.45}.mode-heading.drop-before:before,.mode-heading.drop-after:after{content:"";position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:var(--blue)}.mode-heading.drop-before:before{left:-6px}.mode-heading.drop-after:after{right:-6px}.mode-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-inp{flex:1;min-width:0;padding:4px 8px;font-size:13px;font-weight:600}.mode-err{position:absolute;top:calc(100% + 2px);left:0;z-index:3;white-space:nowrap;background:#fff}.motion-preview{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8faff;min-width:0}.motion-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.motion-effects{display:flex;gap:2px;padding:2px;border-radius:7px;background:#e9eef8}.motion-effects button{border:0;background:none;border-radius:5px;padding:3px 10px;font-size:12px;color:var(--gray)}.motion-effects button.on{background:#fff;color:var(--blue);font-weight:600;box-shadow:0 1px 2px #0f172a1a}.motion-replay{border:0;background:none;color:var(--blue);font-size:12px;font-weight:600}.motion-replay:disabled{color:var(--gray-2)}.motion-stage{position:relative;height:84px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.motion-track{top:42px!important}.ease-list{display:flex;flex-direction:column;gap:6px}.ease-group-title{font-size:11px;font-weight:700;color:var(--gray-2);padding:2px 4px 4px}.ease-row{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:none;border-radius:8px;padding:3px 8px;text-align:left}.ease-row:hover{background:var(--bg-soft)}.ease-row.on{background:var(--blue-bg);border-color:#bccbf8}.ease-row .easing-thumb{flex:none;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px}.ease-text{display:grid;gap:1px;min-width:0;flex:1}.ease-text b{font-size:12.5px;font-weight:600;color:var(--text)}.ease-text em{font-style:normal;font-size:11px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ease-check{color:var(--blue);font-weight:700}.ease-more{align-self:flex-start;border:0;background:none;padding:2px 0;font-size:12px;font-weight:600;color:var(--gray)}.ease-more:hover{color:var(--blue)}.ease-custom{display:flex;flex-direction:column;gap:10px}.timing-editor{display:flex;flex-direction:column;gap:12px}.timing-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.timing-card{display:grid;gap:2px;justify-items:center;padding:10px 6px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:center}.timing-card:hover{background:var(--bg-soft)}.timing-card.on{background:var(--blue-bg);border-color:#bccbf8}.timing-card b{font-size:13px}.timing-card span{font-size:12px;font-weight:600;color:var(--blue)}.timing-card em{font-style:normal;font-size:11px;color:var(--gray)}.timing-fine{display:flex;align-items:center;gap:12px}.timing-fine input[type=range]{flex:1;min-width:0}.timing-num{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray)}.timing-num input{width:72px;border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:13px;text-align:right}.timing-num.invalid input{border-color:var(--red, #d33)}.easing-drag{touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 .mini-field input{padding:8px 9px;font-size:13px}.motion-track{position:absolute;top:45px;left:22px;right:22px;height:1px;background:#d5def2}.motion-object{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--blue);color:#fff;font-size:24px;position:relative;transform-origin:center}.motion-fade .motion-object,.motion-scale .motion-object{margin:0 auto}.motion-fade .motion-object{opacity:0}.motion-scale .motion-object{transform:scale(.65)}.motion-stage-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:var(--gray-2)}.motion-duration,.motion-controls,.motion-repeat{display:flex;align-items:center;gap:7px;font-size:12px}.motion-duration input{width:90px;border:1px solid var(--line);border-radius:5px;padding:5px;background:#fff}.motion-controls{flex-wrap:wrap}.motion-repeat{margin-left:auto;white-space:nowrap}.motion-token-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.motion-token-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--gray)}.settings-status{display:flex;align-items:center;gap:8px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line);color:var(--gray);font-size:11px}.settings-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.settings-status-dot.dirty{background:#d49320}.settings-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:28px;padding:23px 24px;align-items:start;border-bottom:1px solid var(--line-2)}.setting-row:last-child{border-bottom:0}.setting-row-copy h3{margin:2px 0 7px;font-size:12.5px;font-weight:600}.setting-row-copy p{font-size:11px;color:var(--gray);line-height:1.7;margin:0;max-width:400px}.setting-row-control{min-width:0;display:flex;justify-content:flex-end}.setting-row-control>select,.settings-input-label,.settings-export{width:100%}.settings-input-label{display:flex;flex-direction:column;gap:5px}.settings-input-label small{text-align:right;font-size:10px;color:var(--gray-2)}.settings-input-label small.error-tip{text-align:left;color:var(--red)}.settings-description{resize:vertical;min-height:80px;line-height:1.6}.settings-density{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.settings-density button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:7px}.settings-density button.on{border-color:var(--blue);background:var(--blue-bg)}.settings-density b{font-size:11px}.settings-density small{font-size:10px;color:var(--gray)}.density-lines{width:46px;display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.density-lines i{height:3px;background:#a5b4d1;border-radius:2px}.density-lines.compact{gap:2px}.settings-inventory{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 12px;background:var(--bg-side);border-bottom:1px solid var(--line)}.settings-inventory>div{display:flex;flex-direction:column;align-items:center;gap:6px;border-right:1px solid var(--line)}.settings-inventory>div:last-child{border-right:0}.settings-inventory strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.settings-inventory span{font-size:10px;color:var(--gray)}.settings-export{display:flex;flex-wrap:wrap;gap:8px}.settings-export select{flex:1;min-width:125px;width:auto}.settings-export small{flex-basis:100%;font-size:10px;color:var(--gray)}.settings-bottom-note{color:var(--gray);font-size:11px;line-height:1.8;padding-top:4px}@media (max-width: 1200px){.setting-row{grid-template-columns:1fr;gap:16px}.setting-row-control{justify-content:flex-start}.setting-row-control>.settings-input-label,.setting-row-control>select,.settings-density,.settings-export{max-width:480px}}@media (max-width: 900px){.motion-workspace{grid-template-columns:1fr}.motion-settings{padding-right:0;border-right:0;padding-bottom:18px;border-bottom:1px solid var(--line)}.motion-comparison-head{flex-wrap:wrap}}@media (max-width: 520px){.motion-comparison-grid{grid-template-columns:1fr}.motion-save-note{max-width:45%}}.doc-list-caption{display:flex;align-items:center;gap:16px;padding:8px 0 16px}.design-doc-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.design-doc-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.design-doc-row:last-child{border-bottom:0}.design-doc-row:hover{background:#f8faff}.doc-order{font-size:22px;font-weight:600;color:var(--gray-2);font-variant-numeric:tabular-nums}.doc-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;border:0;background:none;text-align:left;color:inherit;padding:4px 0}.doc-open b{font-size:15px}.doc-open span{color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px}.doc-open small{color:var(--gray-2);font-size:11px}.doc-row-actions{display:flex;gap:4px;align-items:center}.doc-open:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}@media (max-width: 1100px){.design-doc-row{flex-wrap:wrap;gap:12px}.doc-row-actions{margin-left:auto}.doc-list-caption{align-items:flex-start;flex-direction:column;gap:6px}}.lib-note{margin:0 0 12px;color:var(--gray)}.lib-warn{margin-top:12px;padding:11px 14px;border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:12.5px}.lib-include{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.lib-include label{display:flex;align-items:center;gap:10px}.lib-include label .muted{margin-left:auto}.lib-include-all{padding-bottom:8px;border-bottom:1px solid var(--line)}.lib-start{display:grid;gap:8px}.lib-start button{display:grid;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.lib-start button.on{border-color:var(--blue);background:var(--blue-bg)}.lib-start button:disabled{opacity:.5}.lib-changed{display:inline-flex;align-items:center;gap:8px;margin-top:3px}.lib-coll-note{margin-bottom:14px}.lib-editing-badge{margin-left:12px;padding:5px 12px;border-radius:14px;background:var(--amber-bg);color:var(--amber);font-size:12px;font-weight:600;white-space:nowrap}.lib-editing-badge.ro{background:#f1f3f7;color:var(--gray)}.header-dot{position:relative}.header-dot:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid #fff}.dialog-body:has(>.lm){padding:0;overflow:hidden;display:block}.lm{display:flex;flex-direction:column;height:min(640px,calc(100vh - 80px))}.lm-head{display:flex;align-items:center;gap:14px;padding:16px 20px 16px 28px;border-bottom:1px solid var(--line);flex:none}.lm-title{margin:0;font-size:18px;font-weight:700;white-space:nowrap}.lm-search{flex:1;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);max-width:420px;margin-left:12px}.lm-search:focus-within{border-color:var(--blue);background:#fff}.lm-search input{flex:1;border:0;outline:0;background:none;font-size:13px}.lm-head .btn-primary{margin-left:auto}.lm-x{flex:none}.lm-body{display:grid;grid-template-columns:232px 1fr;flex:1;min-height:0}.lm-side{background:var(--bg-side);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.lm-side-title{font-size:11px;font-weight:700;color:var(--gray-2);padding:0 10px 8px}.lm-side button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;border-radius:7px;padding:9px 10px;text-align:left;color:var(--text);font-size:13px}.lm-side button:hover{background:#eef1f6}.lm-side button.on{background:var(--blue-bg);color:var(--blue);font-weight:700}.lm-side button i{font-style:normal;font-size:11px;font-weight:700;color:var(--gray)}.lm-side button.on i{color:var(--blue)}.lm-side-note{margin:auto 0 0;padding:14px 10px 0;font-size:11.5px;line-height:1.6;color:var(--gray)}.lm-main{overflow-y:auto;padding:20px 24px 24px;min-width:0}.lm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lm-item{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fff;cursor:pointer}.lm-item:hover,.lm-item:focus-visible{border-color:#b9c8f5;box-shadow:0 2px 10px #2e5ce514;outline:0}.lm-item-body{flex:1;min-width:0;display:grid;gap:5px}.lm-item-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lm-item-name b{font-size:14px}.lm-item-meta{font-size:12px;color:var(--gray)}.lm-item-act{display:flex;gap:6px;flex:none}.lm-chev{color:var(--gray-2);font-size:22px;line-height:1;flex:none}.lm-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:56px;height:56px;flex:none;padding:3px;border-radius:10px;background:#f1f3f7}.lm-swatches i{border-radius:4px;border:1px solid rgba(15,23,42,.08)}.lm-swatches i.none{display:grid;place-items:center;grid-column:1 / -1;grid-row:1 / -1;border:0;color:var(--gray-2);font-style:normal;font-size:20px}.lm-empty{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--gray)}.lm-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--blue-bg);color:var(--blue);font-size:22px}.lm-empty b{color:var(--text);font-size:15px;margin-top:4px}.lm-empty p{margin:0 0 8px;max-width:360px;line-height:1.6}.lm-detail{display:grid;gap:18px}.lm-back{justify-self:start;border:0;background:none;color:var(--blue);font-weight:600;font-size:12.5px;padding:0}.lm-back:hover{text-decoration:underline}.lm-dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.lm-dtitle{display:grid;gap:8px;min-width:0}.lm-dtitle h3{margin:0;font-size:22px;line-height:1.25}.lm-dactions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lm-update{padding:12px 14px;border-radius:8px;background:var(--blue-bg);color:#223a8f;font-size:12.5px;line-height:1.6}.lm-sec h4{margin:0 0 10px;font-size:13px}.lm-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.lm-color{display:grid;gap:4px;font-size:11.5px}.lm-color i{display:block;height:44px;border-radius:8px;border:1px solid rgba(15,23,42,.1)}.lm-color span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-color em{font-style:normal;color:var(--gray);font-size:11px}.lm-color.more{align-content:center;color:var(--gray)}.lm-assets{border:1px solid var(--line);border-radius:10px;overflow:hidden}.lm-arow{display:grid;grid-template-columns:1.4fr 80px 1.6fr;gap:12px;padding:11px 16px;border-top:1px solid var(--line);font-size:13px}.lm-arow:first-child{border-top:0}.lm-ahead{background:#f1f3f7;color:var(--gray);font-size:12px;font-weight:700;padding-top:9px;padding-bottom:9px}.sm .lm-head .btn-primary{margin-left:0}.sm-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray);white-space:nowrap}.sm-main{display:flex;flex-direction:column;gap:14px}.sm-head h3{margin:0 0 4px;font-size:17px}.sm-head p{margin:0;font-size:12px;color:var(--gray)}.sm-main .setting-row{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;padding:18px 20px}.sm-main .settings-density,.sm-main .settings-export,.sm-main .setting-row-control>select{max-width:none}.sm-main .settings-inventory{padding:16px 8px}.sm-main .setting-row .setting-row-control,.sm-main .settings-export{justify-content:flex-end}.sm-main .settings-export small{text-align:right}.vrow.vhead .mode-heading{align-self:stretch;margin:-6px 0;padding:0 4px;-webkit-user-select:none;user-select:none;border-radius:6px}.mode-heading.draggable{cursor:grab}.mode-heading.draggable:hover{background:#e6eaf2}.mode-heading.draggable:active{cursor:grabbing}.mode-heading input{-webkit-user-select:text;user-select:text}.vtable-scroll{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.vtable-scroll>.vtable{border:0;border-radius:0}:where(.vtable-scroll) .vrow{background:#fff}.vtable-scroll .vrow.vhead{border-radius:0}.vtable-scroll .vrow>span:first-child{position:sticky;left:0;z-index:2;background:inherit;margin:0 -10px 0 -20px;padding:0 10px 0 20px}.mode-heading:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.mode-heading:focus{background:#e6eaf2}.name-cell .name-col{flex:1}.head-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.head-icon-btn:hover{background:var(--bg-soft);color:var(--blue);border-color:#c9d6f7}.head-icon-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.transfer-tabs{margin-bottom:14px}.export-docs{display:grid;gap:2px;margin:4px 0 8px;padding:8px;border:1px solid var(--line);border-radius:10px;text-align:left;max-height:220px;overflow-y:auto}.export-docs label{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;font-size:13px;cursor:pointer}.export-docs label:hover{background:var(--bg-soft)}.export-docs-all{border-bottom:1px solid var(--line);border-radius:7px 7px 0 0;margin-bottom:2px}.export-docs-all .muted{margin-left:auto}.page-head>div>.btn-link{display:inline-block;margin-bottom:14px}.font-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.font-bar .search-mini{flex:1;max-width:380px;height:38px;padding:0 12px}.font-bar .font-bar-preview{flex:0 1 280px}.font-bar .segmented{margin-left:auto}.font-table .vrow:not(.vhead){min-height:56px}.font-cell-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-cell-preview{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-cell-license{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-cell-usage{font-size:13px;color:var(--gray-2);font-variant-numeric:tabular-nums}.font-cell-usage.on{color:var(--text);font-weight:600;cursor:help}.font-cell-act{display:flex;justify-content:flex-end}.font-tag{display:inline-block;padding:2px 9px;border-radius:10px;background:#f1f3f7;color:var(--gray);font-size:11px;font-weight:600;white-space:nowrap}.font-tag.mine{background:var(--blue-bg);color:var(--blue)}.font-cell-name .font-tag,.font-item .font-tag{margin-left:8px}.font-info{margin-top:18px;padding:14px 16px;line-height:1.7}.font-drop{margin-bottom:4px;padding:22px 18px}.font-drop b{color:var(--blue)}.font-drop.bad{border-color:var(--red);background:#fff7f7}.font-agree{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px;cursor:pointer}.font-usage-list{margin:8px 0 0;padding-left:18px;text-align:left;font-size:13px;line-height:1.7}.easing-editor>.segmented{display:flex;width:100%}.easing-editor>.segmented button{flex:1 1 0;padding-left:0;padding-right:0;text-align:center}.easing-editor .ease-pane{min-height:456px;display:flex;flex-direction:column;gap:10px}.mode-tabs{margin:0 0 18px;max-width:100%;overflow-x:auto}.new-cell{display:flex;align-items:flex-start;gap:6px}.new-cell .new-input{flex:1;min-width:0;display:grid;gap:4px}.new-cell .mini-select{flex:1;min-width:0}.new-ref-btn{flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--blue);font-size:13px}.new-ref-btn:hover{background:var(--blue-bg);border-color:#c7d5fb}.new-ref{display:flex;align-items:center;gap:4px;min-height:34px}.new-name{display:flex;align-items:stretch;width:100%;min-width:0}.new-name .inp{flex:1;min-width:0}.new-name-prefix{flex:none;max-width:48%;display:flex;align-items:center;padding:0 8px 0 10px;border:1px solid var(--line);border-right:0;border-radius:6px 0 0 6px;background:#eef1f6;color:var(--gray);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-name-prefix+.inp{border-radius:0 6px 6px 0}.fine.warn{color:var(--warning, #b45309)}.motion-page.with-preview{max-width:none}.mo-workspace{min-width:0}.mo-workspace.with-preview{display:grid;grid-template-columns:minmax(400px,1fr) minmax(360px,40%);gap:24px;align-items:start}.mo-editor{min-width:0}.mo-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:14px 0}.mo-name-grid dt{margin-bottom:6px;color:var(--gray);font-size:11.5px}.mo-name-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}.mo-name-css{grid-column:1 / -1}.mo-name-css dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.mo-css-name{color:var(--gray);font:11.5px/1.5 Consolas,monospace;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.mo-name-description-row{grid-column:1 / -1;min-width:0}.mo-name-grid .mo-name-description{width:100%;color:var(--gray);font-size:12px;font-weight:400;line-height:1.6}.mo-binding-info{flex-basis:100%;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.mo-binding-source,.mo-binding-css{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11.5px;color:var(--gray)}.mo-binding-source b{color:var(--text)}.mo-binding-css{gap:8px}.btn-preview-on{background:var(--blue-bg);border-color:#c7d4fb;color:var(--blue)}.mo-section .card-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mo-section-hint{font-size:11.5px;color:var(--gray);font-weight:400}.mo-section .mo-row{padding:12px 0;display:grid;grid-template-columns:120px minmax(0,1fr)}.mo-section .mo-row:first-of-type{border-top:0}.mo-section .mo-origin{padding:12px 0 0;border-top:1px solid var(--line-2);margin-top:8px;flex-wrap:wrap}.mo-section-note{margin:0;padding:4px 0 0;line-height:1.7}.mo-keyframes .card-head{align-items:center}.mo-add-track{width:auto;max-width:150px;font-size:12px;padding:6px 8px}.mo-keyframe-help{margin:2px 0 18px;color:var(--gray);font-size:11.5px;line-height:1.6}.mo-kf-ruler-row{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:18px;align-items:center}.mo-kf-ruler-row>span,.mo-kf-ruler-row>.mo-kf-ruler-scroll{grid-row:2}.mo-kf-lane{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:18px;align-items:center}.mo-kf-ruler-row{margin-bottom:2px}.mo-kf-ruler-row>.mo-kf-ruler-scroll{grid-column:2}.mo-kf-ruler-scroll,.mo-kf-timeline-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--line) transparent}.mo-kf-timeline-scroll{scrollbar-width:none}.mo-kf-timeline-scroll::-webkit-scrollbar{height:0}.mo-kf-ruler{position:relative;height:34px;min-width:100%;cursor:pointer;touch-action:none}.mo-kf-ruler span{position:absolute;top:10px;pointer-events:none;transform:translate(-50%);font-size:10px;color:var(--gray);white-space:nowrap}.mo-kf-timeline{position:relative}.mo-kf-playhead{position:absolute;z-index:2;top:0;bottom:0;width:0;border-left:1.5px solid #e5484d;pointer-events:none}.mo-kf-ruler .mo-kf-playhead{top:4px}.mo-keyframes:focus{outline:none}.mo-kf-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:8px 0 6px;padding:4px 6px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-side)}.mo-kf-tb-group{display:flex;align-items:center;gap:4px;min-width:0}.mo-kf-tb-sep{flex:none;width:1px;height:18px;background:var(--line);margin-left:auto}.mo-kf-toolbar>.mo-kf-tb-group:first-child+.mo-kf-tb-sep{margin-left:auto}.mo-kf-selcount{min-width:62px;padding:0 8px;color:var(--gray);font-size:11px;white-space:nowrap}.mo-kf-tool{display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text);cursor:pointer}.mo-kf-tool:hover:not(:disabled){background:#fff;border-color:var(--line)}.mo-kf-tool:disabled{color:var(--gray-2);opacity:.45;cursor:default}.mo-kf-help{position:relative}.mo-kf-help summary{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--gray);font-size:11px;font-weight:700;cursor:pointer;list-style:none}.mo-kf-help summary::-webkit-details-marker{display:none}.mo-kf-help ul{position:absolute;z-index:6;top:calc(100% + 6px);right:0;width:230px;margin:0;padding:10px 12px 10px 24px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 24px #14233c24;font-size:11px;line-height:1.7;color:var(--text)}.mo-kf-marquee{position:absolute;z-index:1;top:2px;bottom:2px;border:1px solid var(--blue);background:#2e5ce51f;border-radius:3px;pointer-events:none}.mo-kf-snap{position:absolute;z-index:1;top:0;bottom:0;width:0;border-left:1px dashed var(--blue);pointer-events:none}.mo-kf-point:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.mo-kf-point:hover{z-index:1}.mo-kf-default-ease{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:6px 0 10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-side)}.mo-kf-default-ease>div:first-child{flex:1 1 220px;font-size:12px}.mo-kf-default-ease .mo-field{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mo-kf-segments button.dim{opacity:.55}.mo-kf-segments button.custom{background:var(--blue-bg);color:var(--blue);border-color:#c7d4fb;font-weight:600}.mo-kf-summary{min-height:64px}.mo-kf-all{font-size:12px}.mo-kf-marker{cursor:ew-resize}.mo-kf-marker.multi i{border-color:var(--blue)}.mo-kf-count{position:absolute;top:2px;left:15px;min-width:14px;padding:0 3px;border-radius:7px;background:var(--blue);color:#fff;font-size:9px;line-height:14px;text-align:center}.mo-kf-timeline-controls{display:flex;align-items:center;justify-content:end;gap:5px;color:var(--gray);font-size:10px;white-space:nowrap}.mo-kf-timeline-controls .inp{width:54px;min-width:0;padding:4px;font-size:11px}.mo-kf-duration-settings{position:relative;color:var(--gray);font-size:10px;white-space:nowrap}.mo-kf-chip-var{margin-left:6px;padding:0 6px;border-radius:8px;background:var(--blue-bg);color:var(--blue);font-style:normal;max-width:140px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.mo-kf-duration-settings summary{padding:4px 6px;border:1px solid var(--line);border-radius:5px;cursor:pointer;background:#fff}.mo-kf-duration-settings>div{position:absolute;z-index:5;top:calc(100% + 6px);right:0;width:min(380px,78vw);padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 24px #14233c24;white-space:normal}.mo-kf-timeline-controls .btn{min-width:24px;padding:2px 5px}.mo-kf-lane{min-height:86px;border-bottom:1px solid var(--line-2)}.mo-kf-property{font-size:12px;font-weight:600}.mo-kf-prop-cell{display:flex;align-items:center;min-width:0}.mo-kf-prop-cell{gap:2px}.mo-kf-prop-cell .mo-kf-property.inp{flex:1;width:auto;min-width:0}.mo-kf-remove{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--gray);font-size:16px;line-height:1;cursor:pointer}.mo-kf-remove:hover,.mo-kf-remove:focus-visible{background:var(--line-2);color:#c0392b}.mo-kf-property.inp{width:100%;min-width:0;padding:6px 3px;background:#fff;cursor:pointer}.mo-kf-timeline{min-width:100%;padding-bottom:12px}.mo-kf-rail{position:relative;height:46px;cursor:crosshair;background-image:repeating-linear-gradient(90deg,var(--line-2) 0,var(--line-2) 1px,transparent 1px,transparent 100%)}.mo-kf-rail:before{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:var(--line);pointer-events:none}.mo-kf-rail.readonly{cursor:default}.mo-kf-rail:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}.mo-kf-point{position:absolute;top:0;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:5px;width:26px;height:46px;padding:11px 0 0;border:0;background:transparent;cursor:ew-resize;touch-action:none;color:var(--gray);font-size:9px}.mo-kf-point i{display:block;flex:none;width:11px;height:11px;border:1.5px solid var(--gray);background:#fff;transform:rotate(45deg);border-radius:1px}.mo-kf-point.on{color:var(--blue);font-weight:600}.mo-kf-point.on i{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.mo-kf-point:hover i{border-color:var(--blue)}.mo-kf-segments{position:relative;height:22px}.mo-kf-segments button{position:absolute;height:22px;border:1px solid #fff;border-radius:4px;background:var(--bg-side);color:var(--gray);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;cursor:pointer}.mo-kf-segments button:hover,.mo-kf-segments button.on{background:var(--blue-bg);color:var(--blue);border-color:#c7d4fb}.mo-kf-inspector{margin-top:16px;padding:14px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-side)}.mo-kf-popover{position:fixed;z-index:1100;width:min(380px,calc(100vw - 16px));margin-top:0;box-shadow:0 10px 30px #14233c33;background:#fff}.mo-kf-selection{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:12px}.mo-kf-selection>span{color:var(--gray);font-size:11px}.mo-kf-delete-track{margin-left:auto;color:var(--gray)}.mo-kf-fields{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.mo-kf-fields>label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--gray)}.mo-kf-pair-values{display:flex;flex-wrap:wrap;gap:12px}.mo-kf-pair-values>label{display:flex;flex-direction:column;gap:6px;color:var(--gray);font-size:11px}.mo-kf-input{display:flex;align-items:center;gap:5px}.mo-kf-input .inp{width:84px;padding:7px 8px;background:#fff}.mo-kf-fields>.fine{padding-bottom:8px}.mo-kf-easing{display:flex;align-items:center;gap:12px;color:var(--gray);font-size:11px}.mo-kf-easing .inp{flex:1;min-width:0;max-width:380px;background:#fff}.mo-kf-origin{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-2)}.mo-kf-origin summary{cursor:pointer;color:var(--gray);font-size:11.5px}.mo-kf-origin .mo-og{margin-top:12px}.mo-keyframe-help{margin-bottom:10px}.mo-kf-toolbar{margin-bottom:0;border-radius:8px 8px 0 0;background:#f7f9fd}.mo-kf-transport{padding-right:6px;border-right:1px solid var(--line)}.mo-kf-play{background:var(--blue);color:#fff;border-radius:5px;font-size:11px}.mo-kf-play:hover:not(:disabled){background:#2451d6;color:#fff}.mo-kf-timecode{min-width:112px;font:600 11px/1.2 Consolas,monospace;color:var(--text);white-space:nowrap}.mo-kf-timecode span{color:var(--gray);font-weight:400}.mo-kf-fit{min-width:38px!important}.mo-kf-ruler-row,.mo-kf-lane{grid-template-columns:128px minmax(0,1fr);column-gap:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}.mo-kf-ruler-row{margin-bottom:0;background:#f8faff;border-bottom:1px solid var(--line)}.mo-kf-ruler-row>span{grid-row:1;grid-column:1;height:38px;border-right:1px solid var(--line)}.mo-kf-ruler-row>span:before{content:"속성";display:block;padding:13px 10px;color:var(--gray);font-size:10px;font-weight:600}.mo-kf-ruler-row>.mo-kf-ruler-scroll{grid-row:1;grid-column:2}.mo-kf-ruler{height:38px}.mo-kf-ruler span{top:13px}.mo-kf-ruler span:first-of-type{transform:none}.mo-kf-ruler span:last-of-type{transform:translate(-100%)}.mo-kf-ruler-scroll,.mo-kf-timeline-scroll{padding:0 16px}.mo-kf-ruler-scroll{scrollbar-width:thin}.mo-kf-lane{min-height:56px;background:#fff}.mo-kf-lane:nth-of-type(2n){background:#fbfcff}.mo-kf-lane:last-of-type{border-bottom:1px solid var(--line)}.mo-kf-summary{min-height:46px;background:#f8faff}.mo-kf-prop-cell{align-self:stretch;padding:0 10px;border-right:1px solid var(--line)}.mo-kf-property.inp{padding:5px 4px;border-color:transparent;background:transparent}.mo-kf-property.inp:hover,.mo-kf-property.inp:focus{border-color:var(--line);background:#fff}.mo-kf-timeline{padding-bottom:0}.mo-kf-rail{height:34px}.mo-kf-rail:before{top:18px;background:#d6dff0}.mo-kf-point{top:0;height:34px;width:22px;padding-top:14px}.mo-kf-point i{width:10px;height:10px}.mo-kf-point span{display:none;position:absolute;z-index:5;top:-10px;left:50%;transform:translate(-50%,-100%);padding:3px 5px;border-radius:4px;background:#1b2943;color:#fff;font:10px/1.2 Consolas,monospace;white-space:nowrap;pointer-events:none}.mo-kf-point:hover span,.mo-kf-point:focus-visible span{display:block}.mo-kf-segments{height:18px;margin-top:-2px}.mo-kf-segments button{height:13px;padding:0;border:1px solid #cbd8f5;border-radius:3px;background:#e9efff;color:transparent;font-size:0}.mo-kf-segments button.custom{background:#bfd0fb;border-color:#9bb6f6;color:transparent}.mo-kf-segments button.on,.mo-kf-segments button:hover{background:#7fa3f4;border-color:#4776e8;color:transparent}.mo-kf-segments button span{display:none}.mo-kf-summary .mo-kf-timeline,.mo-kf-summary .mo-kf-rail{height:46px}.mo-kf-summary .mo-kf-point{top:5px}.mo-kf-summary .mo-kf-rail:before{top:23px}.mo-kf-playhead{z-index:4;border-left-width:2px}.mo-kf-ruler .mo-kf-playhead:before{content:"";position:absolute;top:-3px;left:-6px;width:11px;height:11px;border-radius:2px 2px 6px 6px;background:#e5484d}@media (max-width: 600px){.mo-kf-ruler-row,.mo-kf-lane{grid-template-columns:104px minmax(0,1fr)}.mo-kf-property{font-size:11px}.mo-kf-fields{gap:8px}}.mo-origin{display:flex;align-items:center;gap:12px;margin-top:12px}.mo-origin-label{width:120px;color:var(--gray);font-size:12px}.mo-og{display:grid;grid-template-columns:repeat(3,22px);gap:3px}.mo-og button{width:22px;height:22px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0}.mo-og button.on{background:var(--blue);border-color:var(--blue)}.mo-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line-2)}.mo-lbl{width:120px;flex:none;color:var(--gray);font-size:12px}.mo-lbl small{display:block;color:var(--gray-2);font-size:10.5px;margin-top:4px}.mo-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;flex:1}.mo-field .inp{width:auto;min-width:0;max-width:100%}.mo-field>select{flex:1 1 180px}.mo-field .mo-ms{flex:none}.mo-modes{flex-basis:100%}.mo-short{width:100%;max-width:300px}.mo-ms{display:inline-flex;align-items:center;gap:6px}.mo-ms .inp{width:90px;min-width:0;text-align:right}.mo-modes{color:var(--gray)}.mo-thumb{background:#fff;border:1px solid var(--line);border-radius:8px;flex:none}.mo-preview{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px 18px;min-width:0}.mo-preview-stack{min-width:0}.mo-preview-stack :is(button,select,input,summary,pre):focus-visible,.mo-editor :is(button,select,input):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.mo-pv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mo-preview-close{flex:none;margin-left:10px}.mo-preview-stack[hidden]{display:none}.mo-mode{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray)}.mo-mode .inp{width:auto;padding:5px 8px}.mo-collection-modes{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}.mo-collection-modes .mo-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,55%);gap:12px}.mo-collection-modes .mo-mode>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mo-collection-modes .mo-mode .inp{width:100%}.mo-objs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mo-objs button{height:26px;padding:0 10px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:12px}.mo-objs button.on{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);font-weight:600}.mo-stage{aspect-ratio:16 / 10;width:100%;border:1px solid var(--line);border-radius:12px 12px 0 0;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(var(--line-2) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0 / 24px 24px,#fbfcfe}.mo-stage.dark{background:#1a2233}.mo-subj{position:relative;display:grid;place-items:center;will-change:transform,opacity}.mo-anchor{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid #fff;box-shadow:0 0 0 1px var(--red);transform:translate(-50%,-50%);pointer-events:none}.mo-box{width:96px;height:96px;background:linear-gradient(135deg,#5b82f5,#2e5ce5);border-radius:12px}.mo-circle{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444)}.mo-image{width:140px;height:92px;border-radius:10px;background:linear-gradient(160deg,#9be7c4 0,#4fb6d8 55%,#6b45d9)}.mo-button{padding:0 26px;height:42px;border-radius:21px;background:var(--text);color:#fff;font-weight:600}.mo-text{font-size:32px;font-weight:800;letter-spacing:-.5px}.mo-card{width:170px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #0f172a1f;padding:14px;text-align:left}.mo-card i{display:block;height:8px;border-radius:4px;background:var(--line);margin-top:8px}.mo-card i:first-child{width:55%;background:#c7d4fb;margin-top:0}.mo-items{display:flex;gap:12px}.mo-list-item{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#5b82f5,#2e5ce5);color:#fff;font-size:18px;font-weight:600}.mo-transport{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#fff;padding:10px 12px}.mo-tr1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mo-play-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:94px;padding:7px 12px}.mo-time{font:12px/1 Consolas,monospace;color:#34415a}.mo-speed-control{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--gray);font-size:11.5px}.mo-speed-control .inp{width:auto;padding:5px 8px}.mo-timeline-info{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px;color:var(--gray);font-size:11px}.mo-scrub{position:relative;margin-top:10px;height:22px}.mo-trk{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:3px;background:var(--line-2);overflow:hidden}.mo-delay{position:absolute;top:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#d7dde8,#d7dde8 3px,#eef1f6 3px,#eef1f6 6px)}.mo-run{position:absolute;top:0;bottom:0;right:0;background:#cfdafb}.mo-ticks{position:absolute;left:0;right:0;top:3px;height:16px;pointer-events:none}.mo-ticks i{position:absolute;top:2px;width:8px;height:8px;background:var(--blue);transform:translate(-4px) rotate(45deg);border-radius:2px;opacity:.55}.mo-scrub input{position:absolute;left:0;right:0;top:0;width:100%;height:22px;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mo-scrub input::-webkit-slider-runnable-track{height:22px;background:transparent}.mo-scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:4px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px var(--blue)}.mo-tl{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-2);gap:8px}.mo-curve{display:flex;gap:12px;align-items:center;margin-top:12px}.mo-curve svg{background:#fff;border:1px solid var(--line);border-radius:8px;flex:none}.mo-preview-options,.mo-preview-analysis{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}.mo-preview-options>summary,.mo-preview-analysis>summary{cursor:pointer;color:var(--gray);font-size:12px;font-weight:600}.mo-preview-options>summary:hover,.mo-preview-analysis>summary:hover{color:var(--text)}.mo-preview-stack>.mo-preview-analysis{padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}.mo-option-list{display:flex;flex-direction:column;gap:12px;padding-top:14px}.mo-option-list label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;cursor:pointer}.mo-option-list input{margin:0;accent-color:var(--blue)}.mo-option-list label:has(input:disabled){opacity:.5;cursor:default}.mo-options-note{margin:12px 0 0}.mo-code{margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.mo-code summary{padding:12px 14px;color:var(--gray);cursor:pointer;font-size:12px;font-weight:600}.mo-code[open] summary{color:var(--text)}.mo-code-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}.mo-code-tabs button{background:transparent;border:0;padding:9px 10px;color:var(--gray);font-size:11.5px}.mo-code-tabs button:hover{color:var(--blue)}.mo-code-tabs button.on{color:var(--blue);background:#fff;font-weight:600;box-shadow:inset 0 -2px var(--blue)}.mo-code-note{margin:0;padding:10px 12px}.mo-code pre{margin:0;padding:14px;color:#d7e0f5;background:#0f1729;font:11px/1.7 Consolas,monospace;overflow:auto;max-height:280px;-moz-tab-size:2;tab-size:2}.mo-copy-status{padding:0 12px;min-height:0}.mo-copy-status:not(:empty){padding:8px 12px}@media (max-width: 1380px){.mo-track-head .mo-line{min-width:20px}.mo-line-label{display:none}.mo-section .mo-row{grid-template-columns:85px minmax(0,1fr);gap:8px}.mo-section .mo-lbl{width:auto}.mo-point{flex-wrap:wrap}.mo-pt-ease{min-width:140px}}@media (max-width: 1200px){.mo-workspace.with-preview{grid-template-columns:minmax(0,1fr)}}.mo-workspace.with-preview.dock{grid-template-columns:minmax(0,1fr)}.dock>.mo-preview-stack{display:contents}.dock .mo-preview{order:-2}.dock .mo-editor{display:flex;flex-direction:column}.dock .mo-editor>.mo-keyframes{order:-1}.dock .mo-preview-analysis,.dock .mo-code{order:3}.dock .mo-preview{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);grid-template-areas:"head head" "modes modes" "objs objs" "stage transport" "opts opts";column-gap:18px;align-items:start;padding:12px 16px}.dock .mo-pv-head{grid-area:head;margin-bottom:6px}.dock .mo-collection-modes{grid-area:modes;flex-direction:row;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px}.dock .mo-collection-modes .mo-mode{grid-template-columns:auto minmax(140px,220px)}.dock .mo-objs{grid-area:objs;margin-bottom:8px}.dock .mo-stage{grid-area:stage;border-radius:12px;max-height:225px}.dock .mo-transport{grid-area:transport;border:1px solid var(--line);border-radius:12px;align-self:stretch}.dock .mo-preview-options{grid-area:opts;margin-top:8px;padding-top:8px}.dock .mo-preview>[role=alert]{grid-column:1 / -1}.editor-body{flex:1;min-height:0;display:flex}.editor-body .editor-stage{flex:1;min-width:0}.ed-pick{cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:outline-color .1s}.ed-pick:hover{outline-color:#9db8ff}.ed-pick.sel{outline-color:var(--blue)}.ed-side{width:320px;flex:none;background:#fff;border-left:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.ed-tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.ed-tabs button{flex:1;height:42px;border:0;background:transparent;font-weight:600;color:var(--gray);border-bottom:2px solid transparent}.ed-tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}.ed-empty{padding:24px 18px;color:var(--gray);line-height:1.6}.ed-sec-wrap{padding:14px 16px 24px;display:flex;flex-direction:column;gap:16px}.ed-h{margin:0;font-size:15px}.ed-sec{display:flex;flex-direction:column;gap:6px}.ed-sec>label{font-size:12px;color:var(--gray);font-weight:600}.ed-sec select{height:34px;border:1px solid var(--line);border-radius:7px;padding:0 8px;background:#fff}.ed-spec{font-size:12px;color:#34415a;line-height:1.6}.ed-chips{display:flex;flex-wrap:wrap;gap:6px}.ed-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid var(--line);border-radius:20px;padding:3px 9px 3px 4px;background:#fff}.ed-chip i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:block}.ed-play{align-self:flex-start;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff}.ed-play:enabled:hover{background:var(--blue-bg);color:var(--blue)}.ed-row{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;padding:6px 8px;border-radius:6px;font-size:12px}.ed-row:enabled:hover{background:var(--bg-soft)}.ed-row.on{background:var(--blue-bg);color:var(--blue);font-weight:600}.ed-row em{font-style:normal;color:var(--gray-2)}.mo-kf-duration-btn{padding:4px 6px;border:1px solid var(--line);border-radius:5px;cursor:pointer;background:#fff;color:inherit;font:inherit}.mo-kf-duration-btn[aria-expanded=true]{border-color:var(--blue);color:var(--blue)}.mo-kf-duration-panel{position:fixed;z-index:1050;width:min(380px,calc(100vw - 16px));padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 24px #14233c2e;color:var(--text);font-size:12px}