:root{--c-panel:#fff;--c-border:#e6e6e6;--c-text:#333;--c-muted:#8c8c8c;--c-hover:#f5f5f5;--c-input:#f5f5f5;--c-selected:#daebf7;--c-accent:#0d99ff;--c-canvas:#e5e5e5;--panel-w:240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-panel);color:var(--c-text);-webkit-user-select:none;user-select:none;font:11px/16px Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}.editor{grid-template-columns:var(--panel-w) 1fr var(--panel-w);height:100%;display:grid}.workspace{background:var(--c-canvas);min-width:0;position:relative}.panel-title{color:var(--c-text);margin:0;padding:10px 12px 6px;font-size:11px;font-weight:600}.layers__tabs{gap:14px;padding:10px 12px 6px;display:flex}.layers__tab{color:var(--c-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.layers__tab--active{color:var(--c-text)}.assets__item{cursor:pointer}.assets__empty{color:var(--c-muted);margin:0;padding:8px 12px;font-size:11px}.icon-btn{width:24px;height:24px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:14px}.icon-btn:hover{background:var(--c-hover);color:var(--c-text)}.layers{border-right:1px solid var(--c-border);background:var(--c-panel);flex-direction:column;min-height:0;display:flex}.layers__header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 12px;display:flex}.layers__brand{color:var(--c-accent);font-size:12px;font-weight:700}.layers__actions{display:flex}.layers__page{background:var(--c-hover);border-radius:4px;margin:0 8px 6px;padding:4px 8px}.layers__list{border-top:1px solid var(--c-border);flex:1;min-height:0;margin:0;padding:0 4px 8px;list-style:none;overflow:auto}.layers__item{cursor:default;border-radius:4px;align-items:center;gap:8px;height:24px;padding-right:4px;display:flex}.layers__item:hover{background:var(--c-hover)}.layers__item--selected,.layers__item--selected:hover{background:var(--c-selected)}.layers__item--hidden{opacity:.45}.layers__type{text-align:center;width:14px;color:var(--c-muted);flex:none}.layers__type--component{color:#9747ff}.layers__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layers__toggle{color:var(--c-muted);cursor:pointer;opacity:0;background:0 0;border:0}.layers__item:hover .layers__toggle,.layers__toggle--on{opacity:1}.layers__chevron{width:14px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.layers__chevron--none{visibility:hidden}.layers__search{border:1px solid var(--c-border);background:var(--c-panel);color:inherit;font:inherit;border-radius:4px;margin:0 8px 6px;padding:4px 8px}.layers__item--drop-before{box-shadow:inset 0 2px 0 var(--c-accent)}.layers__item--drop-after{box-shadow:inset 0 -2px 0 var(--c-accent)}.layers__item--drop-inside{outline:1.5px solid var(--c-accent);outline-offset:-1.5px}.layers__rename{border:1px solid var(--c-accent);background:var(--c-panel);min-width:0;color:inherit;font:inherit;border-radius:2px;outline:none;flex:1;padding:0 4px}.props{border-left:1px solid var(--c-border);background:var(--c-panel);min-width:0;min-height:0;overflow:auto}.props__header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 12px;display:flex}.props__tabs{gap:14px;display:flex}.props__tab{color:var(--c-muted);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.props__tab--active{color:var(--c-text)}.props__tab--disabled{opacity:.6}.props__zoom{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px}.props__zoom:hover{background:var(--c-hover)}.props__empty{color:var(--c-muted);padding:16px 12px}.props__name{padding:10px 12px 6px;font-weight:600}.props__section{border-bottom:1px solid var(--c-border);padding:8px 12px 12px}.props__heading{margin:0 0 8px;font-size:11px;font-weight:600}.props__grid{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}.props__grid--gap{margin-top:6px}.props__heading--row{justify-content:space-between;align-items:center;display:flex}.props__add{width:20px;height:20px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:14px;line-height:1}.props__add:hover{background:var(--c-input);color:var(--c-text)}.effect{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.effect__head{align-items:center;gap:4px;display:flex}.effect__head .field__select{flex:1}.field{background:var(--c-input);border:1px solid #0000;border-radius:4px;align-items:center;height:24px;display:flex}.field:hover{border-color:var(--c-border)}.field:focus-within{border-color:var(--c-accent)}.field__label{text-align:center;width:22px;color:var(--c-muted);flex:none}.field__input{width:100%;min-width:0;height:100%;color:var(--c-text);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;padding:0 6px 0 0}.field__input--wide{background:var(--c-input);border-radius:4px;width:100%;height:24px;margin-bottom:6px;padding:0 8px}.fill-row{background:var(--c-input);border-radius:4px;align-items:center;gap:8px;height:24px;padding:0 4px;display:flex}.fill-row__swatch{border:1px solid var(--c-border);cursor:pointer;background:0 0;border-radius:2px;width:16px;height:16px;padding:0}.fill-row__hex{font-variant-numeric:tabular-nums;flex:1}.fill-row__opacity{color:var(--c-muted)}.fill-row__pct{width:40px;color:var(--c-muted);font:inherit;text-align:right;background:0 0;border:0;outline:none}.field__select{background:var(--c-input);min-width:0;height:24px;color:var(--c-text);font:inherit;border:1px solid #0000;border-radius:4px;padding:0 4px}.field__select:hover{border-color:var(--c-border)}.canvas{outline:none;position:absolute;inset:0;overflow:hidden}.canvas__svg{touch-action:none;width:100%;height:100%;display:block}.canvas__frame-label{cursor:default;-webkit-user-select:none;user-select:none}.canvas__text-edit{resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;overflow:hidden}.toolbar{background:var(--c-panel);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 4px 14px #0000002e}.toolbar__group{gap:2px;display:flex}.toolbar__group--modes{border-left:1px solid var(--c-border);gap:2px;margin-left:4px;padding:2px 2px 2px 6px}.toolbar__btn{width:36px;height:36px;color:var(--c-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.toolbar__btn:hover{background:var(--c-hover)}.toolbar__btn--active,.toolbar__btn--active:hover{background:var(--c-accent);color:#fff}.toolbar__btn--mode{width:32px;height:32px;color:var(--c-muted)}.toolbar__btn--on,.toolbar__btn--on:hover{background:var(--c-panel);color:var(--c-accent);box-shadow:0 0 0 1px var(--c-border), 0 1px 3px #0000001f}.dev{min-width:0}.dev__list{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.dev__list dt{color:var(--c-muted)}.dev__list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.dev__color{margin-bottom:6px}.dev__swatch{display:inline-block}.dev__tabs{align-items:center;gap:4px;margin-bottom:8px;display:flex}.dev__tab{color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 8px;font-weight:600}.dev__tab:hover{background:var(--c-hover)}.dev__tab--active{background:var(--c-selected);color:var(--c-text)}.dev__copy{background:var(--c-accent);color:#fff;cursor:pointer;border:0;border-radius:4px;margin-left:auto;padding:3px 10px;font-weight:600}.dev__code{color:#e6e6e6;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#1e1e1e;border-radius:6px;max-width:100%;max-height:360px;margin:0;padding:10px;font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.props__actions{align-items:center;gap:6px;display:flex}.props__share{background:var(--c-accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:4px 12px;font-weight:600}.drive{position:relative}.drive__menu{z-index:20;background:var(--c-panel);border-radius:8px;width:232px;padding:6px;position:absolute;top:30px;left:0;box-shadow:0 0 0 1px #00000014,0 8px 24px #0000002e}.drive__user{align-items:center;gap:8px;padding:6px;display:flex}.drive__avatar{border-radius:50%;width:28px;height:28px}.drive__name{font-weight:600}.drive__email,.drive__heading,.drive__note{color:var(--c-muted)}.drive__heading{padding:8px 6px 2px;font-weight:600}.drive__divider{background:var(--c-border);height:1px;margin:6px 0}.drive__note{margin:4px 6px}.drive__note--error{color:#d92d20}.drive__files{max-height:160px;overflow:auto}.drive__status{color:var(--c-muted);padding:0 6px 6px}.drive__status--error,.drive__status--needs-auth{color:#d92d20}.drive__item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:6px 8px;display:block}.drive__item:hover{background:var(--c-hover)}.drive__item:disabled{opacity:.5;cursor:default}.drive__item--primary{background:var(--c-accent);color:#fff;font-weight:600}.drive__item--primary:hover{background:#0b86e0}.drive__item--muted{color:var(--c-muted)}.modal{z-index:50;background:#0000004d;place-items:center;display:grid;position:fixed;inset:0}.modal__card{background:var(--c-panel);border-radius:12px;width:min(440px,100vw - 32px);box-shadow:0 12px 40px #0000004d}.modal__header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.modal__body{flex-direction:column;gap:12px;padding:16px;display:flex}.modal__body p{margin:0}.modal__row{align-items:center;gap:8px;display:flex}.modal__label{color:var(--c-muted);flex:1}.modal__select,.modal__link{border:1px solid var(--c-border);background:var(--c-input);height:28px;font:inherit;border-radius:6px;padding:0 8px}.modal__link{-webkit-user-select:text;user-select:text;flex:1;min-width:0}.modal__hint{color:var(--c-muted)}.modal__error{color:#d92d20;margin:0;padding:0 16px 16px}.loading{background:var(--c-canvas);color:var(--c-muted);text-align:center;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.login{background:linear-gradient(160deg,#eaf4ff 0%,#fff 55%);place-items:center;min-height:100%;padding:24px;display:grid}.login__card{text-align:center;background:#fff;border-radius:20px;width:min(400px,100%);padding:40px 32px 28px;box-shadow:0 0 0 1px #0000000f,0 16px 48px #0d99ff26}.login__logo{background:var(--c-accent);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:30px;font-weight:700;display:grid}.login__title{margin:0 0 6px;font-size:28px}.login__tagline{color:var(--c-muted);margin:0 0 28px;font-size:14px}.login__button{background:var(--c-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:44px;font-size:14px;font-weight:600}.login__button:hover{background:#0b86e0}.login__button:disabled{opacity:.6;cursor:default}.login__button--secondary{background:var(--c-hover);color:var(--c-text)}.login__button--secondary:hover{background:var(--c-border)}.login__note{color:var(--c-muted);margin:14px 0 0;font-size:12px}.login__note--error{color:#d92d20}.props__gate{color:var(--c-muted);flex-direction:column;gap:12px;padding:16px 12px;display:flex}.props__gate p{margin:0}html,body{overscroll-behavior:none;overflow:hidden}.toast{z-index:30;color:#fff;pointer-events:none;background:#1e1e1e;border-radius:8px;padding:8px 14px;font-size:12px;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.ctxmenu{z-index:60;color:#fff;background:#1e1e1e;border-radius:8px;min-width:220px;padding:4px 0;font-size:12px;position:fixed;box-shadow:0 8px 24px #00000059}.ctxmenu__item{width:100%;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:6px 12px;display:flex}.ctxmenu__item:hover{background:var(--c-accent)}.ctxmenu__item kbd{color:#aaa;font:inherit}.ctxmenu__sep{background:#3a3a3a;height:1px;margin:4px 0}.ctxmenu__group{color:#999;padding:4px 12px;font-size:11px}.pages{max-height:140px;margin:0 0 6px;padding:0 8px;list-style:none;overflow:auto}.pages__title{justify-content:space-between;align-items:center;display:flex}.pages__item{cursor:default;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.pages__item:hover{background:var(--c-hover)}.pages__item--current{background:var(--c-hover);font-weight:600}.pages__item:hover .layers__toggle{opacity:1}.field__input--area{resize:vertical;height:auto;padding:4px 8px;line-height:1.3}.field__select--wide{width:100%;margin-bottom:6px}.seg{background:var(--c-input);border-radius:4px;gap:2px;margin-top:6px;padding:2px;display:flex}.seg__btn{height:20px;color:var(--c-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1}.seg__btn--active{background:var(--c-panel);color:var(--c-text);box-shadow:0 0 0 1px var(--c-border)}.fill-row--gap,.field--gap{margin-top:6px}.gradient-bar{border:1px solid var(--c-border);border-radius:3px;height:12px;margin-top:8px}.props__link{color:var(--c-accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0}.props__add:disabled{opacity:.35;cursor:default}.props__corner-toggle{flex:none;width:24px;height:24px}.props__section--tight{padding:6px 12px}.seg--flat{margin-top:0}.props__file{display:inline-block}.rulers{z-index:4;pointer-events:none;position:absolute;inset:0}.rulers__guides{position:absolute;inset:0;overflow:hidden}.rulers__bar{background:var(--c-panel,#fff);pointer-events:auto;-webkit-user-select:none;user-select:none;position:absolute}.rulers__bar--x{border-bottom:1px solid var(--c-border);top:0;left:0}.rulers__bar--y{border-right:1px solid var(--c-border);top:0;left:0}.rulers__bar line{stroke:var(--c-muted);stroke-width:1px}.rulers__bar text{fill:var(--c-muted);font-size:9px}.rulers__corner{background:var(--c-panel,#fff);border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);pointer-events:auto;width:20px;height:20px;position:absolute;top:0;left:0}.rulers__tag{font-size:10px}.fill-item__head{align-items:center;gap:6px;display:flex}.fill-row__hex--input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:0}.props__button{border:1px solid var(--c-border);background:var(--c-panel);width:100%;color:var(--c-text);font:inherit;cursor:pointer;border-radius:5px;margin-top:8px;padding:6px 8px}.props__button:hover:not(:disabled){background:var(--c-input)}.props__button:disabled{opacity:.5;cursor:default}.layers__file{min-width:0;max-width:130px;color:var(--c-accent);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-weight:600;overflow:hidden}.layers__file:hover{background:var(--c-input)}.props__tools{align-items:center;gap:4px;display:inline-flex}.stylemenu{position:relative}.stylemenu__list{z-index:20;border:1px solid var(--c-border);background:var(--c-panel);border-radius:8px;width:200px;padding:6px;font-weight:400;position:absolute;top:100%;right:0;box-shadow:0 6px 20px #00000026}.stylemenu__title{padding:2px 4px 6px;font-size:11px;font-weight:600}.stylemenu__empty{color:var(--c-muted);margin:0;padding:4px}.stylemenu__row{align-items:center;gap:4px;display:flex}.stylemenu__item{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.stylemenu__item:hover{background:var(--c-input)}.stylemenu__swatch{border:1px solid var(--c-border);border-radius:50%;flex:none;width:14px;height:14px}.stylemenu__create{border:0;border-top:1px solid var(--c-border);width:100%;color:var(--c-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;margin-top:6px;padding:5px}.stylemenu__create:disabled{opacity:.4;cursor:default}.stylepill{background:var(--c-input);border-radius:4px;align-items:center;gap:8px;height:28px;padding:0 6px;display:flex}.stylepill__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stylepill__rename{min-width:0;font:inherit;outline:1px solid var(--c-accent);background:0 0;border:0;flex:1}.palette{z-index:60;background:#0000001f;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.palette__box{border:1px solid var(--c-border);background:var(--c-panel);border-radius:10px;flex-direction:column;width:min(480px,100vw - 32px);max-height:60vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.palette__input{border:0;border-bottom:1px solid var(--c-border);color:var(--c-text);font:inherit;background:0 0;outline:none;padding:12px 14px;font-size:14px}.palette__list{margin:0;padding:4px;list-style:none;overflow-y:auto}.palette__item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.palette__item--active{background:var(--c-accent);color:#fff}.palette__empty{color:var(--c-muted);padding:10px}.palette__key{font:inherit;opacity:.7;flex:none;font-size:11px}.stylemenu__meta{color:var(--c-muted);flex:none;font-size:11px}.props__button--primary{border-color:var(--c-accent);background:var(--c-accent);color:#fff;margin-top:0}.props__button--primary:hover:not(:disabled){background:var(--c-accent);filter:brightness(1.08)}.props__hint{color:var(--c-muted);margin:4px 0 0}.interaction{background:var(--c-input);border-radius:6px;flex-direction:column;gap:6px;margin-top:8px;padding:8px;display:flex}.interaction__trigger{font-weight:600}.interaction__row{align-items:center;gap:6px;display:flex}.presenter{z-index:80;background:#1e1e1e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.presenter__close{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:32px;height:32px;font-size:14px;position:absolute;top:12px;right:12px}.presenter__close:hover{background:#ffffff38}.presenter__stage{background:#fff;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080}.presenter__frame{transform-origin:0 0;position:absolute;top:0;left:0}.presenter__frame svg{display:block}.presenter__hotspot{cursor:pointer;position:absolute}.presenter__empty{color:#fff}.dialog{z-index:70;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog__box{border:1px solid var(--c-border);background:var(--c-panel);border-radius:10px;flex-direction:column;gap:10px;width:min(460px,100vw - 32px);max-height:80vh;padding:14px;display:flex;box-shadow:0 12px 40px #00000040}.dialog__head{justify-content:space-between;align-items:center;display:flex}.dialog__form{gap:8px;display:flex}.dialog__input{border:1px solid var(--c-border);background:var(--c-input);min-width:0;color:var(--c-text);font:inherit;border-radius:5px;flex:1;padding:6px 8px}.dialog__save{white-space:nowrap;width:auto;margin-top:0}.dialog__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dialog__row{background:var(--c-input);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.dialog__main{flex-direction:column;flex:1;min-width:0;display:flex}.dialog__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dialog__meta,.dialog__note{color:var(--c-muted);margin:0;font-size:11px}.dialog__box--wide{width:min(760px,100vw - 32px)}.vars{flex-direction:column;gap:6px;display:flex;overflow:auto}.vars__row{align-items:center;gap:8px;display:grid}.vars__row--head{color:var(--c-muted);font-weight:600}.vars__mode{align-items:center;gap:4px;display:flex}.vars__modebtn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px}.vars__modebtn--active{border-color:var(--c-accent);color:var(--c-accent)}.variant-row{grid-template-columns:1fr 1fr 24px;align-items:center;gap:6px;margin-top:6px;display:grid}.field__label--wide{min-width:70px}.grid-item{background:var(--c-input);border-radius:6px;margin-top:8px;padding:8px}.grid-item__head{align-items:center;gap:6px;display:flex}.props__check{cursor:pointer;align-items:center;gap:8px;margin-top:6px;display:flex}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-panel:#2c2c2c;--c-border:#444;--c-text:#e6e6e6;--c-muted:#a0a0a0;--c-hover:#3a3a3a;--c-input:#383838;--c-selected:#0d4f80;--c-canvas:#1e1e1e}.drive__theme{gap:4px;padding:4px 0;display:flex}.editor--minimal{grid-template-columns:1fr}.editor--minimal>.layers,.editor--minimal>.props,.editor--minimal .toolbar,.editor--minimal .rulers{display:none}.prefs__row{cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;display:flex}.prefs__hint{color:var(--c-muted);display:block}.prefs__nudge{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dd{min-width:0;position:relative}.dd--wide{width:100%}.dd__button{border-radius:var(--radius,6px);background:var(--c-input);width:100%;min-width:0;height:28px;color:var(--c-text);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;transition:background .12s,border-color .12s;display:flex}.dd__button:hover:not(:disabled){border-color:var(--c-border)}.dd__button:focus-visible,.dd__button--open{border-color:var(--c-accent);outline:none}.dd__button:disabled{opacity:.5;cursor:default}.dd__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd__chevron{color:var(--c-muted);flex:none}.dd__list{z-index:100;border:1px solid var(--c-border);border-radius:calc(var(--radius,6px) + 4px);background:var(--c-panel);margin:0;padding:6px;list-style:none;animation:.1s ease-out dd-in;position:fixed;overflow-y:auto;box-shadow:0 10px 32px #00000038,0 1px 3px #0000001a}.dd__group{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;padding:8px 10px 4px;font-size:10px;font-weight:600}.dd__option{border-radius:var(--radius,6px);min-height:32px;color:var(--c-text);cursor:pointer;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.dd__option--active{background:var(--c-accent);color:#fff}.dd__option--disabled{opacity:.4;cursor:default}.dd__check{flex:none;justify-content:center;align-items:center;width:14px;display:inline-flex}@keyframes dd-in{0%{opacity:0;transform:translateY(-2px)}}:root{--font-size:12px;--field-h:28px;--row-h:28px;--radius:8px;--panel-w:264px;--pad-x:16px;--pad-y:12px;--c-accent:#5b6cff;--c-accent-soft:color-mix(in srgb, var(--c-accent) 14%, transparent);--c-panel:#fff;--c-border:#ebedf0;--c-text:#1d2129;--c-muted:#7b8494;--c-hover:#f3f4f7;--c-input:#f3f4f7;--c-selected:color-mix(in srgb, var(--c-accent) 14%, transparent);--c-canvas:#e9ebef;--shadow-pop:0 10px 32px #0f172a2e, 0 1px 3px #0f172a1a}:root[data-theme=dark]{--c-panel:#1f2125;--c-border:#31343a;--c-text:#eceff4;--c-muted:#97a0ae;--c-hover:#2a2d33;--c-input:#2a2d33;--c-canvas:#14161a;--c-accent-soft:color-mix(in srgb, var(--c-accent) 24%, transparent);--c-selected:color-mix(in srgb, var(--c-accent) 26%, transparent);--shadow-pop:0 12px 36px #0000008c, 0 1px 3px #0006}:root[data-ui=figma]{--font-size:11px;--field-h:24px;--row-h:24px;--radius:4px;--panel-w:240px;--pad-x:12px;--pad-y:8px;--c-accent:#0d99ff}:root[data-ui=compact]{--font-size:11px;--field-h:24px;--row-h:24px;--radius:5px;--panel-w:224px;--pad-x:12px;--pad-y:8px}:root[data-ui=comfortable]{--font-size:13px;--field-h:34px;--row-h:34px;--radius:10px;--panel-w:296px;--pad-x:20px;--pad-y:16px}:root[data-ui=contrast]{--font-size:12px;--field-h:30px;--row-h:30px;--radius:4px;--panel-w:272px;--c-accent:#0050d0;--c-border:#6b7280;--c-text:#000;--c-muted:#374151;--c-input:#e5e7eb;--c-hover:#d1d5db}:root[data-ui=contrast][data-theme=dark]{--c-accent:#5aa2ff;--c-border:#9ca3af;--c-text:#fff;--c-muted:#d1d5db;--c-input:#111827;--c-hover:#374151;--c-panel:#000;--c-canvas:#0b0b0b}:root[data-ui=farsha]{--font-size:13px;--field-h:32px;--row-h:32px;--radius:6px;--panel-w:264px;--c-accent:#6a47f5;--c-panel:#fff;--c-border:#d6d2e6;--c-text:#15131d;--c-muted:#5a5570;--c-hover:#ebe9f3;--c-input:#ebe9f3;--c-canvas:#f6f5fa}:root[data-ui=farsha][data-theme=dark]{--c-accent:#7c5cff;--c-panel:#17151f;--c-border:#34304a;--c-text:#f2f0fa;--c-muted:#a29cba;--c-hover:#221f2e;--c-input:#221f2e;--c-canvas:#0e0d14;--c-selected:#3a2f7a;--c-accent-soft:color-mix(in srgb, var(--c-accent) 24%, transparent)}:root[data-ui=farsha] body{font-family:Geist,Segoe UI,system-ui,-apple-system,sans-serif}:root[data-ui=farsha] input,:root[data-ui=farsha] textarea,:root[data-ui=farsha] select{font-family:inherit}body{font-size:var(--font-size);-webkit-font-smoothing:antialiased;line-height:1.5}:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}input:focus-visible,textarea:focus-visible{outline:none}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--c-muted) 45%, transparent) transparent}.editor{grid-template-columns:var(--panel-w) 1fr var(--panel-w)}.icon-btn{border-radius:var(--radius);width:28px;height:28px}.layers__header{height:52px;padding:0 12px 0 var(--pad-x)}.layers__brand,.layers__file{letter-spacing:-.01em;font-size:13px}.layers__file{border-radius:var(--radius);max-width:150px;color:var(--c-text);padding:4px 8px}.props__header{height:auto;padding:12px var(--pad-x) 12px;grid-template-columns:1fr auto;align-items:center;gap:10px 8px;display:grid}.props__header .props__actions{flex-direction:row-reverse;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;display:flex}.props__header .props__tabs{grid-area:2/1/auto/-1}.props__tabs{border-radius:calc(var(--radius) + 2px);background:var(--c-input);gap:2px;padding:3px;display:flex}.props__tab{border-radius:var(--radius);text-align:center;flex:1;padding:5px 8px;font-weight:500;transition:background .12s,color .12s}.props__tab:hover{color:var(--c-text)}.props__tab--active{background:var(--c-panel);color:var(--c-text);box-shadow:0 1px 2px #0f172a24, 0 0 0 1px var(--c-border);font-weight:600}.props__share{border-radius:var(--radius);height:28px;padding:0 14px;font-weight:600}.props__zoom{border-radius:var(--radius);height:28px;color:var(--c-muted);font-variant-numeric:tabular-nums;padding:0 8px}.props__section{padding:var(--pad-y) var(--pad-x) calc(var(--pad-y) + 4px)}.props__heading{font-size:calc(var(--font-size) - 0px);letter-spacing:.01em;margin-bottom:10px;font-weight:600}.props__heading--row{min-height:24px;margin-bottom:8px}.props__name{padding:14px var(--pad-x) 4px;font-size:calc(var(--font-size) + 1px);font-weight:700}.props__grid{gap:8px}.props__add{border-radius:calc(var(--radius) - 2px);width:24px;height:24px}.props__empty{padding:24px var(--pad-x);text-align:center}.props__link{margin-top:8px}.field{height:var(--field-h);border-radius:var(--radius);transition:border-color .12s,background .12s}.field__label{width:26px;font-size:calc(var(--font-size) - 1px)}.field__input{font-variant-numeric:tabular-nums}.field__input--wide{height:var(--field-h);border-radius:var(--radius);margin-bottom:8px}.fill-row{height:var(--field-h);border-radius:var(--radius);gap:8px;padding:0 6px}.fill-row__swatch{border-radius:5px;width:18px;height:18px}.seg{border-radius:calc(var(--radius) + 1px);padding:3px}.seg__btn{height:calc(var(--field-h) - 8px);border-radius:calc(var(--radius) - 1px);font-weight:500}.seg__btn:hover{color:var(--c-text)}.seg__btn--active{box-shadow:0 1px 2px #0f172a24, 0 0 0 1px var(--c-border);font-weight:600}.dd__button{height:var(--field-h);border-radius:var(--radius)}.stylepill,.interaction,.grid-item{border-radius:calc(var(--radius) + 2px)}.layers__item{height:var(--row-h);border-radius:calc(var(--radius) - 1px);transition:background .1s}.layers__item--selected,.layers__item--selected:hover{background:var(--c-selected);color:var(--c-text)}.layers__type{width:16px;font-size:calc(var(--font-size) - 1px)}.layers__search{height:var(--field-h);border-radius:var(--radius);background:var(--c-input);border-color:#0000;margin:4px 12px 8px;padding:0 10px}.layers__search:focus{border-color:var(--c-accent);outline:none}.layers__list{padding:6px 8px 12px}.layers__tabs{gap:4px;padding:8px 12px 4px}.layers__tab{border-radius:var(--radius);font-size:var(--font-size);padding:4px 10px;font-weight:500}.layers__tab:hover{color:var(--c-text);background:var(--c-hover)}.layers__tab--active{background:var(--c-input);color:var(--c-text);font-weight:600}.panel-title{padding:12px var(--pad-x) 6px;font-size:calc(var(--font-size) - 1px);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);font-weight:600}.pages{padding:0 8px}.pages__item{height:var(--row-h);border-radius:calc(var(--radius) - 1px);padding:0 10px}.pages__item--current{background:var(--c-selected)}.toolbar{box-shadow:0 0 0 1px var(--c-border), var(--shadow-pop);border-radius:16px;gap:6px;padding:6px}.toolbar__btn{border-radius:11px;width:38px;height:38px;transition:background .12s,color .12s,transform 80ms}.toolbar__btn:active{transform:scale(.95)}.toolbar__group--modes{margin-left:6px;padding-left:10px}.palette__box,.dialog__box,.drive__menu,.ctxmenu{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-pop)}.palette__input{height:52px;font-size:calc(var(--font-size) + 2px);padding:0 18px}.palette__item{border-radius:var(--radius);min-height:36px;margin:0 4px}.palette__item--active{background:var(--c-accent)}.ctxmenu__item,.drive__item{border-radius:calc(var(--radius) - 1px)}.toast{border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-pop)}.dd__button{background:var(--c-input)}.dd__list{box-shadow:var(--shadow-pop);border-radius:calc(var(--radius) + 4px)}.dd__option{min-height:calc(var(--row-h) + 4px);border-radius:calc(var(--radius) - 1px)}.prefs__preset{border-bottom:1px solid var(--c-border);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.prefs__label{font-weight:600}.canvas:focus,.canvas:focus-visible,.canvas__svg:focus{outline:none}.dd--wide{margin-bottom:8px}.fill-item__head .dd--wide,.interaction__row .dd--wide,.effect__head .dd--wide{margin-bottom:0}.fill-item__head{gap:8px}.fill-item{margin-bottom:10px}.prefs__nudge .field__label{white-space:nowrap;width:auto;padding:0 4px 0 12px}.prefs__nudge .field__input{text-align:right;padding-right:10px}.mainmenu{position:relative}.mainmenu__button{color:var(--c-text);margin-right:4px}.mainmenu__button--open{background:var(--c-input)}.mainmenu__pop{z-index:90;position:absolute;top:calc(100% + 6px);left:0}.mainmenu__pop>.mainmenu__list{max-height:calc(100vh - 64px);overflow-y:auto}.mainmenu__list{border-radius:calc(var(--radius) + 6px);color:#f2f4f8;background:#1e1f22;min-width:232px;margin:0;padding:6px;list-style:none;position:relative;box-shadow:0 14px 40px #0006,0 0 0 1px #ffffff0f}.mainmenu__list--sub{z-index:95;min-width:244px;position:fixed;overflow-y:auto}.mainmenu__list>li{position:relative}.mainmenu__divider{border-top:1px solid #ffffff1a;margin-top:6px;padding-top:6px}.mainmenu__item{border-radius:calc(var(--radius) - 1px);width:100%;min-height:30px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:4px 10px;display:flex;position:relative}.mainmenu__item:hover:not(.mainmenu__item--disabled),.mainmenu__item--open{background:var(--c-accent);color:#fff}.mainmenu__item--disabled{opacity:.4;cursor:default}.mainmenu__label{white-space:nowrap;flex:1}.mainmenu__key{font:inherit;opacity:.65;white-space:nowrap;font-size:11px}.mainmenu__arrow{opacity:.7;flex:none}.typo-format{margin-top:8px}.typo-format__bold{font-weight:800}.typo-format__italic{font-style:italic}.typo-format__underline{text-decoration:underline}.typo-format__strikethrough{text-decoration:line-through}.findbar{z-index:55;border:1px solid var(--c-border);border-radius:calc(var(--radius) + 6px);background:var(--c-panel);width:min(520px,100vw - 32px);box-shadow:var(--shadow-pop);flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.findbar__row{align-items:center;gap:4px;display:flex}.findbar__input{min-width:0;height:var(--field-h);border-radius:var(--radius);background:var(--c-input);color:var(--c-text);font:inherit;border:1px solid #0000;flex:1;padding:0 10px}.findbar__input:focus{border-color:var(--c-accent);outline:none}.findbar__count{min-width:64px;color:var(--c-muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.findbar__btn{flex:none;padding:0 12px}.icon-btn--on{background:var(--c-selected);color:var(--c-accent)}.comment{z-index:40;border:1px solid var(--c-border);border-radius:calc(var(--radius) + 6px);background:var(--c-panel);width:280px;max-height:70%;box-shadow:var(--shadow-pop);flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;overflow-y:auto}.comment__head{align-items:center;gap:8px;display:flex}.comment__spacer{flex:1}.comment__time{color:var(--c-muted);font-size:11px}.comment__text{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:0}.comment__reply{border-top:1px solid var(--c-border);padding-top:8px}.comment__compose{flex-direction:column;gap:8px;display:flex}.comment__input{border-radius:var(--radius);background:var(--c-input);width:100%;color:var(--c-text);font:inherit;resize:vertical;-webkit-user-select:text;user-select:text;border:1px solid #0000;padding:8px 10px}.comment__input:focus{border-color:var(--c-accent);outline:none}.comment__send{align-self:flex-end;width:auto;margin-top:0;padding:0 16px}.comments-list{flex-direction:column;gap:2px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.comments-list__item{border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.comments-list__item:hover{background:var(--c-hover)}.comments-list__item--resolved{opacity:.55}.comments-list__meta{color:var(--c-muted);font-size:11px}.comments-list__empty{color:var(--c-muted);padding:16px}.canvas__outlines :is(rect,path,ellipse,polygon,circle,line,polyline,text,image):not(.canvas__handle,.canvas__frame-label){vector-effect:non-scaling-stroke;fill:none!important;stroke:#4b5563!important;stroke-width:1px!important;stroke-opacity:1!important;stroke-dasharray:none!important}.canvas__outlines image{visibility:hidden}.canvas__outlines foreignObject{display:none}.editor--no-left{grid-template-columns:1fr var(--panel-w)}.editor--no-left>.layers{display:none}.editor--no-right{grid-template-columns:var(--panel-w) 1fr}.editor--no-right>.props{display:none}.editor--no-left.editor--no-right{grid-template-columns:1fr}@keyframes presenter-dissolve{0%{opacity:0}to{opacity:1}}@keyframes presenter-slide-left{0%{opacity:.4;transform:translate(-100%)}to{opacity:1;transform:none}}@keyframes presenter-slide-right{0%{opacity:.4;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes presenter-slide-top{0%{opacity:.4;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes presenter-slide-bottom{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:none}}.presenter__overlay{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.presenter__overlay-frame{background:#fff;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000073}.dialog__diff{border-top:1px solid var(--c-border);margin-top:12px;padding-top:12px}.dialog__link{color:var(--c-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.dialog__link:hover{text-decoration:underline}.presenter__stage--phone,.presenter__stage--tablet{box-sizing:content-box;border:12px solid #0b0b0d;box-shadow:0 0 0 2px #3a3a40,0 16px 56px #0000008c}.presenter__stage--phone{border-width:14px 12px;border-radius:40px}.presenter__stage--tablet{border-width:18px;border-radius:24px}.props{overflow-x:hidden}.props__section,.dev>*{min-width:0}.dev__tabs{flex-wrap:wrap;row-gap:6px}.dev__list{grid-template-columns:auto minmax(0,1fr)}.dev__list dt,.dev__list dd{overflow-wrap:anywhere;min-width:0}.dev__code{overflow-x:auto}.dev__list>div{display:contents}@media (width<=960px){:root{--panel-w:220px}}.layers__tools{align-items:center;gap:4px;margin:0 8px 4px 0;display:flex}.layers__tools .layers__search{flex:1;min-width:0}.ctxmenu{max-height:calc(100vh - 16px);overflow-y:auto}.props__stack{flex-direction:column;gap:6px;margin-top:6px;display:flex}.field--row{grid-template-columns:84px minmax(0,1fr);align-items:center;display:grid}.field--row .field__label--text{width:auto;color:var(--c-muted);padding-left:8px}.field--row{height:var(--field-h);border-radius:var(--radius);background:var(--c-input)}.field--row .field__input{background:0 0}.palette__group{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;padding:10px 12px 4px;font-size:11px;font-weight:700}.palette__category{color:var(--c-muted);margin-left:auto;padding-right:8px;font-size:11px}.props__grid--corner-toggle{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;align-items:center}.props__corner-toggle{width:32px;height:var(--field-h);place-items:center;padding:0;display:grid}.toolbar__split{align-items:center;display:flex;position:relative}.toolbar__more{width:14px;height:14px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;bottom:2px;right:1px}.toolbar__more:hover{background:var(--c-hover);color:var(--c-text)}.toolbar__menu{z-index:60;border-radius:calc(var(--radius) + 6px);color:#f2f4f8;background:#1e1f22;min-width:196px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0006,0 0 0 1px #ffffff0f}.toolbar__menuitem{border-radius:calc(var(--radius) - 1px);width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 10px;display:flex}.toolbar__menuitem kbd{color:#ffffff8c;font:inherit;margin-left:auto;font-size:11px}.toolbar__menuitem:hover,.toolbar__menuitem--active{background:var(--c-accent);color:#fff}.toolbar__menuicon{place-items:center;width:20px;display:grid}.props__flips{align-items:center;gap:4px;display:flex}.props__flips .seg__btn{width:30px;height:var(--field-h);padding:0}.canvas__pixel :is(rect,path,ellipse,polygon,circle,line,polyline){shape-rendering:crispedges}.fontpick{min-width:0;position:relative}.fontpick__button{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.fontpick__current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fontpick__pop{z-index:70;border-radius:calc(var(--radius) + 6px);background:var(--c-panel,#fff);width:260px;max-width:calc(100vw - 24px);color:var(--c-text);box-shadow:var(--shadow-pop);padding:6px;position:absolute;top:calc(100% + 4px);left:0}.fontpick__search{width:100%;height:var(--field-h);border-radius:var(--radius);background:var(--c-input);color:inherit;font:inherit;border:0;outline:none;padding:0 10px}.fontpick__list{max-height:280px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.fontpick__group{color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 2px;font-size:11px;font-weight:700}.fontpick__item{border-radius:calc(var(--radius) - 1px);width:100%;min-height:30px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 8px;display:block}.fontpick__item:hover,.fontpick__item--active{background:var(--c-accent);color:#fff}.fontpick__more{border:0;border-top:1px solid var(--c-border);width:100%;color:var(--c-accent);font:inherit;cursor:pointer;background:0 0;margin-top:6px;padding:6px}.fontpick__note{color:var(--c-muted);margin:6px 4px 0;font-size:11px}.export-row{grid-template-columns:64px minmax(0,1fr) 76px 24px;align-items:center;gap:4px;margin-bottom:6px;display:grid}.colorswatch{display:inline-flex;position:relative}.colorpick{z-index:80;border-radius:calc(var(--radius) + 6px);background:var(--c-panel,#fff);width:232px;color:var(--c-text);box-shadow:var(--shadow-pop);padding:10px;position:absolute;top:calc(100% + 6px);left:-8px}.colorpick__square{border-radius:var(--radius);cursor:crosshair;touch-action:none;height:150px;position:relative}.colorpick__knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0006}.colorpick__row{align-items:center;gap:6px;margin-top:8px;display:flex}.colorpick__hue{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px;flex:1;min-width:0;height:10px}.colorpick__mode,.colorpick__field{height:var(--field-h);border-radius:var(--radius);background:var(--c-input);min-width:0;color:inherit;font:inherit;border:0}.colorpick__mode{width:62px}.colorpick__field{flex:1;padding:0 8px}.colorpick__field--num{width:0;padding:0 4px}.colorpick__group{color:var(--c-muted);text-transform:uppercase;margin-top:10px;font-size:11px;font-weight:700}.colorpick__chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.colorpick__chip{border:1px solid var(--c-border);cursor:pointer;border-radius:6px;width:20px;height:20px;padding:0}.presenter__overlay--top{align-items:flex-start}.presenter__overlay--bottom{align-items:flex-end}@property --loader-v{syntax:"<integer>";inherits:false;initial-value:0}.loader{z-index:1000;color:#f2f0fa;background:#171232;font-family:Geist,system-ui,sans-serif;transition:opacity .5s;position:fixed;inset:0;overflow:hidden}.loader--hidden{opacity:0;pointer-events:none}.loader__dots{background-image:radial-gradient(#a592ff55 1.3px,#0000 1.8px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 48%,#000 20%,#0000 72%);mask-image:radial-gradient(at 50% 48%,#000 20%,#0000 72%)}.loader__orbit{border:1px solid #8a6bff44;border-radius:50%;width:520px;height:520px;position:absolute;top:48%;left:50%;translate:-50% -50%}.loader__orbit--pink{border-color:#ff4fa333;width:820px;height:820px}.loader__orbit--aqua{border-color:#2de2c833;width:1140px;height:1140px}.loader__stage{width:1440px;height:900px;scale:min(1, tan(atan2(100vw, 1440px)));margin:-450px 0 0 -720px;position:absolute;top:50%;left:50%}.loader__flyer,.loader__trail{offset-path:path("M -140 700 C 120 820 230 330 470 380 S 760 640 840 470 S 640 330 720 450");offset-anchor:50% 50%;animation-duration:9s;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:0;left:0}.loader__flyer{offset-rotate:auto 90deg;z-index:3;filter:drop-shadow(0 18px 16px #000a);width:190px;height:190px;animation-name:loader-fly;animation-timing-function:ease-in-out}.loader__sway-x{width:100%;height:100%;animation:2.3s ease-in-out infinite alternate loader-sway-x}.loader__sway-y{width:100%;height:100%;animation:1.7s ease-in-out infinite alternate loader-sway-y}.loader__trail{offset-rotate:0deg;animation-name:loader-trail,loader-drift;animation-duration:9s,1.3s;animation-timing-function:ease-in-out,ease-out;animation-delay:calc(var(--i) * 70ms), var(--dd);z-index:2;border-radius:50%;animation-fill-mode:both,none;box-shadow:0 0 8px}.loader__ring{pointer-events:none;border:2px solid #8a6bff;border-radius:50%;width:260px;height:260px;margin:-250px 0 0 -130px;animation:9s infinite both loader-ring;position:absolute;top:50%;left:50%}.loader__perched{z-index:4;filter:drop-shadow(0 10px 10px #0008);width:190px;height:190px;animation:9s ease-in-out infinite both loader-perch;position:absolute;top:355px;left:625px}.loader__perched .butterfly{animation:none}.loader__perched .butterfly__wing{animation:9s ease-in-out infinite both loader-perch-front}.loader__perched .butterfly__wing--hind{animation-name:loader-perch-hind}.loader__logo{z-index:1;width:190px;height:190px;margin:-120px 0 0 -95px;animation:9s infinite both loader-logo;position:absolute;top:50%;left:50%}.loader__wordmark{text-align:center;letter-spacing:-.04em;margin-top:92px;font-family:Bricolage Grotesque,sans-serif;font-size:44px;font-weight:800;animation:9s infinite both loader-logo;position:absolute;top:50%;left:0;right:0}.loader__progress{flex-direction:column;align-items:center;gap:12px;width:300px;margin-left:-150px;animation:9s infinite both loader-progress;display:flex;position:absolute;bottom:110px;left:50%}.loader__bar{background:#2a2640;border-radius:3px;width:100%;height:3px;overflow:hidden}.loader__bar-fill{background:linear-gradient(90deg,#ff5e4d,#8a6bff,#2de2c8);border-radius:3px;height:100%;animation:9s cubic-bezier(.4,0,.3,1) infinite both loader-fill;display:block}.loader__percent{letter-spacing:.14em;color:#b4aecb;counter-reset:loader-n var(--loader-v);font-family:Geist Mono,monospace;font-size:12px;animation:9s cubic-bezier(.4,0,.3,1) infinite both loader-count}.loader__percent:after{content:"LOADING FARSHA  " counter(loader-n) "%"}@media (prefers-reduced-motion:reduce){.loader .butterfly__wing{animation-duration:3s}.loader__sway-x,.loader__sway-y{animation:none}}.butterfly{animation:2.6s ease-in-out infinite alternate loader-roll,1.5s ease-in-out infinite loader-bob;display:block}.butterfly__wing{transform-box:view-box;transform-origin:100px 100px;animation:1.5s infinite loader-flap}.butterfly__wing--hind{animation-name:loader-flap-hind}@keyframes loader-fly{0%{offset-distance:0%;opacity:0;scale:.9}2%{opacity:1}14%{offset-distance:12%}27%{offset-distance:32%}37%{offset-distance:41%}47%{offset-distance:80%}54%{offset-distance:100%;opacity:1;scale:1}54.2%,to{offset-distance:100%;opacity:0;scale:1}}@keyframes loader-sway-x{0%{translate:-16px}to{translate:16px}}@keyframes loader-sway-y{0%{translate:0 -12px}to{translate:0 12px}}@keyframes loader-roll{0%{rotate:-7deg}to{rotate:7deg}}@keyframes loader-bob{0%,16%,32%,48%{translate:0}8%,24%,40%{translate:0 4px}60%{translate:0 -2px}to{translate:0 6px}}@keyframes loader-flap{0%,16%,32%,48%{transform:scaleX(1)skewY(0)}8%,24%,40%{transform:scaleX(.3)skewY(5deg)}62%{transform:scaleX(.9)skewY(0)}to{transform:scaleX(.94)skewY(0)}}@keyframes loader-flap-hind{0%,18%,34%,50%{transform:scaleX(1)}10%,26%,42%{transform:scaleX(.3)}64%{transform:scaleX(.92)}to{transform:scaleX(.95)}}@keyframes loader-trail{0%{offset-distance:0%;visibility:hidden}3%{visibility:visible}47%{offset-distance:80%}54%{offset-distance:100%;visibility:visible}58%,to{offset-distance:100%;visibility:hidden}}@keyframes loader-drift{0%{opacity:.95;translate:0;scale:1}to{translate:var(--dx,0px) 34px;opacity:0;scale:.3}}@keyframes loader-logo{0%,53%{opacity:0;scale:.5}58%{opacity:1;scale:1.08}62%{scale:1}90%{opacity:1;scale:1}96%,to{opacity:0;scale:1}}@keyframes loader-ring{0%,55%{opacity:0;scale:.5}56%{opacity:.8}70%,to{opacity:0;scale:1.9}}@keyframes loader-progress{0%{opacity:0}3%,55%{opacity:1}60%,to{opacity:0}}@keyframes loader-fill{0%{width:0}55%,to{width:100%}}@keyframes loader-count{0%{--loader-v:0}55%,to{--loader-v:100}}@keyframes loader-perch{0%,53.9%{opacity:0;translate:0;rotate:146.3deg;scale:1}54%{opacity:1}66%{opacity:1;translate:77px -102px;rotate:10deg;scale:.4}90%{opacity:1;translate:77px -102px;rotate:10deg;scale:.4}96%,to{opacity:0;translate:77px -102px;rotate:10deg;scale:.4}}@keyframes loader-perch-front{0%,54%,66%,90%,to{transform:scaleX(1)}54.75%,56.25%,57.75%,59.25%,60.75%,62.25%,63.75%,65.25%{transform:scaleX(.3)}55.5%,57%,58.5%,60%,61.5%,63%,64.5%{transform:scaleX(1)}76%,82%{transform:scaleX(.58)}}@keyframes loader-perch-hind{0%,54%,66%,90%,to{transform:scaleX(1)}54.75%,56.25%,57.75%,59.25%,60.75%,62.25%,63.75%,65.25%{transform:scaleX(.4)}55.5%,57%,58.5%,60%,61.5%,63%,64.5%{transform:scaleX(1)}76%,82%{transform:scaleX(.58)}}