@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Reem+Kufi:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#04120c;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.kiosk-viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.kiosk-stage{position:absolute;transform-origin:0 0;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 70px 180px #000000b3}.el-box{will-change:opacity}.media-fill{width:100%;height:100%;border-radius:inherit;overflow:hidden;display:block}.media-fill img,svg.media-fill{width:100%;height:100%;display:block;border-radius:inherit;-webkit-user-select:none;user-select:none}.text-block{width:100%;height:100%;display:flex;align-items:center;white-space:pre-line}.text-block span{width:100%}.anim-fadeIn{animation:k-fadeIn .7s cubic-bezier(.2,.8,.2,1) both}.anim-fadeUp{animation:k-fadeUp .7s cubic-bezier(.2,.8,.2,1) both}.anim-scaleIn{animation:k-scaleIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes k-fadeIn{0%{opacity:0}}@keyframes k-fadeUp{0%{opacity:0;translate:0 26px}}@keyframes k-scaleIn{0%{opacity:0;scale:.92}}.hover-lift{transition:translate .3s cubic-bezier(.2,.8,.2,1)}.hover-lift:hover{translate:0 -5px}.hover-glow{transition:filter .3s ease}.hover-glow:hover{filter:drop-shadow(0 0 18px rgba(226,203,130,.5))}@media(prefers-reduced-motion:reduce){.anim-fadeIn,.anim-fadeUp,.anim-scaleIn{animation:none}}.footer-vector{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 56px}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-handle{font-size:20px;font-weight:600;letter-spacing:.06em}.footer-sub{font-size:16px;opacity:.74;letter-spacing:.1em}.footer-arch{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:186px;height:214px;display:grid;place-items:center;border:1px solid;border-radius:93px 93px 18px 18px/118px 118px 18px 18px;background:linear-gradient(-70deg,#ffffff0d,#ffffff29,#ffffff0d),linear-gradient(180deg,#fffaeceb,#e9dec0e0);box-shadow:inset 0 2px #ffffffbf,0 26px 54px #0006}.footer-arch img{width:128px;display:block}.footer-right{text-align:right;max-width:330px}.footer-ar{font-family:Reem Kufi,sans-serif;font-size:24px}.footer-en{margin-top:6px;font-size:12px;letter-spacing:.14em;opacity:.74}.cmdlog-root{position:fixed;left:18px;bottom:18px;z-index:100}.cmdlog-toggle{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 18px;color:#fffaec;background:#0a281cb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 13px Plus Jakarta Sans,sans-serif;cursor:pointer}.cmdlog-panel{position:absolute;left:0;bottom:52px;width:460px;max-height:50vh;overflow:auto;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#061610eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fffaec;font:13px/1.5 Plus Jakarta Sans,sans-serif;box-shadow:0 24px 60px #00000080}.cmdlog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.cmdlog-head button{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:4px 12px;background:transparent;color:inherit;cursor:pointer;font:inherit}.cmdlog-empty{padding:16px 14px;opacity:.7}.cmdlog-panel ul{list-style:none}.cmdlog-panel li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.cmdlog-time{opacity:.55;font-variant-numeric:tabular-nums}.cmdlog-badge{font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:6px}.cmdlog-badge.dispenser{background:#c8a24e;color:#1c1503}.cmdlog-badge.action{background:#ffffff2e}.cmdlog-title{font-weight:600}.cmdlog-detail{width:100%;opacity:.7;font-size:12px;word-break:break-all}.cmdlog-status{margin-left:auto;opacity:.6;font-style:italic}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#020a0799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(520px,86vw);border:1px solid rgba(226,203,130,.4);border-radius:18px;padding:28px;background:#0a281ceb;color:#fffaec;font:15px/1.6 Plus Jakarta Sans,sans-serif;box-shadow:0 30px 80px #0000008c}.modal-card h2{margin-bottom:10px;font-size:22px}.modal-card code{color:#e2cb82}.modal-card button{margin-top:18px;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 22px;background:#ffffff1a;color:inherit;font:600 14px Plus Jakarta Sans,sans-serif;cursor:pointer}@property --gb-angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --gb-angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}.gb-wrap{position:relative;width:100%;height:100%;border-radius:999vw;perspective:900px;--gb-time: .42s;--gb-ease: cubic-bezier(.25, 1, .5, 1)}.gb{--border-width: 2px;all:unset;cursor:pointer;position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999vw;overflow:hidden;text-align:center;background:linear-gradient(-75deg,#ffffff0f,rgba(255,255,255,var(--gb-reflect)),#ffffff0f),linear-gradient(135deg,rgba(var(--gb-a),var(--gb-alpha)),rgba(var(--gb-b),calc(var(--gb-alpha) * .48)));box-shadow:inset 0 2px 2px #00000014,inset 0 -2px 2px #ffffff85,0 5px 3px -2px rgba(0,0,0,calc(var(--gb-shadow) * .85)),0 0 2px 4px inset #ffffff2e;backdrop-filter:blur(var(--gb-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--gb-blur)) saturate(1.2);transition:all var(--gb-time) var(--gb-ease);-webkit-tap-highlight-color:transparent}.gb:hover{transform:scale(.985);backdrop-filter:blur(calc(var(--gb-blur) * .3)) saturate(1.35);-webkit-backdrop-filter:blur(calc(var(--gb-blur) * .3)) saturate(1.35);box-shadow:inset 0 2px 2px #0000000f,inset 0 -2px 2px #ffffff8f,0 3px 1px -2px rgba(0,0,0,calc(var(--gb-shadow) * .95)),0 0 1px 2px inset #ffffff85}.gb-label{position:relative;z-index:2;display:block;width:100%;-webkit-user-select:none;user-select:none;line-height:1;text-shadow:0 3px 2px rgba(0,0,0,.24),0 0 14px rgba(var(--gb-a),.22);transition:all var(--gb-time) var(--gb-ease)}.gb:before{content:"";position:absolute;z-index:3;top:1px;right:1px;bottom:1px;left:1px;border-radius:999vw;background:linear-gradient(var(--gb-angle-2),rgba(255,255,255,0) 0%,rgba(255,255,255,var(--gb-shine)) 40% 50%,rgba(255,255,255,0) 58%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position calc(var(--gb-time) * 1.25) var(--gb-ease),--gb-angle-2 calc(var(--gb-time) * 1.25) var(--gb-ease)}.gb:hover:before{background-position:25% 50%}.gb:active:before{--gb-angle-2: -15deg;background-position:50% 15%}.gb:after{content:"";position:absolute;z-index:4;inset:calc(var(--border-width) / -2);padding:var(--border-width);box-sizing:border-box;border-radius:999vw;background:conic-gradient(from var(--gb-angle-1) at 50% 50%,rgba(var(--gb-accent),.74),rgba(255,255,255,0) 5% 40%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 60% 95%,rgba(var(--gb-accent),.74)),linear-gradient(180deg,#ffffff8f,#ffffff3d);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;box-shadow:inset 0 0 0 1px #ffffff80;pointer-events:none;transition:all var(--gb-time) var(--gb-ease),--gb-angle-1 .5s ease}.gb:hover:after{--gb-angle-1: -125deg}.gb:active:after{--gb-angle-1: -75deg}.gb-shadow{position:absolute;z-index:0;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:999vw;pointer-events:none;filter:blur(8px)}.gb-shadow:after{content:"";position:absolute;top:14px;right:22px;bottom:6px;left:8px;border-radius:999vw;background:linear-gradient(180deg,rgba(var(--gb-a),var(--gb-shadow)),#0000002e),linear-gradient(90deg,rgba(var(--gb-accent),.26),#00000014);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px;transition:all var(--gb-time) var(--gb-ease)}.gb-wrap:has(.gb:hover) .gb-shadow{filter:blur(5px)}.gb-wrap:has(.gb:active){transform:rotateX(12deg)}.gb-wrap:has(.gb:active) .gb{box-shadow:inset 0 2px 2px #0000000f,inset 0 -2px 2px #ffffff85,0 2px 2px -2px #0003,0 0 2px 4px inset #ffffff2e,inset 0 4px 1px #0000002e}@media(prefers-reduced-motion:reduce){.gb,.gb:before,.gb:after,.gb-shadow:after{transition:none}.gb-wrap:has(.gb:active){transform:none}}body{overflow:auto;background:#141816;color:#e8ece9;font:14px/1.5 Plus Jakarta Sans,Segoe UI,system-ui,sans-serif}.admin-root{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1c221f;border-bottom:1px solid #2c342f}.topbar h1{font-size:16px;letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:10px}.status{font-size:12px;opacity:.75}.status-error{color:#ff9c8a;opacity:1}button{border:1px solid #3a453f;border-radius:8px;padding:7px 14px;background:#232b27;color:inherit;font:600 13px Plus Jakarta Sans,sans-serif;cursor:pointer}button:hover{background:#2b352f}button:disabled{opacity:.45;cursor:default}button.primary{background:#10744e;border-color:#1b9367}button.primary:hover:not(:disabled){background:#128557}button.secondary{width:100%;margin-top:8px}.columns{flex:1;display:grid;grid-template-columns:300px 1fr 360px;min-height:0}.sidebar{border-right:1px solid #2c342f;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.sidebar h2,.inspector h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:8px}.sidebar .grow{flex:1}.screen-list,.element-list{list-style:none;display:flex;flex-direction:column;gap:4px}.screen-list button,.element-list button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border-color:transparent}.screen-list button.active,.element-list button.active{background:#10744e33;border-color:#10744e}.screen-name{font-weight:700}.badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:#c8a24e;color:#241b04}.badge-action{background:#2c342f;color:#cfd8d2}.badge-action:hover{background:#3a453f}.el-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-type{font-size:11px;opacity:.55}.el-lock{font-size:12px;line-height:1;opacity:.8;cursor:pointer}.el-lock:hover{opacity:1}.el-z{font-size:11px;opacity:.4}.element-list button.locked .el-name{opacity:.6;font-style:italic}.preview-host{position:relative;display:grid;place-items:center;background:repeating-conic-gradient(#191e1b,#191e1b 25%,#151a17 0%,#151a17 50%) 0 0 / 24px 24px;min-height:0;overflow:hidden}.preview-frame{position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080;border-radius:6px}.preview-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.preview-stage:active{cursor:grabbing}.selection-outline{position:absolute;z-index:9999;border:2px dashed #4dd6a3;border-radius:4px;pointer-events:none;box-shadow:0 0 0 2000px #0000000f}.inspector{border-left:1px solid #2c342f;overflow-y:auto;padding:12px 14px}.inspector section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #232a26}.inspector h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin-bottom:8px}.inspector .el-type{margin-left:6px}.layer-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 16px;padding-bottom:14px;border-bottom:1px solid #232a26}.layer-actions button{padding:6px 10px;font-size:12px;font-weight:600}.layer-actions button.danger{border-color:#6d3230;color:#ffb4a6}.layer-actions button.danger:hover{background:#3a1f1d}.fld-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fld-label{width:92px;flex:none;font-size:12px;opacity:.75}.fld-control{flex:1;display:flex}.fld-control input[type=text],.fld-control input[type=number],.fld-control select,.fld-control textarea{width:100%;border:1px solid #3a453f;border-radius:6px;padding:6px 8px;background:#171d1a;color:inherit;font:13px Plus Jakarta Sans,monospace}.fld-control textarea{font-family:Consolas,monospace;font-size:12px}.fld-color{display:flex;gap:6px;width:100%}.fld-color input[type=color]{width:38px;height:32px;padding:2px;border:1px solid #3a453f;border-radius:6px;background:#171d1a}.fld-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.fld-grid2 .fld-label{width:70px}.fld-error{color:#ff9c8a;font-size:12px;margin:2px 0 6px}.theme-list{list-style:none;display:flex;flex-direction:column;gap:6px}.theme-list button{width:100%;text-align:left}.asset-list{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:8px}.asset-list code{display:block;font-size:12px}.hint{font-size:12px;opacity:.6;word-break:break-all}.empty-state{flex:1;display:grid;place-content:center;gap:8px;text-align:center}.cmdlog-root{display:none}