.sde-demo{--fe-bg: #edebe7;--fe-bg-2: #e3e1dd;--fe-side: #e0deda;--fe-ink: #14110e;--fe-ink-2: #403d39;--fe-muted: #66635e;--fe-line: #cccac6;--fe-line-2: #c9c7c1;--fe-hair-2: rgba(0, 0, 0, .13);--fe-accent: #dc7036;--fe-video: #588fc0;--fe-mg: #896bae;--fe-audio: #5d996b;--fe-wave: #2c5c38;--fe-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fe-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--fe-bg);color:var(--fe-ink);font-family:var(--fe-font);font-size:12px;line-height:1;text-align:left;-webkit-font-smoothing:antialiased;user-select:none;pointer-events:none;contain:layout paint}.sde-demo:not([data-ready]) .sde-stage{visibility:hidden}.sde-demo *,.sde-demo *:before,.sde-demo *:after{box-sizing:border-box}.sde-demo p,.sde-demo ul{margin:0}.sde-demo img{display:block}.sde-demo svg.lucide{display:block;flex:none;color:var(--fe-ink-2)}.sde-demo .sde-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:var(--fe-bg)}.sde-demo .sde-stage>div{position:absolute}.sde-demo .sde-iconbtn{display:grid;place-items:center;border-radius:4px}.sde-demo .sde-header{border-bottom:1px solid var(--fe-line);z-index:3}.sde-demo .sde-traffic{position:absolute;left:15px;top:14px;display:flex;gap:11px}.sde-demo .sde-traffic>i{width:12px;height:12px;border-radius:50%}.sde-demo .sde-home{position:absolute;left:12px;top:6px;width:28px;height:28px}.sde-demo .sde-home[data-offset]{left:90px}.sde-demo .sde-title{position:absolute;left:50%;top:9px;transform:translate(-50%);padding:3px 6px;font-size:13px;line-height:16px;font-weight:500;color:var(--fe-ink-2);white-space:nowrap}.sde-demo .sde-header-actions{position:absolute;right:16px;top:0;height:40px;display:flex;align-items:center}.sde-demo .sde-header-actions>.sde-iconbtn{width:29px;height:29px}.sde-demo .sde-export{margin-left:8px;width:60px;height:26px;border-radius:4px;background:var(--fe-accent);color:#fcfcfc;font-weight:600;font-size:12px;line-height:16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff3}.sde-demo[data-mode=stacked] .sde-header-actions>.sde-iconbtn:nth-child(3),.sde-demo[data-mode=stacked] .sde-header-actions>.sde-iconbtn:nth-child(4){display:none}.sde-demo .sde-chat{border-right:1px solid var(--fe-line);overflow:hidden}.sde-demo[data-mode=split] .sde-chat{border-top:1px solid var(--fe-line)}.sde-demo[data-mode=stacked] .sde-chat{border-right:0;border-top:1px solid var(--fe-line)}.sde-demo .sde-thread{position:absolute;inset:0 16px 140px;overflow:hidden}.sde-demo .sde-thread[data-scrolled]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px);mask-image:linear-gradient(to bottom,transparent 0,#000 28px)}.sde-demo .sde-thread-inner{display:flex;flex-direction:column;align-items:stretch;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.sde-demo .sde-user{align-self:flex-end;max-width:min(310px,calc(100% - 26px));margin-top:34px;padding:6px 12px;border-radius:3px;background:var(--fe-bg-2);font-size:13px;line-height:20px;color:var(--fe-ink)}.sde-demo[data-mode=split] .sde-user,.sde-demo[data-mode=stacked] .sde-user{margin-top:20px}.sde-demo[data-mode=stacked] .sde-user{max-width:420px}.sde-demo .sde-attachment{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:9px;border-top:1px solid var(--fe-line)}.sde-demo .sde-attachment>img{width:64px;height:40px;object-fit:cover;border-radius:4px}.sde-demo .sde-attachment>span{font-size:11px;line-height:1.5;color:var(--fe-muted)}.sde-demo .sde-tool{position:relative;display:flex;align-items:center;margin-top:25px;height:16px;padding:0 18px 0 12px;font-size:12px;line-height:16px;color:var(--fe-muted);white-space:nowrap}.sde-demo .sde-tool>span{overflow:hidden;text-overflow:ellipsis}.sde-demo .sde-tool>i{position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:#3f7a4c}.sde-demo .sde-tool>svg.lucide{position:absolute;right:0;top:3px;color:var(--fe-muted)}.sde-demo .sde-reply{margin-top:14px;will-change:transform,opacity}.sde-demo .sde-reply[data-first]{margin-top:0;padding-top:16px}.sde-demo .sde-para{margin-top:8px;font-size:13px;line-height:20px;color:var(--fe-ink)}.sde-demo .sde-reply[data-first] .sde-para:first-child{margin-top:0}.sde-demo .sde-bullets{padding:0;list-style:none;display:grid;gap:8px}.sde-demo .sde-bullets li{position:relative;padding-left:16px;font-size:13px;line-height:20px;color:var(--fe-ink)}.sde-demo .sde-bullets li:before{content:"\2022";position:absolute;left:4px;top:0}.sde-demo .sde-pills{display:flex;flex-wrap:wrap;gap:8px 7px;margin-top:6px}.sde-demo .sde-pill{padding:5px 11px;border-radius:15px;background:#fcfaf6;border:1px solid var(--fe-hair-2);font-size:12px;line-height:18px;font-weight:500;color:var(--fe-ink);white-space:nowrap}.sde-demo .sde-feedback{display:flex;gap:14px;min-height:20px;margin-top:8px;padding:4px 0 0 6px}.sde-demo .sde-feedback svg.lucide{color:var(--fe-muted)}.sde-demo .sde-composer{position:absolute;left:16px;right:16px;bottom:16px;height:96px;border-radius:6px;border:1px solid var(--fe-hair-2);background:#f7f5f1;overflow:hidden}.sde-demo .sde-placeholder{position:absolute;left:14px;right:14px;top:12px;font-size:13px;line-height:18px;color:var(--fe-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sde-demo .sde-agentpill{position:absolute;left:7px;bottom:10px;height:28px;display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px}.sde-demo .sde-agentpill>span{font-size:12px;line-height:16px;font-weight:500;color:var(--fe-ink-2)}.sde-demo .sde-composer-plus{position:absolute;right:36px;bottom:10px;width:28px;height:28px}.sde-demo .sde-send{position:absolute;right:8px;bottom:12px;width:24px;height:24px;border-radius:12px;background:var(--fe-accent);display:grid;place-items:center}.sde-demo .sde-send svg.lucide{color:#fff}.sde-demo .sde-viewer{background:var(--fe-bg);overflow:hidden}.sde-demo .sde-picture{position:absolute;overflow:hidden;background:#f4f3f0}.sde-demo .sde-composition{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0}.sde-demo .sde-source-plane{position:absolute;overflow:hidden;z-index:1}.sde-demo .sde-source-plane>video{display:block;width:100%;height:100%;object-fit:cover}.sde-demo .sde-toolbar{background:var(--fe-bg-2);border-top:1px solid var(--fe-line)}.sde-demo .sde-tltb{position:absolute;inset:0}.sde-demo .sde-tltb-plus{position:absolute;left:9px;top:5px;width:24px;height:24px}.sde-demo .sde-transport{position:absolute;left:50%;top:50%;width:29px;height:29px;transform:translate(-50%,-50%)}.sde-demo .sde-tc{position:absolute;left:calc(50% + 20px);top:50%;transform:translateY(-50%);font-size:12px;line-height:12px;color:var(--fe-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.sde-demo .sde-tltb-full{position:absolute;right:8px;top:5px;width:24px;height:24px}.sde-demo .sde-timeline{overflow:hidden;background:var(--fe-bg)}.sde-demo .sde-tl{position:absolute;inset:0;overflow:hidden}.sde-demo .sde-tl i,.sde-demo .sde-tl p{position:absolute}.sde-demo .sde-grid{top:32px;bottom:0;width:1px}.sde-demo .sde-tick{top:0;width:1px}.sde-demo .sde-ruler-label{top:5px;font-size:11px;line-height:13px;font-weight:500;color:#0000008c;white-space:nowrap;font-variant-numeric:tabular-nums}.sde-demo .sde-hline{left:0;right:0;height:1px;background:var(--fe-line-2)}.sde-demo .sde-side{position:absolute;left:0;top:0;bottom:0;width:110px;background:var(--fe-side);border-right:1px solid #5c5b58;overflow:hidden}.sde-demo .sde-sidetc{left:0;top:8px;width:110px;text-align:center;font-size:15px;line-height:18px;font-weight:600;color:#0000008c;font-variant-numeric:tabular-nums;z-index:2}.sde-demo .sde-sideshadow{left:110px;top:0;bottom:0;width:18px;background:linear-gradient(to right,#00000038 0% 38%,#0000)}.sde-demo .sde-head{position:absolute;left:0;width:110px;display:flex;align-items:center}.sde-demo .sde-head-bar{left:0;top:0;width:3px;height:100%;opacity:.9}.sde-demo .sde-badge{margin-left:12px;width:30px;height:22px;border-radius:4px;text-align:center;padding-top:3px;font-family:var(--fe-mono);font-weight:700;font-size:12px;line-height:16px;color:#fffffff2}.sde-demo .sde-clip{position:absolute;border-radius:3px;border:1px solid rgba(0,0,0,.45);overflow:hidden}.sde-demo .sde-clip[data-kind=mg]{background:var(--fe-mg)}.sde-demo .sde-clip[data-kind=video]{background:var(--fe-video)}.sde-demo .sde-clip[data-kind=audio]{background:var(--fe-audio)}.sde-demo .sde-hl{left:2px;right:2px;top:-1px;height:1px;background:#ffffff24}.sde-demo .sde-mgframes{position:absolute;left:0;right:0;top:0;background-color:#eeeae2;background-repeat:repeat-x;background-size:auto 100%}.sde-demo .sde-mglabel{left:7px;top:50%;transform:translateY(-50%);font-size:12px;line-height:14px;font-weight:500;color:#ffffffe6;white-space:nowrap}.sde-demo .sde-clip[data-thumbnail] .sde-mglabel{inset:auto 0 0;transform:none;height:16px;padding:1px 6px;font-size:10px;line-height:14px;background:#8366a8;color:#fff}.sde-demo .sde-frames{position:absolute;left:2px;top:2px;right:1px;display:flex;overflow:hidden;box-shadow:inset 1px 1px #000000ad,inset -1px 0 #000000ad}.sde-demo .sde-frames>i{position:static;flex:none}.sde-demo .sde-band{position:absolute;left:-1px;right:-1px;bottom:0;height:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff1a;padding:1px 0 0 8px;font-size:12px;line-height:14px;font-weight:600;color:#fff;white-space:nowrap}.sde-demo .sde-band[data-dark]{bottom:auto;height:18px;padding-top:2px;color:#0d0d0d}.sde-demo .sde-wavebg{position:absolute;left:-1px;right:-1px;top:-1px;overflow:hidden}.sde-demo .sde-wave{position:absolute;left:-1px;right:-1px;top:1px;display:flex;align-items:center;gap:1px;overflow:hidden}.sde-demo .sde-wave>i{position:static;flex:none;width:1px;background:var(--fe-wave)}.sde-demo .sde-centerline{left:0;right:0;height:1px;background:#2c5c3842}.sde-demo .sde-fade{position:absolute;top:0;height:100%}.sde-demo .sde-playhead{top:15px;bottom:0;width:1px;background:#1a1a1a;z-index:4}.sde-demo .sde-playhead-head{position:absolute;top:0;width:15px;height:15px;z-index:4}.sde-demo .sde-fontwarm{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;font-size:12px}.sdf-stage{position:relative;width:100%;overflow:hidden;border-radius:12px;background:color-mix(in srgb,currentColor 6%,transparent)}.sdf-canvas{position:absolute;left:50%;top:50%;translate:-50% -50%;overflow:hidden;container-type:inline-size;border-radius:4px;box-shadow:0 1px 3px #0000002e}.sdf-bg{position:absolute;inset:0;overflow:hidden;transition:background-color .3s ease}.sdf-bg-enter{animation:sdf-fade-in .32s ease both}@keyframes sdf-fade-in{0%{opacity:0}to{opacity:1}}.sdf-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .24s ease}.sdf-bg-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.2}.sdf-bg-blur-placeholder{background:linear-gradient(135deg,#dfe3ea,#f4f1ea 55%,#c9d3df)}.sdf-window,.sdf-content{position:absolute;transition:box-shadow .3s ease,background-color .3s ease}.sdf-content{overflow:hidden;background:#1c1c1f}.sdf-video,.sdf-placeholder{position:absolute;inset:0}.sdf-video{display:block;width:100%;height:100%;object-fit:cover}.sdf-video-enter{animation:sdf-fade-in .45s ease both}.sdf-placeholder{display:flex;flex-direction:column;width:100%;height:100%;background:#f7f7f5}.sdf-placeholder-bar{flex:0 0 6%;background:#ececea;border-bottom:1px solid #deded9}.sdf-placeholder-body{display:flex;flex:1;min-height:0;gap:1.2cqw;padding:1.2cqw}.sdf-placeholder-side{flex:0 0 24%;border-radius:.8cqw;background:repeating-linear-gradient(to bottom,#e6e6e2 0 1.4cqw,transparent 1.4cqw 2.6cqw)}.sdf-placeholder-main{display:flex;flex:1;flex-direction:column;gap:1.2cqw;min-width:0}.sdf-placeholder-viewer{flex:1;border-radius:.8cqw;background:#2a2a2e}.sdf-placeholder-timeline{flex:0 0 28%;border-radius:.8cqw;background:linear-gradient(#e7723b,#e7723b) 8% 30% / 46% 22% no-repeat,linear-gradient(#79afd4,#79afd4) 8% 75% / 70% 22% no-repeat,#ececea}@media(prefers-reduced-motion:reduce){.sdf-canvas,.sdf-window,.sdf-content,.sdf-bg,.sdf-bg-image{transition:none}.sdf-bg-enter,.sdf-video-enter{animation:none}}.sdf-bg-live{overflow:hidden;pointer-events:none}.sdf-callout{position:absolute;z-index:2;display:flex;align-items:center;white-space:nowrap}.sdf-callout[data-style=plate]{padding:0 .62em;border:1px solid #dee2e5;border-radius:.17em;background:#f3f3f3;color:#040404;font-family:Inter,Noto Sans SC,Inter Variable,-apple-system,system-ui,sans-serif;font-weight:500;letter-spacing:-.011em;animation:sdf-plate-in .33s cubic-bezier(.2,.8,.2,1) both}@keyframes sdf-plate-in{0%{filter:blur(.3em);opacity:0;transform:translateY(1.2em)}}.sdf-callout[data-style=corner]{color:#fff;font-family:Inter,Noto Sans SC,Inter Variable,-apple-system,system-ui,sans-serif;font-weight:600;text-shadow:0 .04em .4em rgb(0 0 0 / .25);animation:sdf-fade-in .2s linear both}.sdf-callout[data-style=corner][data-light]{color:#141414;text-shadow:0 .04em .4em rgb(255 255 255 / .35)}.sdf-chapters{position:absolute;z-index:2;display:flex;overflow:hidden;border-radius:.36em;background:#131721db;color:#f2f3ff;font-family:Saira Extra Condensed,Noto Sans SC,Arial Narrow,sans-serif;font-style:italic;font-weight:500}.sdf-chapters-fill{position:absolute;inset:0 auto 0 0;background:#8184b0bf;animation:sdf-chapters-play 9s linear infinite}@keyframes sdf-chapters-play{0%{width:0}to{width:100%}}.sdf-chapters-item{position:relative;display:flex;flex:1;align-items:center;justify-content:center;line-height:1}.sdf-chapters-item[data-cjk]{font-family:Noto Sans SC,PingFang SC,sans-serif;font-style:normal;font-weight:700}.sdf-chapters-item+.sdf-chapters-item:before{position:absolute;top:20%;bottom:20%;left:0;width:1px;background:#f5f4f9;content:""}.sdf-caption{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Inter,Noto Sans SC,Inter Variable,PingFang SC,-apple-system,system-ui,sans-serif;font-weight:600;line-height:1.25;text-align:center;text-shadow:0 .04em .35em rgb(0 0 0 / .35)}.sdf-caption>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:inherit}.sdf-caption[data-light]{color:#14110e;text-shadow:0 .04em .35em rgb(255 255 255 / .4)}.sdf-presenter{position:absolute;z-index:3;overflow:hidden;border-radius:50%;background:#e9e6e1;box-shadow:0 .6cqw 1.8cqw #00000038;transition:left .36s cubic-bezier(.2,.8,.2,1),top .36s cubic-bezier(.2,.8,.2,1),width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1),border-radius .24s ease}.sdf-presenter[data-shape=rounded]{border-radius:18%}.sdf-presenter>video,.sdf-presenter>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.sdf-cursor{position:absolute;z-index:4;width:0;height:0;pointer-events:none;--click: 0;--a: 1.15cqw;--rr: 2cqw;transform:scale(var(--cursor-size, 1));transform-origin:0 0}.sdf-cursor-arrow{position:absolute;left:calc(var(--a) * -1.5 / 21);top:calc(var(--a) * -1.5 / 21);width:calc(var(--a) * 15 / 21);height:var(--a);overflow:visible;stroke-linejoin:round;filter:drop-shadow(0 calc(var(--a) * .1) calc(var(--a) * .18) rgb(0 0 0 / .35));transition:transform .12s ease}.sdf-cursor-effect{position:absolute;left:0;top:0;width:0;height:0}.sdf-cursor[data-style=halo] .sdf-cursor-effect:before,.sdf-cursor[data-style=spotlight] .sdf-cursor-effect:before{position:absolute;left:calc(var(--a) * -1.3);top:calc(var(--a) * -1.3);width:calc(var(--a) * 2.6);height:calc(var(--a) * 2.6);border-radius:50%;content:""}.sdf-cursor[data-style=halo] .sdf-cursor-effect:before{background:radial-gradient(circle closest-side,#e7723b61 0 62%,#e7723b00)}.sdf-cursor[data-style=spotlight] .sdf-cursor-effect:before{left:calc(var(--a) * -3.125);top:calc(var(--a) * -3.125);width:calc(var(--a) * 6.25);height:calc(var(--a) * 6.25);box-shadow:0 0 0 200cqw #00000047;background:radial-gradient(circle closest-side,transparent 80%,rgb(0 0 0 / .28) 100%)}.sdf-cursor-effect:after,.sdf-cursor-effect>i{position:absolute;border-radius:50%;content:"";pointer-events:none}.sdf-cursor[data-clicking=true][data-click=ripple] .sdf-cursor-effect:after{--r: calc(var(--a) * .25 + (var(--rr) - var(--a) * .25) * var(--click));left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);box-sizing:border-box;border:calc(var(--a) * .11) solid rgb(255 255 255 / calc(.95 - var(--click) * .95));box-shadow:0 0 0 1px rgb(0 0 0 / calc(.25 - var(--click) * .25)),inset 0 0 0 1px rgb(0 0 0 / calc(.25 - var(--click) * .25))}.sdf-cursor[data-clicking=true][data-click=pulse] .sdf-cursor-effect:after{--r: calc(var(--a) * .8 * min(1, var(--click) * 3));left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:rgb(220 112 54 / calc(.38*min(1,2.2 - var(--click) * 2.2)))}.sdf-cursor[data-clicking=true][data-click=sonar] .sdf-cursor-effect:after{--r: calc(var(--a) * (.25 + var(--click) * 1.15));left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);box-sizing:border-box;border:calc(var(--a) * .11) solid rgb(220 112 54 / calc(1 - var(--click)))}.sdf-cursor[data-clicking=true][data-click=sonar] .sdf-cursor-effect:before{--r: calc(var(--a) * (.25 + max(0, var(--click) - .3) * 2.21));position:absolute;left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);box-sizing:border-box;border:calc(var(--a) * .07) solid rgb(220 112 54 / calc(1 - var(--click)));border-radius:50%;content:""}.sdf-cursor[data-clicking=true][data-click=press] .sdf-cursor-arrow{transform:scale(.82)}.sdf-cursor[data-clicking=true][data-click=press] .sdf-cursor-effect:after{left:calc(var(--a) * -.6);top:calc(var(--a) * -.6);width:calc(var(--a) * 1.2);height:calc(var(--a) * 1.2);background:rgb(40 40 40 / calc(.22 - var(--click) * .22))}.cc-skill-layout-fields{gap:24px}.cc-skill-layout-fields .skill-field{gap:10px}.cc-skill-layout-fields fieldset.skill-field>.skill-field-label{margin-bottom:10px}.cc-skill-layout-fields .skill-choice>span{height:32px;padding:0 14px;border-radius:8px;font-size:13px}.cc-skill-layout-fields .skill-choice>input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text-primary)}.sde-ratios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sde-ratio{position:relative;cursor:pointer}.sde-ratio>input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sde-ratio-tile{display:flex;height:68px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--divider-strong);border-radius:10px;color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums;transition:border-color .15s,background-color .15s,color .15s}.sde-ratio-tile>span:last-child{line-height:16px}.sde-ratio-glyph{display:block;box-sizing:border-box;border:1.5px solid currentColor;border-radius:3px;transition:background-color .15s}.sde-ratio:hover>input:not(:checked)+.sde-ratio-tile{border-color:var(--text-quaternary, var(--text-tertiary));color:var(--text-primary)}.sde-ratio>input:checked+.sde-ratio-tile{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text-primary)}.sde-ratio>input:checked+.sde-ratio-tile .sde-ratio-glyph{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 22%,transparent)}.sde-ratio>input:focus-visible+.sde-ratio-tile{outline:2px solid var(--primary);outline-offset:2px}.sde-background img{object-fit:cover}.sde-background .skill-visual-grid{gap:8px}.sde-background .skill-visual-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sde-background .skill-visual-more .skill-visual-frame{background:var(--sde-mosaic, var(--surface-tint));color:#fff}.sde-background .skill-visual-more .skill-visual-frame:before{position:absolute;inset:0;background:#0000006b;content:"";transition:background-color .15s}.sde-background .skill-visual-more:hover .skill-visual-frame{color:#fff}.sde-background .skill-visual-more:hover .skill-visual-frame:before{background:#0000008c}.sde-background .skill-visual-more .skill-visual-frame>*{position:relative}.sde-background .skill-visual-more .skill-visual-frame>strong{font-size:14px;font-weight:600}.sde-background .skill-visual-more .skill-visual-frame>span{font-size:11px}.sde-more{margin-top:-8px}.sde-more>summary{display:flex;width:fit-content;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;line-height:20px;list-style:none;cursor:pointer}.sde-more>summary::-webkit-details-marker{display:none}.sde-more>summary:before{width:6px;height:6px;margin:0 4px 0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";rotate:-45deg;transition:rotate .15s}.sde-more[open]>summary:before{rotate:45deg}.sde-more>summary:hover{color:var(--text-primary, inherit)}.sde-more[open]{display:grid;gap:18px;padding:0 0 16px;border-bottom:1px solid var(--divider-strong)}.sde-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 3.6em 20px;align-items:center;gap:10px}.sde-slider{position:relative;height:34px;touch-action:none;cursor:pointer}.sde-slider:focus{outline:none}.sde-slider-track{position:absolute;inset:11px 0 auto;height:4px;border-radius:4px;background:color-mix(in srgb,var(--text-primary) 10%,transparent)}.sde-slider-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--primary)}.sde-slider-ticks i{position:absolute;top:19px;width:1px;height:4px;background:color-mix(in srgb,var(--text-primary) 22%,transparent)}.sde-slider-default{position:absolute;top:3px;width:2px;height:20px;margin-left:-1px;border-radius:2px;background:var(--text-tertiary);opacity:.55}.sde-slider-default em{position:absolute;top:21px;left:50%;color:var(--text-tertiary);font-size:10px;font-style:normal;line-height:12px;white-space:nowrap;transform:translate(-50%)}.sde-slider-default[data-edge=start] em{left:0;transform:none}.sde-slider-default[data-edge=end] em{right:0;left:auto;transform:none}.sde-slider-knob{position:absolute;top:13px;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--primary);border-radius:50%;background:var(--surface-raised, #fff);transition:transform .12s,background-color .12s}.sde-slider:hover .sde-slider-knob{transform:scale(1.08)}.sde-slider:active .sde-slider-knob{transform:scale(1.14)}.sde-slider[data-snapped] .sde-slider-knob{background:var(--primary)}.sde-slider:focus-visible .sde-slider-knob{outline:2px solid var(--primary);outline-offset:2px}.sde-slider-value{color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.sde-slider-reset{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;color:var(--primary);font-size:14px;line-height:20px;cursor:pointer}.sde-slider-reset:disabled{visibility:hidden}.sde-fx{display:grid;grid-template-columns:repeat(var(--sde-fx-count, 4),minmax(0,1fr));gap:6px}.sde-fx-option{position:relative;cursor:pointer}.sde-fx-option>input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sde-fx-tile{display:grid;gap:6px;padding:4px 4px 6px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--divider-strong);color:var(--text-secondary);font-size:12px;line-height:16px;text-align:center;transition:box-shadow .12s,color .12s}.sde-fx-option:hover .sde-fx-tile{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 30%,transparent)}.sde-fx-option>input:checked+.sde-fx-tile{box-shadow:inset 0 0 0 2px var(--primary);color:var(--text-primary)}.sde-fx-option>input:focus-visible+.sde-fx-tile{outline:2px solid var(--primary);outline-offset:2px}.sde-fx-stage{position:relative;height:44px;overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.sde-fx-target{position:absolute;left:30%;top:56%;width:40%;height:22%;border-radius:99px;background:color-mix(in srgb,var(--text-primary) 16%,transparent)}.sde-fx-pointer{position:absolute;left:50%;top:67%;width:0;height:0}.sde-fx-arrow{position:absolute;left:-1.1px;top:-1.1px;width:11.4px;height:16px;overflow:visible;fill:#111;stroke:#fff;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .3));transform-origin:10% 7%}.sde-fx-effect{position:absolute;border-radius:50%}.sde-fx[data-kind=click] [data-fx=ripple] .sde-fx-effect{left:-11px;top:-11px;width:22px;height:22px;border:2px solid rgb(255 255 255 / .95);box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000073}.sde-fx[data-kind=click] [data-fx=pulse] .sde-fx-effect{left:-10px;top:-10px;width:20px;height:20px;background:#dc703666}.sde-fx[data-kind=click] [data-fx=sonar] .sde-fx-effect{left:-9px;top:-9px;width:18px;height:18px;border:1.5px solid rgb(220 112 54);box-shadow:0 0 0 4px #dc703659}.sde-fx[data-kind=click] [data-fx=press] .sde-fx-effect{left:-8px;top:-8px;width:16px;height:16px;background:#28282838}.sde-fx[data-kind=click] [data-fx=press] .sde-fx-arrow{transform:scale(.82)}.sde-fx[data-kind=style] [data-fx=halo] .sde-fx-effect{left:-13px;top:-13px;width:26px;height:26px;background:radial-gradient(circle,#e7723b73 0 45%,#e7723b00 70%)}.sde-fx[data-kind=style] [data-fx=spotlight] .sde-fx-effect{left:-16px;top:-16px;width:32px;height:32px;box-shadow:0 0 0 200px #00000052;background:radial-gradient(circle,transparent 55%,rgb(0 0 0 / .32) 72%)}.sde-fx-option:hover .sde-fx-pointer,.sde-fx-option>input:checked+.sde-fx-tile .sde-fx-pointer{animation:sde-fx-glide 1.8s cubic-bezier(.65,0,.35,1) infinite}.sde-fx[data-kind=style] .sde-fx-option:hover [data-fx=system] .sde-fx-pointer,.sde-fx[data-kind=style] .sde-fx-option>input:checked+[data-fx=system] .sde-fx-pointer{animation-timing-function:steps(1,end)}.sde-fx[data-kind=click] .sde-fx-option:hover .sde-fx-effect,.sde-fx[data-kind=click] .sde-fx-option>input:checked+.sde-fx-tile .sde-fx-effect{animation:sde-fx-click 1.8s ease-out infinite}.sde-fx[data-kind=click] .sde-fx-option:hover [data-fx=press] .sde-fx-arrow,.sde-fx[data-kind=click] .sde-fx-option>input:checked+[data-fx=press] .sde-fx-arrow{animation:sde-fx-press 1.8s ease-out infinite}@keyframes sde-fx-glide{0%,8%{left:86%;top:22%}42%,to{left:50%;top:67%}}@keyframes sde-fx-click{0%,46%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(.45)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes sde-fx-press{0%,46%,70%,to{transform:scale(1)}52%{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.sde-fx-pointer,.sde-fx-effect,.sde-fx-arrow{animation:none!important}}.cc-skill-layout-fields{scrollbar-gutter:stable}.sde-reveal{display:grid;grid-template-rows:0fr;margin-top:-24px;opacity:0;transition:grid-template-rows .26s cubic-bezier(.2,.8,.2,1),margin-top .26s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.sde-reveal[data-open]{grid-template-rows:1fr;margin-top:0;opacity:1}.sde-reveal-inner{min-height:0;overflow:hidden}.sde-reveal-stack{display:grid;gap:24px}@media(prefers-reduced-motion:reduce){.sde-reveal{transition:none}}.sde-cursor-fields{display:flex;flex-direction:column;gap:24px}.sde-tabs{position:sticky;z-index:3;top:0;display:grid;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -20px -4px;padding:0 20px 4px;background:var(--surface-raised)}.sde-tabs:before{position:absolute;inset:0 20px 4px;z-index:-1;border-radius:10px;background:var(--surface-tint);content:""}.sde-tab{height:36px;margin:3px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s,color .15s}.sde-tab:hover{color:var(--text-primary)}.sde-tab[aria-selected=true]{background:var(--surface-raised);box-shadow:0 1px 2px #00000014;color:var(--text-primary);font-weight:600}.sde-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sde-panel{display:flex;flex-direction:column;gap:24px}.sde-panel[data-dir=forward]{animation:sde-panel-forward .24s cubic-bezier(.2,.8,.2,1) both}.sde-panel[data-dir=back]{animation:sde-panel-back .24s cubic-bezier(.2,.8,.2,1) both}@keyframes sde-panel-forward{0%{opacity:0;transform:translate(24px)}}@keyframes sde-panel-back{0%{opacity:0;transform:translate(-24px)}}@media(prefers-reduced-motion:reduce){.sde-panel{animation:none!important}}