.app-layout{--cap: 1320px;--gutter-x: clamp(16px,4vw,32px)}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{margin:0}.app-layout{min-height:100%;display:flex;flex-direction:column;overflow-x:hidden;background:var(--app-bg, #fff)}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:50%;border-left:1px dashed #ff7a00;pointer-events:none;z-index:9999}@media (max-width: 600px){.app-layout{overflow-x:hidden}}:root{--bar-h: 40px;--center-gap: 64px;--edge-pad: 12px;--right-gap: 14px}.board-scroller{--center-gap: 80px;position:sticky;top:0;width:100%;padding-top:max(env(safe-area-inset-top,0px),10px);background:#000;color:#fff;border-bottom:1px solid #111;z-index:var(--board-scroller-z-index);overflow-x:clip}.board-scroller__inner{position:relative;max-width:var(--cap, 1320px);margin-inline:auto;min-height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.scroller-center{position:absolute;left:50%;transform:translate(-50%);color:#fff;z-index:20000;display:flex;align-items:center;gap:8px}.scroller-center .icon-button{display:grid;place-items:center;padding:0;background:transparent;line-height:0;border:0;outline:0}.scroller-center .icon-button:focus-visible{outline:0}.scroller-center .palette-icon{width:28px;height:28px;display:block}.board-scroller .palette-icon,.board-scroller .palette-icon *{fill:none;stroke:currentColor}.scroller-right{position:absolute;top:0;bottom:0;right:max(var(--edge-pad),env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:flex-end;gap:10px;z-index:20000;pointer-events:none;width:auto;max-width:calc(50% - var(--center-gap) - max(var(--edge-pad),env(safe-area-inset-right,0px)))}.scroller-right>*{pointer-events:auto}.scroller-right .board-tab{flex:0 0 auto}.scroller-left{position:absolute;top:0;bottom:0;left:env(safe-area-inset-left,0px);right:calc(50% + var(--center-gap));display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-left:max(var(--edge-pad),env(safe-area-inset-left,0px));pointer-events:auto;z-index:20000}.scroller-left>*{pointer-events:auto}.scroller-left .board-tab{background:transparent;border:0;padding:0;color:#fff;font-weight:600;display:inline-flex;gap:6px;align-items:center}.public-back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.32);border-radius:9px;background:transparent;color:#fff;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}.public-back-button:hover,.public-back-button:focus-visible{border-color:#ffffff94;color:#fff}.scroller-right .board-tab{background:transparent;border:0;padding:0}.scroller-right .logo-text{color:#ff7a00;font-weight:800;letter-spacing:.2px}.logo-btn{padding:0 3px}.palette-toggle-btn{width:24px;height:24px;border-radius:4px;border:0;background:transparent;color:#fff;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.palette-toggle-btn:focus-visible{outline:0}.sticky-palette-wrapper{z-index:10000;position:sticky;top:calc(var(--bar-h, 40px) + max(env(safe-area-inset-top,0px),10px));transform:translateZ(0);will-change:opacity;contain:paint;background:var(--palette-bg, #f3f3f3);transition:opacity .12s ease-out;box-shadow:0 1px #00000014}.sticky-palette-wrapper.is-hidden{opacity:0;pointer-events:none}.sticky-palette-wrapper.is-visible{opacity:1;pointer-events:auto}.sticky-palette__inner{width:100%;max-width:none;margin-inline:0;padding-left:0;padding-right:0;box-sizing:border-box;background:transparent}.board-scroller button:hover,.board-scroller button:active,.board-scroller button:focus{background:transparent;color:inherit;box-shadow:none;border-color:transparent}.mini-brand-wrap{color:#fff;line-height:0;display:inline-flex}.mini-brand-wrap svg{fill:currentColor;stroke:currentColor}.mini-brand-wrap.has-active{color:var(--brand-color)}@media (max-width: 420px){:root{--center-gap: 56px}.scroller-right{gap:8px;max-width:calc(50% - var(--center-gap) - 8px)}.mini-brand-wrap{width:26px;height:26px}.mini-brand-wrap>.icon-button,.mini-brand-wrap button{width:26px;height:26px;padding:0;line-height:0}}@media (max-width: 360px){:root{--center-gap: 72px}.mini-brand-wrap,.mini-brand-wrap>.icon-button,.mini-brand-wrap button{width:24px;height:24px}.logo-text{font-size:15px}}.scroller-right .mini-brand-wrap button,.scroller-right .mini-brand-wrap .icon-button{width:22px;height:22px;padding:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.scroller-right .mini-brand-wrap svg{width:16px;height:16px;display:block;pointer-events:none}.scroller-right .mini-brand-wrap button{width:22px;height:22px;padding:0;margin:0;position:relative;overflow:hidden;background:transparent;border:0}.scroller-right .mini-brand-wrap svg{width:16px;height:16px;display:block;transform:none!important}.mini-brand-wrap:focus{outline:none}.mini-brand-wrap:focus-visible{outline:2px solid #aaa;outline-offset:2px}.mini-brand-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent}.mini-brand-wrap svg{pointer-events:none}.logo-img{display:block;flex:0 0 auto;width:5rem;max-width:none;height:auto;padding:0 6px}@media (max-width: 420px){.logo-img{width:5.5rem;padding:0 6px}}.palette-bar{position:sticky;bottom:0;height:var(--sticky-palette-bar-height);display:flex;justify-content:space-between;align-items:center;background-color:#eee;padding:4px 1.5rem 0 4px;z-index:100;border-bottom:1px solid #efefef;transition:height .2s ease,padding .2s ease,background .2s ease}.palette-bar-side{width:50px;flex-shrink:0}.palette-bar-swatches{display:flex;flex-wrap:nowrap;gap:8px;align-items:flex-end;justify-content:center;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0;margin:0}.palette-bar-tile{position:relative;display:inline-block;margin:0}.palette-bar-swatch{width:60px;height:60px;border-radius:8px;border:2px solid #888}.palette-remove-button{position:absolute;top:-6px;right:-6px;z-index:2;width:20px;height:20px;border-radius:50%;border:none;background:#888;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.palette-bar-tile.active-swatch{border-bottom:3px solid #444}.palette-bar-label{display:none}.remove-button:hover{background:#c00}.clear-palette-button{background:transparent;color:var(--button-color);border:1px solid var(--button-color);border-radius:4px;font-size:.75rem;padding:2px 6px;cursor:pointer;transition:background .2s ease-in-out}.clear-palette-button:hover{background:var(--button-hover);color:#fff}.palette-bar-label-area{text-align:left;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:2px}.palette-bar-title{font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;margin-bottom:2px;color:var(--text-muted);border:1px solid black}.my-palette{font-size:2rem;font-weight:700;color:#ccc;white-space:nowrap}.palette-icon{color:#fff;cursor:pointer;transition:color .2s ease;width:24px;height:24px}.palette-fill{fill:transparent;transition:fill .2s ease}.palette-outline{fill:none}.palette-dot{stroke:currentColor;transition:stroke .2s ease}.palette-icon:hover .palette-fill{fill:#fff}.palette-icon:hover .palette-dot{stroke:#000}.bf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:999999;display:flex;align-items:center;justify-content:center}.bf-modal{background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;width:min(560px,92vw);max-height:min(80dvh,80vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e6e6e6}@media (max-width: 900px){.bf-backdrop{align-items:flex-end}.bf-modal{width:100vw;max-height:min(90dvh,90vh);border-radius:16px 16px 0 0}}.bf-header{padding:10px 14px;border-bottom:1px solid #eee}.bf-title{margin:0;font-size:16px;font-weight:700}.bf-body{flex:1 1 auto;overflow:auto;padding:8px 10px 12px;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.bf-list{list-style:none;margin:0;padding:0}.bf-item{margin:6px 0}.bf-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e6e6e6;border-radius:10px;background:#fafafa}.bf-row.is-checked{border-color:#bcd4ff;background:#eef5ff}.bf-checkbox{width:16px;height:16px}.bf-brand{font-size:14px}.bf-footer{position:sticky;bottom:0;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;background:#fff;border-top:1px solid #eee;box-shadow:0 -6px 12px #0000000f;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.admin-menu{position:relative;display:inline-flex;z-index:30000;overflow:visible}.admin-menu__trigger{height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#00000040;color:#fff;cursor:pointer;font-size:13px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.admin-menu__panel{position:absolute;top:calc(100% + 8px);left:0;background:#fff;color:#111;border-radius:12px;padding:8px 0;box-shadow:0 12px 30px #0000002e;min-width:200px;z-index:30001;overflow:visible}.admin-menu__group{position:relative;padding:6px 14px;cursor:default;border-radius:10px}.admin-menu__group:hover{background:#0000000d}.admin-menu__group.is-active{background:#182133;color:#fff}.admin-menu__group.is-active .admin-menu__chev{opacity:.9}.admin-menu__group-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px}.admin-menu__chev{opacity:.6}.admin-menu__submenu{position:absolute;top:-8px;left:calc(100% - 2px);margin-left:0;background:#fff;border-radius:12px;padding:8px 0;box-shadow:0 12px 30px #0000002e;min-width:220px;max-height:min(70vh,640px);overflow-y:auto;z-index:30002}@media (max-width: 768px){.admin-menu__panel{position:fixed;top:calc(max(env(safe-area-inset-top,0px),10px) + 44px);left:8px;right:auto;width:min(44vw,220px);min-width:160px;max-width:calc(50vw - 12px);overflow:visible}.admin-menu__group{position:static}.admin-menu__submenu{position:fixed;top:calc(max(env(safe-area-inset-top,0px),10px) + 44px);left:calc(14px + min(44vw,220px));width:min(44vw,220px);min-width:160px;max-width:calc(50vw - 18px);max-height:calc(100vh - max(env(safe-area-inset-top,0px),10px) - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 12px 30px #0000002e}}.admin-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px;color:#111;text-decoration:none;font-size:13px}.admin-menu__badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;font-weight:800;line-height:1}.admin-menu__item.is-active{background:#eef4ff;color:#182133;font-weight:700}.admin-menu__item.admin-menu__back{width:100%;text-align:left;background:transparent;border:none;cursor:pointer}.admin-menu__item:hover{background:#0000000f}.message-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#333;color:#fff;padding:1rem 1.5rem;border-radius:6px;z-index:1000;opacity:.95;animation:fadeout .5s ease-in 2.5s forwards;text-align:center}@keyframes fadeout{to{opacity:0;transform:translateY(-10px)}}.main-layout{max-width:var(--cap, 1320px);margin-inline:auto;padding-left:max(var(--gutter-x, clamp(16px,4vw,32px)),env(safe-area-inset-left));padding-right:max(var(--gutter-x, clamp(16px,4vw,32px)),env(safe-area-inset-right));padding-block:24px;min-height:0}@media (max-width: 768px){.main-layout{padding-top:8px;padding-bottom:24px}}.main-layout{--cap: var(--cap, 1320px);--gutter-x: var(--gutter-x, clamp(16px,4vw,32px))}.main-layout .full-bleed{position:relative;left:calc(-1 * var(--pad-left));width:calc(100vw - var(--pad-left) - var(--pad-right));max-width:none!important;margin-left:0!important;margin-right:0;padding-left:0!important;padding-right:0!important}html,body{overflow-x:hidden}