.ote,[data-ote-part]{font-family:var(--ote-font,system-ui, sans-serif);color:var(--ote-text);-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.3}.ote{background:var(--ote-bg);border:1px solid var(--ote-line-strong);border-radius:var(--ote-radius,14px);overflow:hidden;container-type:inline-size}.ote-bar{border-bottom:1px solid var(--ote-line);background:var(--ote-bg);align-items:center;gap:12px;height:50px;padding:0 14px;display:flex}.ote-logo svg{width:20px;height:20px}.ote-name{font-size:14px;font-weight:600}.ote-count{color:var(--ote-muted)}.ote-saved{color:var(--ote-muted);align-items:center;gap:6px;margin-left:auto;display:flex}.ote-saved:before{content:"";background:#3ba776;border-radius:50%;width:7px;height:7px}.ote-btn{border:1px solid var(--ote-line-strong);border-radius:calc(var(--ote-radius,14px) * .55);background:var(--ote-bg);height:30px;color:var(--ote-text);font:500 13px/1 var(--ote-font);cursor:pointer;align-items:center;padding:0 12px;display:inline-flex}.ote-btn.go{background:var(--ote-accent);border-color:var(--ote-accent);color:var(--ote-accent-ink)}[data-ote-stage=publish] .ote-bar .ote-btn.go{box-shadow:0 0 0 3px color-mix(in srgb, var(--ote-accent) 35%, transparent)}.ote-body{grid-template-columns:172px minmax(0,1fr) 228px;display:grid}.ote-scenes{border-right:1px solid var(--ote-line);background:var(--ote-bg-2);padding:12px 10px}.ote-label{color:var(--ote-muted);justify-content:space-between;margin:0 4px 10px;font-weight:600;display:flex}.ote-scenes ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ote-scenes li{transition:opacity .35s,transform .35s}.ote-scenes li.pending{opacity:0;transform:translateY(-4px)}.ote-scene{border-radius:calc(var(--ote-radius,14px) * .55);width:100%;color:var(--ote-text);font:500 13px/1.2 var(--ote-font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:5px;display:flex}.ote-scene:hover{background:var(--ote-hover)}.ote-scene[aria-pressed=true]{background:var(--ote-bg);border-color:var(--ote-line-strong)}.ote-thumb{background:var(--ote-line) center / cover;border-radius:4px;flex:none;width:52px;height:30px}.ote-view{aspect-ratio:16/10;cursor:grab;touch-action:pan-y;background:#2a2e2c;min-height:0;position:relative;overflow:hidden}.ote-view.dragging{cursor:grabbing}.ote-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ote-fade{opacity:0;pointer-events:none;background:#1a1d1b;transition:opacity .22s;position:absolute;inset:0}.ote-fade.on{opacity:1}.ote-nogl{background:linear-gradient(#e3e6e0 0 20%,#dce2da 20% 68%,#a57e5a 68%)}.ote-tools{background:color-mix(in srgb, var(--ote-bg) 92%, transparent);border-radius:9px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.ote-tools span{color:var(--ote-muted);border-radius:6px;padding:6px 10px;font-weight:500}.ote-tools .on{background:var(--ote-text);color:var(--ote-bg)}.ote-hs-layer{pointer-events:none;position:absolute;inset:0}.ote-hs{pointer-events:auto;cursor:pointer;will-change:transform;border:0;border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.ote-hs.info{color:#1b1f1d;background:#fff;box-shadow:0 2px 8px #0000004d}.ote-hs.info b{font:700 14px/1 Georgia,serif}.ote-hs.link{background:var(--ote-hot);color:var(--ote-hot-ink);box-shadow:0 0 0 3px #fff,0 6px 16px #0000004d}.ote-hs.link svg{width:14px;height:14px}.ote-hs.sel{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ote-hot-ring,#1b1f1d), 0 6px 16px #0000004d}.ote-hs.info.sel{box-shadow:0 0 0 3px var(--ote-hot), 0 6px 16px #0000004d}.ote-tag{color:#fff;font:500 12px/1 var(--ote-font);white-space:nowrap;pointer-events:none;opacity:0;background:#1b1f1d;border-radius:6px;padding:5px 8px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.ote-hs.sel .ote-tag{opacity:1}.ote-hs.ghost{opacity:0}.ote-hs.pop{animation:.6s cubic-bezier(.3,1.6,.5,1) ote-pop}@keyframes ote-pop{0%{scale:.2}to{scale:1}}.ote-cursor{opacity:0;pointer-events:none;z-index:3;width:22px;height:22px;margin:-2px 0 0 -3px;transition:opacity .25s;position:absolute;top:0;left:0}.ote-cursor.on{opacity:1}.ote-cursor:after{content:"";opacity:0;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;top:-9px;left:-9px}.ote-cursor.click:after{animation:.6s ease-out ote-ripple}@keyframes ote-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.ote-minimap{width:124px;color:var(--ote-text);background:color-mix(in srgb, var(--ote-bg) 92%, transparent);border-radius:8px;padding:6px;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 10px #00000026}.ote-minimap svg{width:100%;height:auto;display:block}.ote-mm-dot{fill:var(--ote-accent);stroke:var(--ote-bg);stroke-width:1.5px}.ote-mm-cone{fill:var(--ote-accent);opacity:.3}.ote-mm-pos{transition:transform .3s}.ote-overlay{-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:2;background:#0a0c0b73;place-items:center;padding:16px;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.ote-overlay.on{opacity:1;visibility:visible}.ote-card{background:var(--ote-bg);width:min(340px,100%);color:var(--ote-text);border:1px solid var(--ote-line-strong);border-radius:calc(var(--ote-radius,14px) * .8);cursor:default;gap:12px;padding:16px;display:grid;box-shadow:0 18px 40px -12px #0006}.ote-card strong{font-size:14px}.ote-card-h{justify-content:space-between;align-items:center;display:flex}.ote-x{color:var(--ote-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1}.ote-upload ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.ote-upload li{color:var(--ote-muted);grid-template-columns:1fr 90px;align-items:center;gap:10px;display:grid}.ote-bar-track{background:var(--ote-line);border-radius:3px;height:5px;overflow:hidden}.ote-bar-track i{background:var(--ote-accent);border-radius:3px;width:0;height:100%;display:block}.ote-upload.on .ote-bar-track i{animation:ote-fill .5s calc(var(--i) * .45s + .1s) ease-out forwards}@keyframes ote-fill{to{width:100%}}.ote-code{background:var(--ote-bg-2);border:1px solid var(--ote-line);color:var(--ote-muted);white-space:normal;word-break:break-all;border-radius:6px;padding:8px 10px;font:11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.ote-row{gap:8px;display:flex}.ote-props{border-left:1px solid var(--ote-line);background:var(--ote-bg);align-content:start;gap:14px;padding:14px 16px;display:grid}.ote-ph{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ote-chip{border-radius:50%;width:14px;height:14px}.ote-chip.link{background:var(--ote-hot);box-shadow:inset 0 0 0 1px #00000026}.ote-chip.info{box-shadow:inset 0 0 0 1.5px var(--ote-text);background:#fff}.ote-field{gap:6px;display:grid}.ote-field>span{color:var(--ote-muted)}.ote-input{border:1px solid var(--ote-line-strong);border-radius:calc(var(--ote-radius,14px) * .5);background:var(--ote-bg);min-height:32px;color:var(--ote-text);justify-content:space-between;align-items:center;padding:0 10px;transition:border-color .3s,box-shadow .3s;display:flex}.ote-input.area{min-height:56px;color:var(--ote-muted);align-items:flex-start;padding-block:8px}.ote-input.select:after{content:"";border-right:1.5px solid var(--ote-muted);border-bottom:1.5px solid var(--ote-muted);flex:none;width:6px;height:6px;margin:-3px 2px 0 8px;transform:rotate(45deg)}.ote-input.focus{border-color:var(--ote-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ote-accent) 22%, transparent)}.ote-toggle-row{justify-content:space-between;align-items:center;display:flex}.ote-toggle{background:var(--ote-accent);border-radius:10px;width:34px;height:20px;position:relative}.ote-toggle:after{content:"";background:var(--ote-accent-ink);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.ote-swatches{gap:6px;display:flex}.ote-swatches i{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.ote-swatches i:first-child{background:var(--ote-hot);box-shadow:0 0 0 2px var(--ote-bg), 0 0 0 3.5px var(--ote-text)}.ote-swatches i:nth-child(2){background:#fff}.ote-swatches i:nth-child(3){background:#0e9f8e}.ote-swatches i:nth-child(4){background:#1b1f1d}.ote-drop{border:1.5px dashed var(--ote-line-strong);height:56px;color:var(--ote-muted);border-radius:8px;place-items:center;display:grid}@container (max-width:820px){.ote-body{grid-template-columns:150px minmax(0,1fr)}.ote-props{display:none}}@container (max-width:540px){.ote-body{grid-template-columns:minmax(0,1fr)}.ote-scenes{border-right:0;border-top:1px solid var(--ote-line);order:2}.ote-scenes ul{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.ote-label,.ote-count,.ote-saved,.ote-bar .ote-btn:not(.go),.ote-minimap{display:none}.ote-bar .ote-btn.go{margin-left:auto}.ote-view{aspect-ratio:4/3.4}.ote-tools{top:8px}.ote-tools span{padding:5px 8px}}@media (prefers-reduced-motion:reduce){.ote-hs.pop,.ote-cursor.click:after{animation:none}.ote-upload.on .ote-bar-track i{animation-duration:10ms}}