@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ed-bg: hsl(30 20% 98%);--ed-bg-alt: hsl(30 15% 95%);--ed-surface: hsl(0 0% 100%);--ed-surface-alt: hsl(30 10% 97%);--ed-border: rgba(0, 0, 0, .1);--ed-border-strong: rgba(0, 0, 0, .18);--ed-text: hsl(0 0% 12%);--ed-text-muted: hsl(0 0% 45%);--ed-accent: hsl(25 95% 53%);--ed-accent-dim: hsl(25 80% 42%);--ed-error-bg: hsl(0 60% 96%);--ed-error-text: hsl(0 70% 45%);--ed-warning-text: hsl(40 90% 40%);--ed-success-text: hsl(145 60% 35%);--ed-glass-bg: rgba(255, 255, 255, .85);--ed-glass-border: rgba(0, 0, 0, .08);--ed-glass-shadow: rgba(0, 0, 0, .06);--ed-glass-inset: rgba(255, 255, 255, 1);--ed-resize-handle: rgba(0, 0, 0, .12);--ed-resize-handle-hover: rgba(0, 0, 0, .25);--ed-scrollbar-thumb: rgba(0, 0, 0, .15);--ed-scrollbar-thumb-hover: rgba(0, 0, 0, .25)}.dark{--ed-bg: hsl(0 0% 4%);--ed-bg-alt: hsl(0 0% 8%);--ed-surface: hsl(0 0% 7%);--ed-surface-alt: hsl(0 0% 10%);--ed-border: rgba(255, 255, 255, .08);--ed-border-strong: rgba(255, 255, 255, .15);--ed-text: hsl(0 0% 90%);--ed-text-muted: hsl(0 0% 55%);--ed-accent: hsl(25 95% 53%);--ed-accent-dim: hsl(25 80% 65%);--ed-error-bg: hsl(0 40% 10%);--ed-error-text: hsl(0 80% 70%);--ed-warning-text: hsl(40 90% 65%);--ed-success-text: hsl(145 60% 55%);--ed-glass-bg: rgba(255, 255, 255, .06);--ed-glass-border: rgba(255, 255, 255, .1);--ed-glass-shadow: rgba(0, 0, 0, .4);--ed-glass-inset: rgba(255, 255, 255, .08);--ed-resize-handle: rgba(255, 255, 255, .1);--ed-resize-handle-hover: rgba(255, 255, 255, .25);--ed-scrollbar-thumb: rgba(255, 255, 255, .12);--ed-scrollbar-thumb-hover: rgba(255, 255, 255, .2)}.liquid-glass{background:linear-gradient(135deg,var(--ed-glass-bg) 0%,rgba(255,255,255,.6) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ed-glass-border);box-shadow:0 4px 20px var(--ed-glass-shadow),inset 0 1px 0 var(--ed-glass-inset)}.dark .liquid-glass{background:linear-gradient(135deg,#ffffff14,#ffffff08)}.liquid-glass-header{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--ed-glass-border);box-shadow:0 4px 20px var(--ed-glass-shadow)}.dark .liquid-glass-header{background:linear-gradient(180deg,#0009,#0006);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d}.liquid-glass-button{background:linear-gradient(135deg,#ffffff80,#fff3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ed-glass-border);border-radius:8px;box-shadow:0 2px 8px var(--ed-glass-shadow),inset 0 1px 0 var(--ed-glass-inset);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.liquid-glass-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ed-glass-shadow),inset 0 1px 0 var(--ed-glass-inset);border-color:var(--ed-border-strong)}.liquid-glass-button:active{transform:translateY(0) scale(.98)}.dark .liquid-glass-button{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.12)}.dark .liquid-glass-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0f)}.liquid-glass-pill{background:linear-gradient(135deg,#fff9,#fff6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--ed-glass-border);border-radius:9999px;box-shadow:0 2px 8px var(--ed-glass-shadow),inset 0 1px 0 var(--ed-glass-inset)}.dark .liquid-glass-pill{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1)}.liquid-glass-overlay{background:linear-gradient(135deg,#ffffffd9,#ffffffb3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ed-glass-border);border-radius:16px;box-shadow:0 16px 64px #0000001a,inset 0 1px 0 var(--ed-glass-inset)}.dark .liquid-glass-overlay{background:linear-gradient(135deg,#1e1e28e6,#14141ed9);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 64px #0009,inset 0 1px #ffffff14}.liquid-glass-input{background:var(--ed-surface);border:1.5px solid var(--ed-border-strong);border-radius:8px;box-shadow:inset 0 1px 3px var(--ed-glass-shadow);transition:all .2s cubic-bezier(.16,1,.3,1);color:var(--ed-text);font-size:13px;padding:6px 10px}.liquid-glass-input:focus{border-color:var(--ed-accent);box-shadow:inset 0 1px 3px var(--ed-glass-shadow),0 0 0 3px #e2725b26;outline:none}.dark .liquid-glass-input{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1)}@keyframes cream-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-shine-once{0%{left:-100%}to{left:150%}}.animate-cream-rise{animation:cream-rise .3s cubic-bezier(.16,1,.3,1) both}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--ed-bg);color:var(--ed-text);height:100vh;overflow:hidden;transition:background-color .2s,color .2s}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ed-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ed-scrollbar-thumb-hover)}.mkly-editor{flex:1;overflow:auto}.mkly-editor .cm-editor{height:100%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--ed-border-strong);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ed-accent);border:2px solid var(--ed-bg);box-shadow:0 1px 4px #0000004d;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ed-accent);border:2px solid var(--ed-bg);box-shadow:0 1px 4px #0000004d;cursor:pointer}input[type=range]::-moz-range-track{height:4px;background:var(--ed-border-strong);border-radius:2px}