@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;-webkit-font-smoothing:antialiased;background:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}.appearance-section{flex-direction:column;align-items:flex-start;display:flex}.appearance-panel{width:100%}.appearance-toggle{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.appearance-toggle:hover{color:#000}.appearance-panel{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.theme-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;transition:background .2s;display:flex}.theme-item:hover{background:#0000000d}.theme-item.active{background:#00000014;font-weight:600}.theme-colors{gap:4px;display:flex}.color-box{border-radius:2px;width:14px;height:14px}.color-box .chess-board,.color-box .chess-board *{transition:none!important;animation:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}