:root{--te-chevron:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");--te-chevron-bg:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%237A7A90'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E")}.te-app{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,500px);gap:32px;align-items:start;margin-top:22px}.te-controls{min-width:0}.te-preview-pane{position:sticky;top:88px;min-width:0}@media(max-width:860px){.te-app{grid-template-columns:1fr;gap:24px}.te-preview-pane{position:static;order:-1}}.theme-preview{--ed-bg:var(--cp-bg, #0e0e11);--ed-chrome:var(--cp-surface, #1a1a1f);--ed-line:var(--cp-border, #2a2a30);--ed-region-bd:var(--cp-border, #2a2a30);--ed-win:var(--cp-muted, #9aa0aa);--line:var(--cp-border, #2a2a30);--surface:var(--cp-surface, #1a1a1f);--surface-2:color-mix(in srgb, var(--cp-fg, #e7e7ea) 10%, transparent);--text:var(--cp-fg, #e7e7ea);--text-muted:var(--cp-muted, #9aa0aa);--text-faint:color-mix(in srgb, var(--cp-muted, #9aa0aa) 70%, transparent);--md-head:var(--tok-heading, var(--cp-accent, #93c5fd));--syn-var:var(--cp-vardecl, var(--cp-accent, #2bb3b3));--syn-use:var(--cp-varusage, color-mix(in srgb, var(--cp-accent, #2bb3b3) 70%, var(--cp-fg)));--syn-op:var(--tok-operator, var(--cp-muted, #9aa0aa));--syn-num:var(--cp-fg, #e7e7ea);--syn-res:var(--cp-result, #16a34a);--syn-cmt:var(--tok-comment, var(--cp-muted, #6a9955));--pill-teal-bg:color-mix(in srgb, var(--cp-accent, #2bb3b3) 22%, transparent);--pill-teal-tx:var(--cp-accent, #2bb3b3);--pill-amber-bg:color-mix(in srgb, var(--cp-warn, #f59e0b) 22%, transparent);--pill-amber-tx:var(--cp-warn, #f59e0b);--font-mono:var(--cp-font-editor, var(--font-mono))}.theme-preview .editor-body{color:var(--cp-fg,#e7e7ea);background-color:var(--cp-bg,#0e0e11);background-image:var(--note-bg,none);background-repeat:repeat;background-size:auto}.theme-preview .editor{background:var(--cp-surface,#1a1a1f)}.theme-preview{padding:22px;border-radius:16px;background:radial-gradient(90% 90% at 14% 8%,color-mix(in srgb,var(--indigo-2) 85%,transparent),transparent 55%),radial-gradient(80% 80% at 88% 18%,color-mix(in srgb,var(--amber) 70%,transparent),transparent 50%),radial-gradient(120% 120% at 70% 100%,#10245e,transparent 60%),linear-gradient(135deg,#241150 0%,#2b1b57 45%,#0d1b40 100%)}.theme-preview.is-glass .editor{background:color-mix(in srgb,var(--cp-surface,#1a1a1f) var(--cp-scrim,100%),transparent);-webkit-backdrop-filter:blur(34px)saturate(150%);backdrop-filter:blur(34px)saturate(150%)}.theme-preview.is-glass .editor-body{background-color:color-mix(in srgb,var(--cp-bg,#0e0e11) var(--cp-scrim,100%),transparent)}.theme-preview .pv-code .row{line-height:1.7}.theme-preview .tok-keyword{color:var(--tok-keyword,#569cd6);font-weight:600}.theme-preview .tok-string{color:var(--tok-string,#ce9178)}.theme-preview .tok-number{color:var(--tok-number,#b5cea8)}.theme-preview .tok-comment{color:var(--tok-comment,#6a9955);font-style:italic}.theme-preview .tok-operator{color:var(--tok-operator,#d4d4d4)}.theme-preview .tok-variable{color:var(--tok-variable,#9cdcfe)}.theme-preview .tok-function{color:var(--tok-function,#dcdcaa)}.theme-preview .tok-type{color:var(--tok-type,#4ec9b0)}.theme-preview .tok-punctuation{color:var(--tok-punctuation,#d4d4d4)}.theme-preview .md-quote{color:var(--tok-quote,var(--cp-muted,#9aa0aa));font-style:italic;display:block}.theme-preview .pv-link{color:var(--cp-link,#93c5fd)}.theme-preview .pv-error{color:var(--cp-error,#dc2626)}.theme-preview .pv-warn{color:var(--cp-warn,#f59e0b)}.theme-preview .pv-sel{background:var(--cp-sel,rgba(43,179,179,.28));border-radius:3px;padding:0 2px}.theme-preview .wc-pin{color:var(--cp-pin,#ef4444)}.theme-preview .wc-pin .hicon{--color0:color-mix(in srgb, currentColor 42%, transparent);--color1:color-mix(in srgb, currentColor 24%, transparent)}.te-controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.te-controls input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--indigo);cursor:pointer}.te-controls input[type=range]{accent-color:var(--indigo)}.te-section{padding:16px 20px;border-bottom:1px solid var(--line)}.te-section:last-child{border-bottom:0}.te-section-title{margin:0 0 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.te-collapsible{padding:0 20px}.te-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:16px 0;cursor:pointer;list-style:none;user-select:none;transition:color .12s ease}.te-collapsible>summary::-webkit-details-marker{display:none}.te-collapsible>summary::after{content:"";width:15px;height:15px;flex:none;opacity:.65;color:var(--text-muted);background:currentColor;-webkit-mask:var(--te-chevron)center/contain no-repeat;mask:var(--te-chevron)center/contain no-repeat;transition:transform .2s ease,opacity .12s ease}.te-collapsible[open]>summary::after{transform:rotate(180deg)}.te-collapsible>summary:hover{color:var(--text)}.te-collapsible>summary:hover::after{opacity:1}.te-collapsible>*:not(summary):last-child{margin-bottom:18px}.te-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.te-row-col{flex-direction:column;align-items:stretch;gap:8px}.te-row-label{font-size:.9rem;color:var(--text)}.te-colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}@media(max-width:520px){.te-colors-grid{grid-template-columns:1fr}}.te-color,.te-override{display:flex;align-items:center;gap:10px;padding:7px 8px;margin:0 -8px;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.te-color:hover,.te-override:hover{background:var(--surface-2)}.te-color:focus-within,.te-override:focus-within{background:var(--surface-2);border-color:var(--line-strong)}.te-color .te-row-label,.te-override .te-row-label{flex:auto;min-width:0;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-hex{flex:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums}.te-swatch{width:28px;height:28px;flex:none;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-radius:7px;background:0 0;transition:transform .1s ease}.te-swatch:hover:not(:disabled){transform:scale(1.06)}.te-swatch::-webkit-color-swatch-wrapper{padding:0}.te-swatch::-webkit-color-swatch{border:none;border-radius:6px}.te-swatch::-moz-color-swatch{border:none;border-radius:6px}.te-swatch:disabled{opacity:.35;cursor:default}.te-text,.te-select{flex:auto;min-width:0;max-width:62%;height:36px;padding:0 11px;border:1px solid var(--input-bd);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit;font-size:.9rem;transition:border-color .12s ease,box-shadow .12s ease}.te-text:focus,.te-select:focus{outline:none;border-color:var(--indigo-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--indigo) 18%,transparent)}.te-select{appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;background-color:var(--input-bg);background-image:var(--te-chevron-bg);background-repeat:no-repeat;background-position:right 10px center;background-size:15px;color-scheme:light dark}.te-select option{background-color:var(--surface);color:var(--text)}.te-seg{display:flex;width:100%;gap:3px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.te-radio{flex:1;position:relative;margin:0}.te-radio input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.te-radio span{display:block;text-align:center;padding:7px 10px;border-radius:7px;font-size:.85rem;font-weight:600;color:var(--text-muted);transition:background .15s ease,color .15s ease}.te-radio input:checked+span{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.te-radio input:focus-visible+span{outline:2px solid var(--indigo);outline-offset:2px}.te-gen{display:flex;align-items:center;gap:10px;margin-top:12px}.te-gen .te-select{max-width:150px;flex:none}.te-gen .te-range{flex:1}.te-gen-slider{display:flex;align-items:center;gap:10px;margin-top:9px}.te-gen-slider .te-row-label{flex:0 0 58px;font-size:.85rem}.te-gen-slider .te-range{flex:1}.te-bg-thumb{height:60px;margin:10px 0 4px;border-radius:8px;border:1px solid var(--line-strong);background-repeat:repeat;background-size:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.te-slider{display:flex;align-items:center;gap:12px;margin-top:10px}.te-slider .te-range{flex:1}.te-range{flex:1;height:28px}.te-range-val{font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:3em;text-align:right;font-size:.85rem}.te-controls input[type=file]{max-width:62%;font-size:.82rem;color:var(--text-muted)}.te-controls input[type=file]::file-selector-button{margin-right:10px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.te-controls input[type=file]::file-selector-button:hover{border-color:var(--indigo-2);color:var(--indigo-2)}.te-hint{margin:12px 0 0;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.te-collapsible .te-hint{margin-bottom:2px}.te-download{background:var(--surface-2)}.te-controls .btn-primary{width:100%;height:46px;margin-top:2px;padding:0 22px;border:0;border-radius:10px;background:var(--indigo);color:#fff;font-weight:700;box-shadow:var(--shadow-soft);isolation:auto}.te-controls .btn-primary::before{display:none}.te-controls .btn-loop{display:none}.te-controls .btn-primary:hover{color:#fff;background:var(--indigo-ink);filter:none}.te-carousel{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px;justify-content:center}.te-ctab{padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.te-ctab:hover{color:var(--text);border-color:var(--line-strong)}.te-ctab.active{color:#fff;background:var(--indigo);border-color:var(--indigo)}.te-ctab:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ws-list-mock,.ws-settings-mock{display:none}.theme-preview[data-view=flyout] .ws-list-flyout{display:flex}.theme-preview[data-view=docked] .ws-list-docked{display:flex}.theme-preview[data-view=settings] .ws-settings-mock{display:flex}.theme-preview[data-view=docked] .editor-app .editor-body{padding-left:186px}.ws-list-mock{flex-direction:column;overflow:hidden;padding:5px;font-family:var(--cp-font-list,var(--font-sans))}.ws-list-mock .li-new{display:flex;align-items:center;gap:6px;padding:4px 0 5px 6px;margin-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--cp-border,var(--ed-line)) 55%,transparent)}.ws-list-mock .li-new-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:6px;color:var(--cp-muted,var(--ed-win))}.ws-list-mock .li-grow{flex:1}.ws-list-mock .li-dock{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:var(--cp-muted,var(--ed-win))}.ws-list-mock .li-dock.on{color:var(--cp-pin,#ef4444)}.ws-list-mock .li{display:flex;align-items:center;gap:2px;border-radius:6px}.ws-list-mock .li.act{background:color-mix(in srgb,var(--cp-fg,var(--syn-num)) 5%,transparent);outline:1px solid color-mix(in srgb,var(--cp-fg,var(--syn-num)) 14%,transparent)}.ws-list-mock .li-sel{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;color:var(--cp-fg,var(--syn-num));font-size:12.5px}.ws-list-mock .li-ico{display:flex;flex:none;color:var(--cp-muted,var(--ed-win))}.ws-list-mock .li.act .li-ico{color:var(--cp-fg,var(--syn-num))}.ws-list-mock .li-ico .hicon{width:15px;height:15px}.ws-list-mock .li-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ws-list-mock .li-act{display:flex;align-items:center;padding:4px;color:var(--cp-muted,var(--ed-win));opacity:.55}.ws-list-mock .li-act .hicon{width:13px;height:13px}.ws-list-mock .li-act.on{opacity:.85}.ws-list-mock .li-act.li-pin.on{color:var(--cp-pin,#ef4444);opacity:1}.ws-list-flyout{position:absolute;left:8px;bottom:42px;width:210px;max-height:66%;z-index:8;overflow:auto;background:var(--cp-surface,var(--ed-chrome));border:1px solid var(--cp-border,var(--ed-line));border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.4)}.ws-list-docked{position:absolute;left:8px;top:32px;bottom:42px;width:168px;z-index:6;overflow:auto;border-radius:10px;background:color-mix(in srgb,var(--cp-surface,var(--ed-chrome)) calc(var(--cp-list-o,80) * 1%),transparent);border:1px solid color-mix(in srgb,var(--cp-border,var(--ed-line)) 55%,transparent);-webkit-backdrop-filter:blur(calc(var(--cp-list-o,80) * .2px));backdrop-filter:blur(calc(var(--cp-list-o,80) * .2px));box-shadow:0 3px 12px color-mix(in srgb,#000 calc(var(--cp-list-o,80) * .08%),transparent)}.ws-settings-mock{position:absolute;inset:0;z-index:10;align-items:flex-start;justify-content:center;padding-top:34px}.sm-sheet{width:min(90%,430px);max-height:82%;overflow:hidden;display:flex;flex-direction:column;color:var(--cp-fg,var(--syn-num));border-radius:16px;border:1px solid color-mix(in srgb,var(--cp-fg,var(--syn-num)) 16%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,4%) 42%,transparent 74%),radial-gradient(120% 60% at 12% 0%,color-mix(in srgb,var(--indigo-2) 26%,transparent),transparent 60%),radial-gradient(120% 70% at 100% 100%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 55%),color-mix(in srgb,var(--cp-bg,var(--ed-bg)) 40%,transparent);-webkit-backdrop-filter:blur(20px)saturate(185%);backdrop-filter:blur(20px)saturate(185%);box-shadow:0 16px 44px -14px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.18)}.sm-tabs{display:flex;gap:2px;padding:8px 10px 0;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--cp-border,var(--ed-line)) 45%,transparent)}.sm-tab{display:inline-flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:6px 2px 7px;font-size:.58rem;color:var(--cp-muted,var(--ed-win));border-bottom:2px solid transparent;white-space:nowrap;font-family:var(--font-sans)}.sm-tab .hicon{width:17px;height:17px}.sm-tab.active{color:var(--cp-accent,var(--syn-var));border-bottom-color:var(--cp-accent,var(--syn-var))}.sm-body{padding:13px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:9px;font-family:var(--font-sans)}.sm-title{font-weight:700;font-size:.95rem}.sm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--cp-fg,var(--syn-num))}.sm-field{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;font-size:.78rem;background:var(--cp-input,color-mix(in srgb,var(--cp-fg,var(--syn-num)) 7%,transparent));border:1px solid color-mix(in srgb,var(--cp-border,var(--ed-line)) 70%,transparent)}.sm-field .hicon{width:12px;height:12px;opacity:.7}.sm-range{position:relative;width:118px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--cp-fg,var(--syn-num)) 14%,transparent)}.sm-range-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--cp-accent,var(--syn-var))}.sm-check{justify-content:flex-start;gap:9px}.sm-box{width:15px;height:15px;border-radius:4px;flex:none;border:1.5px solid color-mix(in srgb,var(--cp-fg,var(--syn-num)) 38%,transparent)}.sm-box.on{background:var(--cp-accent,var(--syn-var));border-color:var(--cp-accent,var(--syn-var))}.sm-group{margin-top:4px;padding-top:8px;font-weight:600;opacity:.8;font-size:.8rem;border-top:1px solid color-mix(in srgb,var(--cp-border,var(--ed-line)) 45%,transparent)}.sm-hint{margin-top:4px;color:var(--cp-muted,var(--ed-win));font-size:.72rem;line-height:1.5}