.section--xhair{padding-top:32px}.xhair{position:relative;border-radius:12px;background:var(--bg-a1);padding:8px;user-select:none;-webkit-user-select:none}.xhair__app{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:8px}@media (max-width:860px){.xhair__app{grid-template-columns:1fr}}.xe-frame{position:relative;aspect-ratio:1;border-radius:8px;background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.xe-frame canvas{display:block;touch-action:none;cursor:crosshair}.xe-panel{display:flex;flex-direction:column;gap:14px;padding:14px 12px 8px;min-width:0}.xe-head{display:flex;align-items:center;justify-content:space-between}.xe-title{font-size:16px;font-weight:500;color:var(--fg-4)}.xe-acts{display:flex;gap:6px}.xe-lab{font-size:14px;font-weight:500;color:var(--fg-2);line-height:20px;margin-bottom:8px}.xe-grow{flex:1}.xe-pal{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.xe-dot{width:26px;height:26px;border-radius:50%;border:1px solid var(--c-line);cursor:pointer;padding:0;position:relative;flex:none;transition:transform .15s ease}.xe-dot:hover{transform:scale(1.08)}.xe-dot.on{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--purple-4)}.xe-dot--custom{background:conic-gradient(var(--red-4),var(--amber-4),var(--green-4),var(--blue-4),var(--purple-4),var(--pink-4),var(--red-4))}.xe-dot--custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.xe-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.xe-ibtn,.xe-tbtn{border-radius:9999px;border:0;cursor:pointer}.xe-tbtn{height:32px;padding:0 10px;background:var(--bg-a1);color:var(--fg-3);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s,color .15s,scale .08s}.xe-tbtn:hover{background:var(--bg-a2);color:var(--fg-4)}.xe-tbtn:active{scale:99%}.xe-tbtn.on{color:var(--background);box-shadow:var(--shadow-1)}html[data-theme=dark] .xe-tbtn{background:var(--bg-a2)}html[data-theme=dark] .xe-tbtn:hover{background:var(--bg-a3)}.xe-tbtn.on,html[data-theme=dark] .xe-tbtn.on{background:var(--fg-4)}.xe-ibtn{width:30px;height:30px;background:var(--background);color:var(--fg-4);box-shadow:var(--btn-surface-shadow);display:grid;place-items:center;flex:none;padding:0;transition:box-shadow .15s,scale .08s}.xe-ibtn:hover{box-shadow:var(--btn-surface-shadow-hover)}.xe-ibtn:active{scale:99%}html[data-theme=dark] .xe-ibtn{background:var(--bg-3)}.xe-presets{display:flex;gap:10px;flex-wrap:wrap}.xe-pre{display:flex;flex-direction:column;align-items:center;gap:6px;background:0 0;border:0;padding:0;cursor:pointer}.xe-pre .th{width:46px;height:46px;border-radius:12px;background:var(--inverse-bg);border:1px solid var(--bg-4);display:grid;place-items:center;overflow:hidden;transition:border-color .15s ease}.xe-pre .th canvas{image-rendering:pixelated}.xe-pre span{font-size:12px;color:var(--fg-2)}.xe-pre:hover .th{border-color:var(--fg-1)}.xe-pre:hover span{color:var(--fg-3)}.xe-scene{position:relative;border-radius:8px;overflow:hidden;height:118px;background:var(--purple-1)}.xe-scene .bg{position:absolute;inset:0;width:100%;height:100%}.xe-scene .ch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none}.xe-scene-tag{position:absolute;left:10px;top:7px;font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}.xe-save{width:100%}.xe-note{font-size:12px;color:var(--fg-2);text-align:center;min-height:17px}.xe-note.is-error{color:var(--red-4)}.xe-note.is-ok{color:var(--green-4)}.xe-save.is-busy{pointer-events:none;opacity:.72}