@layer components{:is(.day-shift-theme-preview,.night-shift-theme-preview){justify-content:center;align-items:center;height:100%;display:flex;position:relative}:is(.day-shift-theme-preview__window,.night-shift-theme-preview__window){width:70%;height:70%;box-shadow:var(--shadow-100);border-radius:3px;flex-direction:column;display:flex;overflow:hidden}:is(.day-shift-theme-preview__content,.night-shift-theme-preview__content){--item-height:3px;flex-direction:column;flex:100%;gap:3px;padding:6px;display:flex}:is(.day-shift-theme-preview__row,.night-shift-theme-preview__row){gap:4px;display:flex}:is(.day-shift-theme-preview__col-num,.night-shift-theme-preview__col-num){width:var(--item-height);height:var(--item-height);background-color:var(--simple-bar-primary-300);border-radius:50%}:is(.day-shift-theme-preview__word,.night-shift-theme-preview__word){height:var(--item-height);border-radius:var(--item-height)}:is(.day-shift-theme-preview__word,.night-shift-theme-preview__word)[data-blinking]{margin-left:-2px;animation:1s infinite toolbox-preview-word-blinking}@keyframes toolbox-preview-word-blinking{0%,24%,76%{opacity:1}25%,75%{opacity:0}}:is(.simple-bar-preview,.simple-bar-lite-preview,.simple-bar-server-preview){--simple-bar-primary-300:#39465e;--simple-bar-primary-400:#1e2737;--simple-bar-primary-500:#1b222d}:is(.simple-bar-preview,.simple-bar-lite-preview){background-color:var(--simple-bar-primary-500);height:100%;position:relative}.simple-bar-preview>.simple-bar-logo,.simple-bar-lite-preview>.simple-bar-lite-logo{width:30%;height:auto;fill:var(--white);position:absolute;top:14%;left:35%}:is(.simple-bar-preview__ripple,.simple-bar-lite-preview__ripple){background-color:var(--white);opacity:.4;border-radius:50%;width:14px;height:14px;position:absolute;top:39%;transform:scale(0)}:is(.simple-bar-preview__screen,.simple-bar-lite-preview__screen){--width:70%;bottom:0;left:calc(50% - (var(--width) / 2));width:var(--width);background-color:var(--simple-bar-primary-300);border-radius:var(--radius-200) var(--radius-200) 0 0;flex-direction:column;height:60%;display:flex;position:absolute;overflow:hidden}:is(.simple-bar-preview__desktop,.simple-bar-lite-preview__desktop){flex:100%;gap:6px;padding:15px 6px 0;display:flex}:is(.simple-bar-preview__window,.simple-bar-lite-preview__window){background-color:var(--white);border-radius:3px 3px 0 0;flex-direction:column;flex:100%;display:flex;overflow:hidden}:is(.day-shift-theme-preview__title,.night-shift-theme-preview__title,.simple-bar-preview__window-title,.simple-bar-lite-preview__window-title){align-items:center;gap:2px;height:10px;padding-left:3px;display:flex}:is(.day-shift-theme-preview__dot,.night-shift-theme-preview__dot,.simple-bar-preview__window-dot,.simple-bar-lite-preview__window-dot){background-color:var(--grey-200);border-radius:50%;width:4px;height:4px}:is(.day-shift-theme-preview__dot,.night-shift-theme-preview__dot,.simple-bar-preview__window-dot,.simple-bar-lite-preview__window-dot):first-of-type{background-color:#ff605c}:is(.day-shift-theme-preview__dot,.night-shift-theme-preview__dot,.simple-bar-preview__window-dot,.simple-bar-lite-preview__window-dot):nth-of-type(2){background-color:#ffbd44}:is(.day-shift-theme-preview__dot,.night-shift-theme-preview__dot,.simple-bar-preview__window-dot,.simple-bar-lite-preview__window-dot):nth-of-type(3){background-color:#00ca4e}:is(.simple-bar-preview__window-title-label,.simple-bar-lite-preview__window-title-label){background-color:var(--black);opacity:.5;border-radius:2px;width:12px;height:2px;margin:0 auto;transform:translate(-10px)}.a-bar-preview{--a-bar-bg:#1e1e2e;--a-bar-item:#313244;--a-bar-accent:#89b4fa;background-color:var(--a-bar-bg);flex-direction:column;justify-content:space-between;gap:8px;height:100%;padding:8px;display:flex;position:relative;overflow:clip}.a-bar-preview .a-bar-logo{width:100px;fill:var(--white);margin-inline:auto}.a-bar-preview__bar{background-color:var(--a-bar-item);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:24px;padding:0 8px;display:flex}.a-bar-preview__bar--2{animation:a-bar-2-slide-in 8s var(--transition-easing) infinite;transform:translateY(200%)}@keyframes a-bar-2-slide-in{0%,10%,to{transform:translateY(200%)}15%,90%{transform:none}}.a-bar-preview__items{align-items:center;gap:6px;display:flex}.a-bar-preview__items--right{margin-left:auto}.a-bar-preview__item{background-color:var(--a-bar-accent);opacity:.9;border-radius:3px;height:12px}.a-bar-preview__item--logo{background-color:var(--a-bar-accent);width:16px}.a-bar-preview__item--workspace{width:32px}.a-bar-preview__item--window{width:48px}.a-bar-preview__item--small{width:20px}.a-bar-preview__item--time{width:40px}.a-bar-preview__bar--2 .a-bar-preview__item--window{animation:a-bar-window-fade-in 8s var(--transition-easing) infinite}.a-bar-preview__bar--2 .a-bar-preview__items--right .a-bar-preview__item{animation:a-bar-item-fade-in 8s var(--transition-easing) infinite}.a-bar-preview__bar--2 .a-bar-preview__items--right .a-bar-preview__item:first-child{animation-name:a-bar-item-fade-in-delay-3}.a-bar-preview__bar--2 .a-bar-preview__items--right .a-bar-preview__item:nth-child(2){animation-name:a-bar-item-fade-in-delay-2}@keyframes a-bar-window-fade-in{0%,15%{opacity:0;transform:translate(-5%)}19%,90%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(-5%)}}@keyframes a-bar-item-fade-in{0%,22.5%{opacity:0;transform:translate(5%)}26.5%,90%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(5%)}}@keyframes a-bar-item-fade-in-delay-2{0%,27.5%{opacity:0;transform:translate(5%)}31.5%,90%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(5%)}}@keyframes a-bar-item-fade-in-delay-3{0%,35%{opacity:0;transform:translate(5%)}39%,90%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(5%)}}.day-shift-theme-preview{background-color:var(--day-shift-yellow-white)}.day-shift-theme-preview__window{background-color:var(--day-shift-background)}.day-shift-theme-preview__title{background-color:#f5f5f5}.just-post-it-preview{--canvas-bg:#1a202b;--canvas-bg-accent:#232c3a;--canvas-dot:#fff3;height:100%;color:var(--grey-100);background:radial-gradient(circle at 88% 14%, #2d3950 0%, transparent 36%), linear-gradient(160deg, var(--canvas-bg) 0%, var(--canvas-bg-accent) 100%);flex-direction:column;display:flex;position:relative;overflow:clip}.just-post-it-preview:before{content:"";background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:16px 16px;position:absolute;inset:0}.just-post-it-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000059);height:32%;position:absolute;inset:auto 0 0}.just-post-it-preview__toolbar{z-index:1;justify-content:center;align-items:center;gap:8px;height:38px;padding:8px 10px;display:flex;position:relative}.just-post-it-preview__action{color:var(--black);background-color:#d5ddf8;border:1px solid #0a0d122e;border-radius:6px;flex:none;padding:4px 9px;font-size:9px;font-weight:700;line-height:1;box-shadow:0 2px 8px #0003}.just-post-it-preview__canvas{flex:100%;padding:10px;position:relative}.just-post-it-preview__note{background-color:#000000ed;border:1px solid #ffffff61;border-radius:7px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;box-shadow:0 10px 22px #00000059}.just-post-it-preview__note--1{width:120px;height:80px;animation:6s ease-in-out infinite just-post-it-note-float-1;top:16px;left:10px}.just-post-it-preview__note--2{width:140px;height:102px;animation:6.5s ease-in-out infinite just-post-it-note-float-2;top:60px;left:86px}.just-post-it-preview__note--3{width:122px;height:86px;animation:5.8s ease-in-out infinite just-post-it-note-float-3;top:118px;left:42px}.just-post-it-preview__note-title{color:#ffffffe6;letter-spacing:.01em;align-items:center;gap:6px;font-size:10px;font-weight:700;line-height:1;display:flex}.just-post-it-preview__dot{border-radius:50%;width:7px;height:7px}.just-post-it-preview__dot--red{background-color:#ff2d2d}.just-post-it-preview__dot--green{background-color:#00ca4e}.just-post-it-preview__dot--blue{background-color:#2865ff}.just-post-it-preview__note-body{opacity:.7;background-image:linear-gradient(#0000 0 18%,#fff3 18% 23%,#0000 23% 43%,#fff3 43% 48%,#0000 48% 68%,#fff3 68% 73%,#0000 73% 100%);border-radius:4px;position:relative}.just-post-it-preview__note-body--short{width:88%;height:46px}.just-post-it-preview__note-body--medium{width:92%;height:54px}.just-post-it-preview__note-body--long{width:96%;height:66px}@keyframes just-post-it-note-float-1{0%,to{transform:translate(0)}50%{transform:translate(4px,-4px)}}@keyframes just-post-it-note-float-2{0%,to{transform:translate(0)}50%{transform:translate(-4px,4px)}}@keyframes just-post-it-note-float-3{0%,to{transform:translate(0)}50%{transform:translate(4px,4px)}}@media (prefers-reduced-motion:reduce){.just-post-it-preview__note{animation:none}}.logs-preview{--logs-surface-100:#03070d;--logs-surface-200:#0a111d;--logs-surface-300:#111d33;--logs-border:#dbe6ff3d;--logs-text:#dbe6ff;--logs-muted:#dce8ffad;height:100%;color:var(--logs-text);font-family:var(--monospace-font);background:radial-gradient(circle at 13% 3%,#6db3ce47,#0000 34%),radial-gradient(circle at 88% 94%,#ffbf6833,#0000 40%),linear-gradient(160deg,#0b121f 0%,#060a12 55%,#04070d 100%);padding:12px;display:flex;position:relative;overflow:clip}.logs-preview:before{content:"";opacity:.32;pointer-events:none;background-image:repeating-linear-gradient(#ffffff08,#ffffff08 1px,#0000 1px 3px);position:absolute;inset:0}.logs-preview:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 52%,#00000075);position:absolute;inset:0}.logs-preview__surface{z-index:1;border:1px solid var(--logs-border);background:linear-gradient(#111d33f2 0%,#070c16f2 58%,#04080ffa 100%);border-radius:10px;grid-template-rows:24px minmax(0,1fr) auto;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 18px 34px #00000073}.logs-preview__toolbar{background-color:#162540a3;border-bottom:1px solid #e0eaff24;align-items:center;gap:8px;padding:0 8px;display:flex}.logs-preview__window-controls{gap:4px;display:flex}.logs-preview__window-dot{border-radius:50%;width:6px;height:6px}.logs-preview__window-dot--red{background-color:#ff6d7a}.logs-preview__window-dot--yellow{background-color:#ffd484}.logs-preview__window-dot--green{background-color:#8fc8bb}.logs-preview__toolbar-title{color:#dbe6ffcc;letter-spacing:.08em;text-transform:lowercase;margin-left:auto;font-size:8px;line-height:1}.logs-preview__timeline{flex-direction:column;gap:4px;padding:6px;display:flex;overflow:hidden}.logs-preview__load{color:#ecf2ffb8;background-color:#182337eb;border:1px solid #ecf2ff38;border-radius:999px;align-self:center;padding:2px 6px;font-size:7px;font-weight:600;line-height:1;animation:3.6s ease-in-out infinite logs-preview-load-pulse}.logs-preview__line{background-color:#0e1727c7;border:1px solid #dee9ff1f;border-radius:4px;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px;padding:2px 4px;font-size:7px;line-height:1.3;display:grid}.logs-preview__line--highlight{background-color:#25407c73;border-color:#679dff66}.logs-preview__line--warn{background-color:#563a1794;border-color:#ffca745c}.logs-preview__line--danger{background-color:#511f279e;border-color:#e784826b}.logs-preview__timestamp{color:var(--logs-muted);white-space:nowrap}.logs-preview__message{color:#ecf1ffeb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logs-preview__empty{color:#d4e2ff99;text-align:center;margin-top:2px;font-size:7px;line-height:1}.logs-preview__composer{background-color:#070b13f0;border-top:1px solid #dae5ff1f;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px;display:grid}.logs-preview__composer-text{color:#e9f1ffd6;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ecf2ff3d;border-radius:6px;padding:4px 6px;font-size:7px;line-height:1.2;overflow:hidden}.logs-preview__composer-button{color:#0e1220;background-color:#d8def8;border-radius:6px;place-items:center;min-width:32px;padding:0 8px;font-size:7px;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 1px #ffffffa6}@keyframes logs-preview-load-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.logs-preview__load{animation:none}}.night-shift-theme-preview{background-color:var(--simple-bar-primary-500)}.night-shift-theme-preview__window{background-color:var(--simple-bar-primary-400)}.night-shift-theme-preview__title{background-color:var(--white)}.simple-bar-lite-preview{--animation-timing:5s;--animation-delay:2s}.simple-bar-lite-preview__ripple--1{animation:simple-bar-lite-preview-ripple var(--animation-timing) var(--animation-delay) var(--transition-easing) infinite;left:15.2%}.simple-bar-lite-preview__ripple--2{animation:simple-bar-lite-preview-ripple var(--animation-timing) var(--transition-easing) infinite;left:17.2%}@keyframes simple-bar-lite-preview-ripple{20%,40%{transform:scale(0)}30%,35%{transform:scale(1)}}.simple-bar-lite-preview__bar{--item-height:5px;--item-padding:2px;--item-radius:2px;background-color:var(--simple-bar-primary-400);align-items:center;width:100%;height:10px;display:flex;position:absolute;top:0;left:0}.simple-bar-lite-preview__spaces{gap:3px;padding-left:6px;display:flex}.simple-bar-lite-preview__space{flex:1 0 var(--item-height);width:var(--item-height);height:var(--item-height);padding:var(--item-padding);background:var(--white);outline-offset:1px;border-radius:50%}.simple-bar-lite-preview__space:nth-child(2){animation:simple-bar-lite-preview-space-current-reverse var(--animation-timing) var(--transition-easing) infinite}@keyframes simple-bar-lite-preview-space-current-reverse{23%,77%{background:var(--white);outline:none}25%,75%{background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}}.simple-bar-lite-preview__space--current{animation:simple-bar-lite-preview-space-current var(--animation-timing) var(--transition-easing) infinite;background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}.simple-bar-lite-preview__space--empty{outline:1px solid var(--white);outline-offset:-1px;background-color:#0000}@keyframes simple-bar-lite-preview-space-current{23%,77%{background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}25%,75%{background:var(--white);outline:none}}.simple-bar-lite-preview__process{height:var(--item-height);padding:var(--item-padding);color:var(--white);background-color:var(--simple-bar-primary-500);border-radius:2px;align-items:center;gap:2px;margin-inline:5px auto;font-size:4px;display:flex}.simple-bar-lite-preview__process-label{background-color:var(--white);opacity:.75;transform-origin:0;width:26px;height:2px;animation:simple-bar-lite-preview-process-width var(--animation-timing) var(--transition-easing) infinite;border-radius:2px}@keyframes simple-bar-lite-preview-process-width{25%,77%{transform:none}30%,76%{transform:scaleX(1.5)}}.simple-bar-lite-preview__data{gap:3px;padding-right:3px;display:flex}.simple-bar-lite-preview__data-item{width:10px;height:calc(var(--item-height) - 2px);padding:var(--item-padding);background-color:var(--white);opacity:.75;border-radius:2px}.simple-bar-lite-preview__desktop{animation:simple-bar-lite-preview-desktop-hiding var(--animation-timing) infinite}@keyframes simple-bar-lite-preview-desktop-hiding{24%,76%{gap:6px}25%,75%{gap:0}}.simple-bar-lite-preview__window:first-child{animation:simple-bar-lite-preview-window-hiding var(--animation-timing) infinite}@keyframes simple-bar-lite-preview-window-hiding{24%,76%{flex-basis:100%}25%,75%{flex-basis:0}}.simple-bar-preview{--animation-timing:4s;--animation-delay:2s}.simple-bar-preview__ripple--1{animation:simple-bar-preview-ripple var(--animation-timing) var(--animation-delay) var(--transition-easing) infinite;left:17%}.simple-bar-preview__ripple--2{animation:simple-bar-preview-ripple var(--animation-timing) var(--transition-easing) infinite;left:22%}@keyframes simple-bar-preview-ripple{20%,40%{transform:scale(0)}30%,35%{transform:scale(1)}}.simple-bar-preview__bar{--item-height:7px;--item-padding:2px;--item-radius:2px;background-color:var(--simple-bar-primary-400);align-items:center;width:100%;height:10px;display:flex;position:absolute;top:0;left:0}.simple-bar-preview__spaces{gap:3px;padding-left:3px;display:flex}.simple-bar-preview__space{height:var(--item-height);padding:var(--item-padding);color:var(--white);background-color:var(--simple-bar-primary-500);border-radius:2px;flex:1 0 auto;align-items:center;gap:2px;font-size:5px;display:flex}.simple-bar-preview__space:nth-child(2){animation:simple-bar-preview-space-current-reverse var(--animation-timing) var(--transition-easing) infinite}@keyframes simple-bar-preview-space-current-reverse{23%,77%{color:var(--white);background-color:var(--simple-bar-primary-500)}25%,75%{color:var(--simple-bar-primary-500);background-color:var(--white)}}.simple-bar-preview__space--current{color:var(--simple-bar-primary-500);background-color:var(--white);animation:simple-bar-preview-space-current var(--animation-timing) var(--transition-easing) infinite}@keyframes simple-bar-preview-space-current{23%,77%{color:var(--simple-bar-primary-500);background-color:var(--white)}25%,75%{color:var(--white);background-color:var(--simple-bar-primary-500)}}.simple-bar-preview__space-app{background-color:var(--simple-bar-primary-300);border-radius:50%;width:4px;height:4px}.simple-bar-preview__process{height:var(--item-height);padding:var(--item-padding);color:var(--white);background-color:var(--simple-bar-primary-500);border-radius:2px;align-items:center;gap:2px;margin:0 auto;font-size:4px;display:flex}.simple-bar-preview__process-label{background-color:var(--white);opacity:.5;border-radius:2px;width:18px;height:2px}.simple-bar-preview__data{gap:3px;padding-right:3px;display:flex}.simple-bar-preview__data-item{width:10px;height:var(--item-height);padding:var(--item-padding);background-color:var(--simple-bar-primary-500);border-radius:2px}.simple-bar-preview__data-item:first-child{background-color:var(--simple-bar-magenta);width:12px}.simple-bar-preview__data-item:nth-child(2){background-color:var(--simple-bar-blue);width:10px}.simple-bar-preview__data-item:nth-child(3){background-color:var(--simple-bar-red);width:14px}.simple-bar-preview__data-item:nth-child(4){background-color:var(--simple-bar-cyan);width:10px}.simple-bar-preview__data-item:nth-child(5){background-color:var(--simple-bar-yellow);width:8px}.simple-bar-preview__desktop{animation:simple-bar-preview-desktop-hiding var(--animation-timing) infinite}@keyframes simple-bar-preview-desktop-hiding{24%,76%{gap:6px}25%,75%{gap:0}}.simple-bar-preview__window:first-child{animation:simple-bar-preview-window-hiding var(--animation-timing) infinite}@keyframes simple-bar-preview-window-hiding{24%,76%{flex-basis:100%}25%,75%{flex-basis:0}}.simple-bar-server-preview{--animation-timing:4s;--animation-delay:2s;background-color:var(--simple-bar-primary-500);flex-direction:column;justify-content:flex-end;height:100%;padding:16px;display:flex;position:relative}.simple-bar-server-preview__bar{--item-height:12px;--item-padding:5px;--item-radius:4px;background-color:var(--simple-bar-primary-300);border-radius:0 var(--item-radius) var(--item-radius) 0;border:1px solid #ffffff1a;border-left:0;align-items:center;width:calc(100% - 5px);height:20px;display:flex;position:absolute;top:5px;right:5px}.simple-bar-server-preview__process{height:var(--item-height);padding:var(--item-padding) var(--item-padding) var(--item-padding) 0;background-color:var(--simple-bar-primary-500);border-radius:2px;align-items:center;gap:2px;display:flex}.simple-bar-server-preview__process-label{background-color:var(--white);opacity:.8;border-radius:0 2px 2px 0;width:30px;height:4px}.simple-bar-server-preview__data{gap:4px;margin-left:auto;padding:0 4px;display:flex}.simple-bar-server-preview__data-item{width:30px;height:var(--item-height);background-color:var(--simple-bar-primary-500);border-radius:2px}.simple-bar-server-preview__data-item:first-child{background-color:var(--simple-bar-magenta);width:36px}.simple-bar-server-preview__data-item:nth-child(2){background-color:var(--simple-bar-blue);width:30px}.simple-bar-server-preview__data-item:nth-child(3){background-color:var(--simple-bar-red);width:42px}.simple-bar-server-preview__data-item:nth-child(4){background-color:var(--simple-bar-cyan);width:30px}.simple-bar-server-preview__data-item:nth-child(5){background-color:var(--simple-bar-yellow);width:24px}.simple-bar-server-preview__typewriter{width:fit-content}.simple-bar-server-preview__typed-text{color:#fff;width:3ch;font-size:calc(2.98507vw - .776119px);font-family:var(--monospace-font);white-space:nowrap;border-right:6px solid var(--yellow);padding:4px 0;line-height:.75;animation:10s steps(46,end) infinite simple-bar-server-preview-typing;overflow:hidden}@media (width>=401px){.simple-bar-server-preview__typed-text{font-size:11.0248px}}@keyframes simple-bar-server-preview-typing{0%,76.1%{width:3ch}76%{width:calc(100% + 1ch)}}}.html-markdown-css-preview{background-color:var(--white);justify-content:center;align-items:center;height:100%;display:flex}.html-markdown-css-preview__image{object-fit:cover;width:100%;height:100%}.svg-grain-generator-preview{opacity:.5;background:url(/public/images/grain.svg) 50%/110px;width:100%;height:100%}