*,*:before,*:after{box-sizing:border-box}.builder__skip-link{position:absolute;top:0;left:0;padding:.5rem .85rem;background:#1976d2;color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 .3rem;transform:translateY(-110%);transition:transform .12s ease;z-index:1000}.builder__skip-link:focus{transform:translateY(0);outline:none}button:focus-visible,a:focus-visible,select:focus-visible,[role=radio]:focus-visible,[role=separator]:focus-visible{outline:2px solid #03DAC6;outline-offset:2px;border-radius:.25rem}input:focus-visible,textarea:focus-visible{outline:2px solid #03DAC6;outline-offset:1px}main:focus{outline:none}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#050608;color:#e8eaed;-webkit-font-smoothing:antialiased;line-height:1.5}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}input{font:inherit}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.builder{height:100%;display:grid;grid-template-rows:auto auto auto 1fr}.builder__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#0b0b0dd9;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.builder__brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit;font-weight:600}.builder__mark{color:#03dac6;font-size:1.4rem}.builder__crumb{color:#e8eaed9e;font-size:.85rem}.builder__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1.25rem;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.06)}.builder__toolbar-group{display:inline-flex;align-items:center;gap:.5rem}.builder__toolbar-file{display:none}.builder__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e8eaed;font-size:.85rem;font-weight:500;transition:background .12s ease,border-color .12s ease}.builder__btn:hover{background:#ffffff14;border-color:#ffffff2e}.builder__btn:focus-visible{outline:2px solid #03DAC6;outline-offset:2px}.builder__btn--primary{background:#1976d2;border-color:#1976d2;color:#fff}.builder__btn--primary:hover{background:#1565c0;border-color:#1565c0}.builder__btn--icon{padding:.32rem .55rem;font-size:1rem;line-height:1;min-width:2rem}.builder__btn:disabled{opacity:.4;cursor:not-allowed}.builder__btn:disabled:hover{background:#ffffff0a;border-color:#ffffff1f}.builder__toolbar-divider{display:inline-block;width:1px;height:1.4rem;background:#ffffff1f;margin:0 .2rem}.builder__toolbar-status{font-size:.8rem;color:#e8eaeda6;min-height:1.2em}.builder__toolbar-msg--ok{color:#66bb6a}.builder__toolbar-msg--err{color:#ef5350}.builder__toolbar-msg--hint{color:#e8eaed9e;font-style:italic}.profile-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);min-height:2.6rem}.profile-bar__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#e8eaed9e;flex-shrink:0}.profile-bar__pills{display:flex;flex-wrap:wrap;gap:.3rem;flex:1 1 auto;min-width:0}.profile-bar__pill{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;background:#ffffff0d;color:#e8eaedc7;border:1px solid rgba(255,255,255,.08);font-size:.82rem;font-weight:500;max-width:12rem;transition:background .12s ease,color .12s ease,border-color .12s ease}.profile-bar__pill--dragging{opacity:.4;border-style:dashed;cursor:grabbing}.profile-bar__pill--drop-left:before,.profile-bar__pill--drop-right:after{content:"";position:absolute;top:-3px;bottom:-3px;width:3px;background:#03dac6;border-radius:2px;box-shadow:0 0 8px #03dac673;pointer-events:none}.profile-bar__pill--drop-left:before{left:-5px}.profile-bar__pill--drop-right:after{right:-5px}.profile-bar__pill:hover{background:#ffffff14;color:#e8eaed}.profile-bar__pill--active,.profile-bar__pill--active:hover{background:#1976d299;color:#fff;border-color:#1976d2b3}.profile-bar__pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.profile-bar__pill-tag{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:.05rem .35rem;border-radius:.25rem;background:#03dac62e;color:#03dac6;flex-shrink:0}.profile-bar__pill--active .profile-bar__pill-tag{background:#fff3;color:#fff}.profile-bar__actions{display:inline-flex;gap:.35rem;flex-shrink:0}.profile-bar__btn{padding:.3rem .6rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e8eaedd9;font-size:.78rem}.profile-bar__btn:hover:not(:disabled){background:#ffffff12;color:#fff}.profile-bar__btn:disabled{opacity:.4;cursor:not-allowed}.profile-bar__btn--danger:hover:not(:disabled){background:#c93c3c38;color:#ff8a80;border-color:#c93c3c66}.editor__group-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:400;color:#e8eaedc7;text-transform:none;letter-spacing:0}.builder__body{display:grid;grid-template-columns:14rem minmax(320px,1fr) 6px var(--preview-width, 720px);overflow:hidden}@media (max-width: 1100px){.builder__body{grid-template-columns:12rem minmax(280px,1fr) 6px var(--preview-width, 720px)}}@media (max-width: 900px){.builder__body{grid-template-columns:1fr;grid-auto-rows:auto;overflow:auto}.builder__splitter{display:none}}.builder__splitter{width:6px;cursor:col-resize;background:#ffffff0a;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);display:grid;place-items:center;user-select:none;touch-action:none;transition:background .12s ease}.builder__splitter:hover,.builder__splitter:focus-visible{background:#1976d273;outline:none}.builder__splitter-grip{display:block;width:2px;height:32px;background:#ffffff40;border-radius:1px}.builder__splitter:hover .builder__splitter-grip,.builder__splitter:focus-visible .builder__splitter-grip{background:#fff}body.builder--resizing{cursor:col-resize!important;user-select:none}body.builder--resizing *{cursor:col-resize!important}body.builder--resizing iframe{pointer-events:none}.builder__nav{border-right:1px solid rgba(255,255,255,.06);padding:1rem .5rem;background:#ffffff05;overflow:auto}.builder__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.builder__nav-item{width:100%;text-align:left;padding:.55rem .75rem;border-radius:.4rem;font-size:.92rem;color:#e8eaedd9;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background 80ms ease-out}.builder__nav-item:hover:not(:disabled){background:#ffffff0a;color:#fff}.builder__nav-item--active{background:#1976d22e;color:#fff}.builder__nav-item--planned{color:#e8eaed9e;cursor:not-allowed}.builder__nav-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:999px;background:#ffffff0d;color:#e8eaed8c}.builder__editor{overflow:auto;padding:1.5rem clamp(1rem,3vw,2rem)}.editor{max-width:38rem;display:flex;flex-direction:column;gap:1.5rem}.editor__title{margin:0;font-size:1.5rem;letter-spacing:-.01em;color:#fff}.editor__sub{margin:.4rem 0 0;color:#e8eaeda6;font-size:.95rem;max-width:38ch}.editor__empty{margin:1rem;padding:1rem;background:#ffffff0a;border-radius:.5rem;color:#e8eaedb3}.editor__group{border:1px solid rgba(255,255,255,.08);border-radius:.625rem;padding:1rem 1.1rem 1.1rem;margin:0;display:flex;flex-direction:column;gap:.875rem;background:#ffffff05}.editor__group-label{padding:0 .4rem;margin-left:-.4rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e8eaed8c}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.85rem;font-weight:600;color:#e8eaedd9}.field__input{font-size:.95rem;padding:.55rem .7rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;color:#fff;width:100%}.field__input--mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem}.field__input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d240}.field__hint{font-size:.78rem;color:#e8eaed9e}.field__color-row{display:flex;gap:.5rem;align-items:center}.field__color-swatch{width:2.5rem;height:2.25rem;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;padding:0;background:transparent;cursor:pointer}.field__color-swatch::-webkit-color-swatch-wrapper{padding:.15rem;border-radius:.3rem}.field__color-swatch::-webkit-color-swatch{border:none;border-radius:.2rem}.field--inline{flex-direction:row;align-items:baseline;gap:.5rem}.field--inline .field__label{min-width:4rem}.field__input--num{width:4rem;text-align:center}.field__input--time{width:7rem;font-variant-numeric:tabular-nums}.field__hint--warn{color:#ffb74d;font-style:normal}.schedule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.schedule-list__empty{margin:0 0 .6rem;font-size:.85rem;color:#e8eaed8c;font-style:italic}.schedule-card{border:1px solid rgba(255,255,255,.08);border-radius:.5rem;background:#ffffff05;overflow:hidden}.schedule-card__head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.schedule-card__index{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#e8eaed9e}.schedule-card__buttons{display:inline-flex;gap:.25rem}.schedule-card__body{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.7rem}.schedule-card__days{display:flex;flex-direction:column;gap:.3rem}.schedule-card__day-pills{display:inline-flex;gap:.3rem;flex-wrap:wrap}.day-pill{width:2rem;height:2rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#ffffff0d;color:#e8eaedb3;border:1px solid rgba(255,255,255,.08);display:inline-grid;place-items:center;transition:background .12s ease,color .12s ease}.day-pill:hover{background:#ffffff14;color:#e8eaed}.day-pill--active,.day-pill--active:hover{background:#1976d2;border-color:#1976d2;color:#fff}.schedule-card__times{display:flex;gap:.75rem;flex-wrap:wrap}.oem-panel{position:relative}.oem-panel__pin{margin-left:.4rem;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.05rem .4rem;border-radius:.25rem;background:#ffa7262e;color:#ffa726}.oem-panel__group{display:flex;flex-direction:column;gap:.35rem}.day-pill-row{display:inline-flex;gap:.3rem;flex-wrap:wrap}.day-pill--wide{width:auto;padding:0 .6rem;height:1.9rem;font-size:.78rem;letter-spacing:0;text-transform:none}.key-remap{display:flex;flex-direction:column;gap:.4rem;padding:.55rem;border:1px dashed rgba(255,255,255,.08);border-radius:.4rem}.key-remap__head{display:flex;flex-direction:column;gap:.15rem}.key-remap__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.key-remap__row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:.4rem}.key-remap__arrow{color:#e8eaed9e}.editor__hint{margin:0;font-size:.85rem;color:#e8eaed8c}.shortcuts-overlay{position:fixed;inset:0;background:#050608b3;backdrop-filter:blur(4px);display:grid;place-items:center;padding:2rem 1rem;z-index:100;animation:shortcuts-fade-in .12s ease-out}@keyframes shortcuts-fade-in{0%{opacity:0}to{opacity:1}}.shortcuts-modal{width:min(38rem,100%);max-height:80vh;background:#0e1014;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.shortcuts-modal__head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.shortcuts-modal__title{margin:0;font-size:1rem;color:#fff}.shortcuts-modal__close{width:1.8rem;height:1.8rem;border-radius:.3rem;color:#e8eaed9e;font-size:1.4rem;line-height:1}.shortcuts-modal__close:hover{background:#ffffff0f;color:#fff}.shortcuts-modal__body{padding:.85rem 1rem;overflow:auto;display:flex;flex-direction:column;gap:1.1rem}.shortcuts-group__title{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#e8eaed9e}.shortcuts-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.shortcuts-row{display:grid;grid-template-columns:9rem 1fr;gap:.7rem;align-items:center;font-size:.85rem;color:#e8eaed}.shortcuts-row__keys{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.shortcuts-row__kbd{display:inline-grid;place-items:center;min-width:1.4rem;padding:.1rem .35rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-bottom-width:2px;border-radius:.3rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#fff}.shortcuts-row__plus{color:#e8eaed8c;font-size:.75rem;margin:0 .1rem}.shortcuts-row__desc{color:#e8eaedd9}.shortcuts-modal__foot{padding:.7rem 1rem;border-top:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#e8eaed9e}.features-bulk{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.features__flag{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#03dac6;background:#03dac614;padding:.05rem .35rem;border-radius:.25rem}.event-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.event-checklist__row{display:grid;grid-template-columns:14rem 1fr;gap:.5rem;align-items:baseline;padding:.35rem .45rem;border-radius:.3rem}.event-checklist__row:hover{background:#ffffff05}.event-checklist__label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.event-checklist__check{accent-color:#1976D2}.event-checklist__name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;color:#e8eaed}.event-checklist__desc{font-size:.8rem;color:#e8eaed8c}@media (max-width: 1100px){.event-checklist__row{grid-template-columns:1fr}}.editor__head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.view-toggle{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.35rem;padding:2px;gap:2px;flex-shrink:0}.view-toggle__btn{padding:.32rem .7rem;border-radius:.25rem;font-size:.8rem;color:#e8eaedb3}.view-toggle__btn:hover{color:#e8eaed;background:#ffffff0d}.view-toggle__btn--active,.view-toggle__btn--active:hover{background:#1976d299;color:#fff}.grid-view{display:grid;gap:.4rem;padding:.6rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.55rem;aspect-ratio:4 / 3;max-height:60vh}.grid-view__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;cursor:grab;text-align:center;overflow:hidden;min-width:0;min-height:0;transition:background .1s ease,border-color .1s ease,transform 80ms ease}.grid-view__cell:hover{background:#ffffff12;border-color:#ffffff29}.grid-view__cell:active{cursor:grabbing}.grid-view__cell--dragging{opacity:.35;border-style:dashed}.grid-view__cell--hover{background:#03dac61f;border-color:#03dac6;box-shadow:0 0 0 1px #03dac64d}.grid-view__cell--empty{background:transparent;border-style:dashed;color:#e8eaed66;cursor:pointer}.grid-view__cell--empty:hover{background:#ffffff08;color:#e8eaedb3}.grid-view__cell--spacer{background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 6px,#ffffff0d 6px 12px);color:#e8eaed8c}.grid-view__plus{font-size:1.4rem;line-height:1;font-weight:300}.grid-view__icon{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.5rem;overflow:hidden;flex-shrink:0}.grid-view__icon-img{width:100%;height:100%;object-fit:cover}.grid-view__letter{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:1rem}.grid-view__label{font-size:.72rem;color:#e8eaedd9;line-height:1.15;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-view__spacer{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.grid-view__hint{margin:.5rem 0 0;font-size:.78rem;color:#e8eaed9e;font-style:italic}.grid-dims{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.grid-dims__capacity{margin-left:auto;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.grid-dims__capacity-label{font-size:.78rem;color:#e8eaed9e;text-transform:uppercase;letter-spacing:.05em}.grid-dims__capacity-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1rem;color:#fff}.grid-dims__capacity-value--full{color:#d8a64a}.tile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tile-list__empty{margin:.5rem 0;color:#e8eaed9e;font-size:.9rem}.dnd-row{position:relative;list-style:none}.dnd-row--dragging{opacity:.35}.dnd-row--dragging .tile-card,.dnd-row--dragging .schedule-card{border-style:dashed}.dnd-row--drop-above:before,.dnd-row--drop-below:after{content:"";position:absolute;left:0;right:0;height:3px;background:#03dac6;border-radius:2px;box-shadow:0 0 8px #03dac673;pointer-events:none;z-index:1}.dnd-row--drop-above:before{top:-3px}.dnd-row--drop-below:after{bottom:-3px}.tile-card__grip,.schedule-card__grip{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;cursor:grab;color:#e8eaed8c;font-size:.85rem;line-height:1;letter-spacing:-.05em;user-select:none;border-radius:.25rem;flex-shrink:0}.tile-card__grip:hover,.schedule-card__grip:hover{color:#e8eaed;background:#ffffff0d}.tile-card__grip:active,.schedule-card__grip:active{cursor:grabbing}.tile-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;overflow:hidden}.tile-card__head{display:flex;align-items:center;gap:.4rem;padding:.55rem .6rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.tile-card__type{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#1976d22e;color:#fff;border:1px solid rgba(25,118,210,.5);border-radius:.3rem;padding:.25rem .4rem;font-family:inherit}.tile-card__type:focus{outline:none;box-shadow:0 0 0 2px #1976d259}.tile-card__label-input{flex:1;background:transparent;border:none;color:#fff;font-size:.95rem;font-weight:500;padding:.2rem .4rem;border-radius:.3rem;min-width:0}.tile-card__label-input:hover{background:#ffffff0a}.tile-card__label-input:focus{outline:none;background:#ffffff0f;box-shadow:0 0 0 2px #1976d259;border-radius:.25rem}.tile-card__buttons{display:flex;gap:.2rem}.tile-card__btn{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:.3rem;background:#ffffff0a;color:#e8eaedd9;font-size:1rem;line-height:1}.tile-card__btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.tile-card__btn:disabled{opacity:.3;cursor:not-allowed}.tile-card__btn--danger:hover:not(:disabled){background:#c93c3c40;color:#ff8a80}.tile-card__body{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.6rem}.tile-card__hint{margin:0;font-size:.85rem;color:#e8eaed8c;font-style:italic}.tile-card__appearance{margin:0;padding:.6rem .7rem .7rem;border:1px solid rgba(255,255,255,.07);border-radius:.4rem;background:#ffffff05;display:flex;flex-direction:column;gap:.55rem}.tile-card__appearance-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#e8eaed8c;padding:0 .3rem}.icon-picker{display:flex;align-items:center;gap:.65rem}.icon-picker__preview{width:44px;height:44px;border-radius:.5rem;background:#ffffff0d;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.icon-picker__img{width:100%;height:100%;object-fit:cover;display:block}.icon-picker__ref{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;color:#e8eaed99}.icon-picker__swatch{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:1.1rem}.icon-picker__modes{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;padding:2px;gap:2px}.icon-picker__mode{padding:.3rem .55rem;border-radius:.3rem;font-size:.78rem;color:#e8eaedb3}.icon-picker__mode:hover{color:#e8eaed;background:#ffffff0a}.icon-picker__mode--active{background:#1976d299;color:#fff}.icon-picker__mode--active:hover{background:#1976d2b3}.icon-picker__file{display:none}.icon-picker__upload{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.icon-picker__error{font-size:.8rem;color:#ff8a80}.add-tile{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem}.add-tile__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#e8eaed8c}.add-tile__buttons{display:flex;gap:.4rem;flex-wrap:wrap}.add-tile__btn{padding:.45rem .75rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:.4rem;font-size:.85rem;font-weight:500}.add-tile__btn:hover:not(:disabled){background:#1976d233;border-color:#1976d280}.add-tile__btn:disabled{opacity:.35;cursor:not-allowed}.add-tile__hint{margin:0;font-size:.78rem;color:#d8a64a}.field--toggle{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.field--toggle .field__label{flex:1}.field--toggle .field__hint{flex-basis:100%}.toggle{position:relative;display:inline-block;width:2.5rem;height:1.4rem}.toggle__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.toggle__track{position:absolute;inset:0;background:#ffffff1a;border-radius:999px;transition:background .12s ease-out}.toggle__thumb{position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .12s ease-out;box-shadow:0 1px 2px #0000004d}.toggle__input:checked+.toggle__track{background:#1976d2}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(1.1rem)}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 2px #1976d273}.pin-flow{display:flex;flex-direction:column;gap:.6rem;padding:.75rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.45rem}.pin-flow__status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e8eaedcc}.pin-flow__pip{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.pin-flow__pip--ok{background:#2fa971}.pin-flow__pip--missing{background:#d8a64a}.pin-flow__row{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.pin-flow__row .field__input{flex:1;min-width:10rem}.pin-flow__save,.pin-flow__clear{padding:0 .85rem;background:#1976d233;color:#fff;border:1px solid rgba(25,118,210,.5);border-radius:.4rem;font-size:.9rem;font-weight:500}.pin-flow__save:hover:not(:disabled){background:#1976d259}.pin-flow__save:disabled{opacity:.4;cursor:not-allowed}.pin-flow__clear{background:#c93c3c26;border-color:#c93c3c66;color:#ff8a80}.pin-flow__clear:hover:not(:disabled){background:#c93c3c4d}.pin-flow__feedback{margin:0;font-size:.82rem;color:#e8eaedcc}.pin-flow__hash{margin:0;font-size:.78rem;color:#e8eaed8c}.pin-flow__hash code{background:#ffffff0a;padding:.05rem .4rem;border-radius:.25rem;font-size:.78rem}.preview{border-left:1px solid rgba(255,255,255,.06);background:#0b0c0f;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.preview__head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.preview__tabs{display:flex;gap:.25rem}.preview__tab{padding:.3rem .6rem;border-radius:.35rem;font-size:.78rem;font-weight:500;color:#e8eaed99}.preview__tab--active{background:#ffffff0f;color:#fff}.preview__actions{display:flex;align-items:center;gap:.5rem}.preview__badge{font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px}.preview__badge--valid{background:#2fa9712e;color:#2fa971}.preview__badge--invalid{background:#c93c3c2e;color:#ff8a80}.preview__copy{padding:.3rem .65rem;border-radius:.35rem;background:#ffffff0f;font-size:.78rem;color:#fff}.preview__copy:hover:not(:disabled){background:#ffffff1a}.preview__copy:disabled{opacity:.4;cursor:not-allowed}.preview__body{margin:0;padding:.875rem 1rem;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#e8eaede6;white-space:pre}.preview__body--errors{color:#ff8a80}.preview__body--validation{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.85rem;white-space:normal;padding:.875rem 1rem;color:#e8eaed;overflow:auto}.validation__ok{margin:0;color:#66bb6a;font-weight:500}.validation__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.validation__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;padding:.55rem .7rem;border-radius:.4rem;background:#ff8a800f;border:1px solid rgba(255,138,128,.18)}.validation__row-main{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1 1 auto}.validation__path{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#ff8a80;word-break:break-all}.validation__message{margin:0;font-size:.85rem;color:#e8eaede6;line-height:1.4}.validation__jump{flex-shrink:0;padding:.3rem .6rem;border-radius:.35rem;border:1px solid rgba(255,138,128,.35);background:#ff8a8014;color:#ff8a80;font-size:.78rem;font-weight:500}.validation__jump:hover{background:#ff8a8029;border-color:#ff8a808c}.preview__body--live{padding:0;background:#0b0c0f;display:grid;place-items:stretch}.live-preview{position:relative;width:100%;height:100%;background:#0b0c0f;display:grid;grid-template-rows:auto 1fr}.live-preview__chrome{padding:.4rem .6rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.live-preview__orientation{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.3rem;padding:2px;gap:2px}.live-preview__orient-btn{padding:.18rem .5rem;border-radius:.25rem;font-size:.95rem;line-height:1;color:#e8eaedb3}.live-preview__orient-btn:hover{color:#e8eaed;background:#ffffff0d}.live-preview__orient-btn--active,.live-preview__orient-btn--active:hover{background:#1976d299;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-preview__device-picker{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:#e8eaedb3}.live-preview__device-label{letter-spacing:.04em;text-transform:uppercase}.live-preview__device-select{background:#ffffff0f;color:#e8eaed;border:1px solid rgba(255,255,255,.1);border-radius:.3rem;padding:.25rem .4rem;font-size:.78rem;max-width:100%}.live-preview__stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.live-preview__iframe{width:100%;height:100%;border:none;display:block;background:#0b0c0f}.live-preview__iframe--framed{width:auto;height:auto;background:#fff}.device-shell{position:relative;display:block}.device-frame{position:absolute;top:0;left:0;transform-origin:top left;background:#1a1c1f;box-shadow:inset 0 0 0 2px #ffffff0d,0 18px 40px #00000080;display:block}.device-frame--tablet{border-radius:28px}.device-frame--handheld{border-radius:56px}.device-frame__screen{position:relative;background:#000;overflow:hidden;border-radius:8px;display:grid;grid-template-rows:auto 1fr}.device-frame--handheld .device-frame__screen{border-radius:22px}.device-frame__speaker{position:absolute;top:18px;left:50%;transform:translate(-50%);width:80px;height:6px;border-radius:3px;background:#0a0b0d}.android-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0a0b0d;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:500;letter-spacing:.02em}.android-statusbar__time{opacity:.95}.android-statusbar__icons{display:inline-flex;align-items:center;gap:10px;font-size:.85em}.android-statusbar__icon{line-height:1}.live-preview__overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.5rem;background:#0b0c0feb;backdrop-filter:blur(2px);color:#e8eaedd9;font-size:.9rem;text-align:center;padding:1.5rem;pointer-events:none}.live-preview__overlay--hint{background:#0b0c0f99}.live-preview__hint{margin:0;font-size:.78rem;color:#e8eaed8c}.live-preview__hint code{background:#ffffff0f;padding:.05rem .35rem;border-radius:.25rem}
