button[data-astro-cid-lxlzc4j4].trigger{cursor:pointer;--color: #fff;width:52px;height:52px;background:transparent;border:3px solid var(--color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;position:relative;margin:1rem auto;opacity:.8}button[data-astro-cid-lxlzc4j4].trigger:before{content:" ";width:40px;position:absolute;height:40px;background:var(--color);border-radius:50%;display:block}button[data-astro-cid-lxlzc4j4].trigger:hover,button[data-astro-cid-lxlzc4j4].trigger:active{opacity:1}button[data-astro-cid-lxlzc4j4].trigger:focus{opacity:1;--color: red}button[data-astro-cid-lxlzc4j4].trigger:active{--color: red}button[data-astro-cid-lxlzc4j4].trigger.vibrate{animation:vibrate 1s ease-out}.container[data-astro-cid-ow27obr3]{display:flex;flex-direction:column;height:100%;margin:0 auto;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.editor-container-wrapper[data-astro-cid-ow27obr3]{width:875px;border-radius:0;padding:40px 96px;margin:20px auto;transition:background .3s ease;position:relative}.editor-container-wrapper[data-astro-cid-ow27obr3].fixed-ratio{padding-top:0;padding-bottom:0;display:flex;align-items:center;overflow:hidden}.editor-container[data-astro-cid-ow27obr3]{flex:1;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0000004d;min-height:200px;height:70vh}.editor-container[data-astro-cid-ow27obr3].none{box-shadow:none}.window-controls[data-astro-cid-ow27obr3]{position:absolute;top:15px;left:15px;display:none;gap:8px;z-index:1}.macos[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3],.windows[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3],.linux[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3],.iphone[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3],.android[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3]{display:flex}.window-control[data-astro-cid-ow27obr3]{width:12px;height:12px;border-radius:50%}.macos[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].red{background:#ff5f56}.macos[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].yellow{background:#ffbd2e}.macos[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].green{background:#27c93f}.windows[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3]{display:flex;left:auto;right:8px;flex-direction:row-reverse;gap:32px;scale:.8}.windows[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3]{width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-family:Arial,sans-serif;font-size:24px}.windows[data-astro-cid-ow27obr3].light .window-controls[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3]{color:#000000e6}.windows[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].close:after{content:"✕";font-size:18px}.windows[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].maximize:after{content:"▢";font-size:16px}.windows[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].minimize:after{content:"_";height:auto;margin-left:5px;width:20px;margin-top:-12px}.linux[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3]{display:flex;left:auto;right:15px;flex-direction:row-reverse;gap:8px}.linux[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3]{width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-family:Arial,sans-serif;font-size:24px}.linux[data-astro-cid-ow27obr3].light .window-controls[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3]:not(.close){color:#0009}.linux[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].close:after{content:"✕";font-size:12px;width:14px;height:16px;padding-left:4.5px;padding-bottom:2px;background:red;border-radius:50%}.linux[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].maximize:after{content:"⌃";font-size:22px;margin-top:7px}.linux[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3].minimize:after{content:"⌃";font-size:22px;margin-top:-9px;transform:rotate(180deg)}.iphone[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3]{left:50%;transform:translate(-50%);top:10px;width:110px;aspect-ratio:30 / 8;background:#1a1a1a;border-radius:50px;justify-content:center;align-items:center}.iphone[data-astro-cid-ow27obr3] .ace_scroller[data-astro-cid-ow27obr3]{padding-top:68px}.iphone[data-astro-cid-ow27obr3] .window-control[data-astro-cid-ow27obr3]{display:none}.iphone[data-astro-cid-ow27obr3].editor-container{border-radius:40px 40px 0 0;border:6px solid #000;border-bottom:0}.editor-container-wrapper[data-astro-cid-ow27obr3]:has(.iphone.editor-container){padding-bottom:0!important;overflow:hidden}.android[data-astro-cid-ow27obr3] .window-controls[data-astro-cid-ow27obr3]{left:50%;transform:translate(-50%);top:12px;width:16px;height:16px;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center}.android[data-astro-cid-ow27obr3].editor-container{border-radius:32px 32px 0 0;border:6px solid #000;border-bottom:0}.editor-container-wrapper[data-astro-cid-ow27obr3]:has(.android.editor-container){padding-bottom:0!important;overflow:hidden}