.crosshair-creator{width:100%;max-width:1920px;margin:0 auto;padding:0}.crosshair-creator__header{margin-bottom:16px}.crosshair-creator__subtitle{color:var(--font-color-weak);font-size:var(--type-body-size);margin:0}.crosshair-creator__editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:12px;gap:12px;height:calc(100vh - 240px);min-height:560px}.crosshair-creator__rail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--stroke-weak)}.crosshair-creator__rail-title{width:100%;margin:0;color:var(--text-strong);font-size:var(--type-body-size);font-weight:500}.crosshair-creator__rail-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.crosshair-creator__rail-item{position:relative;display:grid;flex-shrink:0;place-items:center;width:44px;aspect-ratio:1;padding:0;background:var(--surface-nested);border:1px solid rgba(0,0,0,0);border-radius:8px;color:var(--font-color-weak);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-micro),border-color var(--dur-hover) var(--ease-micro)}.crosshair-creator__rail-item:hover{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}.crosshair-creator__rail-item:active{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.12);transform:scale(var(--press-scale))}.crosshair-creator__rail-item:focus-visible{outline:2px solid var(--stroke-brand);outline-offset:2px}.crosshair-creator__rail-item.is-selected{background:var(--brand-1000)}.crosshair-creator__rail-item.is-muted{opacity:.4}.crosshair-creator__rail-index{position:absolute;right:3px;bottom:1px;color:var(--text-strong);font-size:var(--type-small-size);font-weight:600;line-height:1}.crosshair-creator__rail-overlay{margin-left:8px;padding-left:8px;border-left:1px solid var(--stroke-weak)}.crosshair-creator__rail-add{display:flex;gap:8px;margin-left:auto}.crosshair-creator__rail-add .neo-button.icon-only.small{width:44px;height:44px}.crosshair-creator__add-menu{display:flex;flex-direction:column;gap:4px}.crosshair-creator__add-option{display:flex;align-items:center;gap:12px;padding:8px;background:none;border:0;border-radius:8px;color:var(--text-strong);font:inherit;font-size:var(--type-body-size);text-align:left;cursor:pointer;transition:box-shadow var(--dur-hover) var(--ease-micro)}.crosshair-creator__add-option:hover{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}.crosshair-creator__add-option:active{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.12)}.crosshair-creator__add-option .crosshair-creator__style-preview{flex-shrink:0;padding:6px;background:var(--surface-nested);border-radius:4px;box-sizing:content-box}.crosshair-creator__stage{position:relative;overflow:hidden;border:1px solid var(--stroke-weak);border-radius:16px;cursor:none;background-color:var(--surface);background-size:cover;background-position:50%}.crosshair-creator__stage--dark{background-image:url(/_next/static/media/dark_preview.cb0c7895.avif)}.crosshair-creator__stage--light{background-image:url(/_next/static/media/light_preview.91043b9a.avif)}.crosshair-creator__stage--marble{background-image:url(/_next/static/media/marble_preview.3f2a7181.avif)}.crosshair-creator__stage canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--crosshair-dx,0),var(--crosshair-dy,0));pointer-events:none;image-rendering:pixelated}.crosshair-creator__stage-bar,.crosshair-creator__stage-foot{position:absolute;z-index:1;cursor:auto}.crosshair-creator__stage-bar{top:16px;left:16px;display:flex}.crosshair-creator__stage-foot{right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;gap:8px}.crosshair-creator__stage-actions{display:flex;flex-wrap:wrap-reverse;gap:8px;align-items:center;justify-content:flex-end;margin-left:auto;width:-moz-fit-content;width:fit-content;padding:8px;background:rgba(0,0,0,.45);border-radius:calc(8px + 8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crosshair-creator__inspector{grid-column:2;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--stroke-weak);border-radius:16px}.crosshair-creator__inspector-head{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--stroke-weak)}.crosshair-creator__inspector-glyph{display:grid;flex-shrink:0;place-items:center;width:28px;height:28px;color:var(--font-color-weak)}.crosshair-creator__inspector-name{flex:1 1;min-width:0}.crosshair-creator__inspector-title{margin:0;overflow:hidden;color:var(--text-strong);font-size:var(--type-body-size);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.crosshair-creator__inspector-sub{margin:2px 0 0;color:var(--font-color-weak);font-size:var(--type-small-size)}.crosshair-creator__inspector-tools{display:flex;flex-shrink:0;align-items:center;gap:4px}.crosshair-creator__inspector-body{flex:1 1;min-height:0;padding:12px;overflow-y:auto}.crosshair-creator__group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.crosshair-creator__group:last-child{margin-bottom:0}.crosshair-creator__group-title{margin:0 0 12px;color:var(--font-color-weak);font-size:var(--type-small-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.crosshair-creator__style-grid{display:grid;grid-template-columns:repeat(auto-fill,44px);grid-gap:8px;gap:8px;max-width:408px;margin-bottom:12px}.crosshair-creator__style-tile{display:grid;place-items:center;aspect-ratio:1;padding:0;background:var(--surface-nested);border:1px solid rgba(0,0,0,0);border-radius:8px;color:var(--font-color-weak);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-micro),border-color var(--dur-hover) var(--ease-micro)}.crosshair-creator__style-tile:hover{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}.crosshair-creator__style-tile:active{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.12);transform:scale(var(--press-scale))}.crosshair-creator__style-tile.is-selected{background:var(--brand-1000)}.crosshair-creator__style-preview{display:block;flex-shrink:0}.crosshair-creator__library{display:flex;flex-direction:column;gap:16px}.crosshair-creator__library-import{display:flex;flex-direction:column;gap:8px}.crosshair-creator__library-title{margin:0 0 8px;color:var(--font-color-weak);font-size:var(--type-small-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.crosshair-creator__library-saved{border-top:1px solid var(--stroke-weak);padding-top:16px}.crosshair-creator__bookmarks{display:flex;flex-direction:column;gap:4px;max-height:240px;margin:0;padding:0;overflow-y:auto;list-style:none}.crosshair-creator__bookmark{display:flex;align-items:center;gap:8px;border-radius:8px}.crosshair-creator__bookmark:hover{background:var(--fill-hover)}.crosshair-creator__bookmark-preview{flex-shrink:0;width:32px;height:32px;background:var(--surface-nested);border-radius:4px;object-fit:contain}.crosshair-creator__bookmark-apply{flex:1 1;overflow:hidden;padding:8px 0;background:none;border:0;color:var(--text-strong);font:inherit;font-size:var(--type-body-size);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.crosshair-creator__empty{margin:0;padding:16px 0;text-align:center}.crosshair-creator__control label,.crosshair-creator__empty{color:var(--font-color-weak);font-size:var(--type-body-size)}.crosshair-creator__control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:400}.crosshair-creator__control--color{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.crosshair-creator__control--color label{margin-bottom:0;flex:0 1 auto;cursor:pointer;transition:color var(--dur-hover) var(--ease-micro)}.crosshair-creator__control--color label:hover{color:var(--text-strong)}.crosshair-creator__feedback.neo-callout{position:relative;isolation:isolate;margin:0;box-shadow:var(--shadow-raised)}.crosshair-creator__feedback.neo-callout:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--background-raised);border-radius:inherit}.crosshair-creator__feedback-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.crosshair-creator__feedback-action{background:none;border:0;padding:0 4px;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.crosshair-creator__feedback-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:inherit;cursor:pointer}.crosshair-creator__feedback-dismiss .neo-icon{--neo-icon-box:14px}.crosshair-creator__share-fallback{width:100%}.crosshair-creator__color-field{display:flex;align-items:center;gap:8px}.crosshair-creator__color-swatch{flex-shrink:0;width:40px;height:32px;padding:0;background:rgba(0,0,0,0);border:1px solid var(--stroke-weak);border-radius:8px;cursor:pointer;transition:border-color var(--dur-hover) var(--ease-micro)}.crosshair-creator__color-swatch:hover{border-color:var(--brand-1000)}.crosshair-creator__color-swatch::-webkit-color-swatch-wrapper{padding:2px}.crosshair-creator__color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.crosshair-creator__color-swatch::-moz-color-swatch{border:none;border-radius:4px}.crosshair-creator__color-hex{width:96px;border-radius:8px}.crosshair-creator__color-hex input{font-family:var(--font-mono);text-transform:lowercase}.crosshair-creator__image-field{display:flex;align-items:center;gap:8px;min-width:0}.crosshair-creator__image-field:has(.crosshair-creator__image-input:focus-visible) .neo-button{outline:2px solid var(--stroke-brand);outline-offset:2px}.crosshair-creator__image-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.crosshair-creator__image-name{overflow:hidden;color:var(--font-color-weak);font-size:var(--type-small-size);text-overflow:ellipsis;white-space:nowrap}@media(max-width:1199px){.crosshair-creator__editor{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,46vh) auto;height:auto;min-height:0}.crosshair-creator__inspector{grid-column:auto}.crosshair-creator__inspector-body{overflow-y:visible}.crosshair-creator__group{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:0 24px;gap:0 24px;align-items:start}.crosshair-creator__group-title,.crosshair-creator__style-host{grid-column:1/-1}}@media(max-width:899px){.crosshair-creator__editor{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:0;background:var(--surface);border:1px solid var(--stroke-weak);border-radius:16px}.crosshair-creator__stage{position:-webkit-sticky;position:sticky;top:var(--header-height);z-index:2;order:-1;aspect-ratio:16/10;border:0;border-bottom:1px solid var(--stroke-weak);border-radius:16px 16px 0 0}.crosshair-creator__stage-bar{top:8px;left:8px}.crosshair-creator__stage-foot{right:8px;bottom:8px;left:8px}.crosshair-creator__rail-title{display:none}}@media(max-width:899px)and (max-width:599px){.crosshair-creator__stage{aspect-ratio:1}.crosshair-creator__stage-actions>:first-child{flex:1 0 100%}}@media(max-width:899px){.crosshair-creator__inspector{background:none;border:0;border-radius:0 0 16px 16px}}.crosshair-creator__modal-content{background:var(--background-raised);border:1px solid var(--stroke-weak);border-radius:16px;width:90vw;max-width:500px;max-height:90vh;overflow:hidden}.crosshair-creator__modal-header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--stroke-weak)}.crosshair-creator__modal-header h3{font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);color:var(--text-brand);margin:0}.crosshair-creator__modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px}.crosshair-creator__modal-body canvas{width:min(320px,70vh,100%);height:auto;aspect-ratio:1;border:2px solid var(--stroke-weak);border-radius:8px;cursor:crosshair;background:var(--surface);image-rendering:pixelated;touch-action:none}.crosshair-creator__pixel-tools{display:flex;gap:12px;width:100%}