.fs-sprite-page .fs-public-content{width:min(1600px,100% - 48px);max-width:none;padding-block:16px 56px}.fs-sprite-workbench{--background:var(--forge-bg);--foreground:var(--forge-text);--card:var(--forge-surface);--card-foreground:var(--forge-text);--primary:var(--forge-primary);--primary-foreground:var(--forge-on-primary);--secondary:var(--forge-raised);--secondary-foreground:var(--forge-text);--muted:var(--forge-raised);--muted-foreground:var(--forge-muted);--accent:var(--forge-raised);--accent-foreground:var(--forge-text);--border:var(--forge-line);--input:var(--forge-line);--ring:var(--forge-primary);--destructive:var(--forge-danger);height:clamp(660px,100dvh - 116px,980px);min-height:660px;color:var(--forge-text);grid-template:"controls heading""controls preview"minmax(0,1fr)/360px minmax(0,1fr);gap:20px 32px;font-size:14px;line-height:1.5;display:grid}.fs-sprite-workbench *,.fs-sprite-popup *,.fs-sprite-help *{box-sizing:border-box}.fs-sprite-workbench button,.fs-sprite-workbench input,.fs-sprite-workbench select{font:inherit}.fs-sprite-workbench :where(button,a,input,[tabindex]):focus-visible,.fs-sprite-help :where(a,button):focus-visible{outline:2px solid var(--forge-primary);outline-offset:3px}.fs-sprite-workbench button{cursor:pointer}.fs-sprite-workbench button:disabled{cursor:not-allowed}.fs-sprite-workbench [data-slot=button]{border-radius:8px;min-height:36px}.fs-sprite-workbench [data-slot=button][data-size^=icon]{flex:none}.fs-sprite-heading{text-align:center;grid-area:heading;align-self:center;padding:28px 20px 8px}.fs-sprite-page .fs-sprite-heading h1{letter-spacing:-.025em;margin:0;font-size:36px;font-weight:700;line-height:48px}.fs-sprite-page .fs-sprite-heading p{color:var(--forge-muted);max-width:660px;margin:12px auto 0;font-size:15px;line-height:24px}.fs-sprite-panel{background:var(--forge-surface);border:1px solid color-mix(in srgb, var(--forge-line) 65%, transparent);border-radius:16px;flex-direction:column;grid-area:controls;min-width:0;min-height:0;display:flex;overflow:hidden}.fs-sprite-panel-title{align-items:center;gap:10px;padding:20px 20px 12px;display:flex}.fs-sprite-panel-title a{border-radius:6px;flex-shrink:0;margin-left:-6px;padding:6px}.fs-sprite-panel-title a:hover{background:var(--forge-raised)}.fs-sprite-page .fs-sprite-panel-title h2{margin:0;font-size:18px;font-weight:600;line-height:26px}.fs-sprite-fields{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--forge-line) transparent;flex-direction:column;gap:18px;min-height:0;padding:4px 20px 20px;display:flex;overflow-y:auto}.fs-sprite-fields>*{flex-shrink:0;min-width:0}.fs-sprite-upload{flex-direction:column;gap:12px;display:flex}.fs-sprite-drop{border:1px dashed var(--forge-line);background:color-mix(in srgb, var(--forge-raised) 50%, transparent);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;display:flex}.fs-sprite-drop[data-dragging]{border-color:var(--forge-primary);background:var(--forge-raised)}.fs-sprite-drop>svg{width:24px;height:24px;color:var(--forge-muted)}.fs-sprite-drop>p{margin:0}.fs-sprite-upload-button{white-space:normal;max-width:100%}.fs-sprite-workbench .fs-sprite-note{color:var(--forge-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.fs-sprite-upload-actions,.fs-sprite-reset-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fs-sprite-upload-actions button{flex:1;padding-inline:8px}.fs-sprite-metadata-upload{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.fs-sprite-metadata-upload button{white-space:normal;text-align:left;padding-inline:0}.fs-sprite-section-label{justify-content:space-between;gap:8px;font-size:13px;font-weight:500;display:flex}.fs-sprite-section-label>:last-child{color:var(--forge-muted)}.fs-sprite-input-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fs-sprite-input-list li{border:1px solid #0000;border-radius:6px;align-items:center;gap:2px;min-width:0;padding:2px;display:flex}.fs-sprite-input-list li[data-active]{background:var(--forge-raised);border-color:var(--forge-line)}.fs-sprite-input-number{color:var(--forge-muted);text-align:center;flex:0 0 20px;font-size:12px}.fs-sprite-workbench .fs-sprite-filename{flex:1;justify-content:flex-start;min-width:0;padding-inline:4px}.fs-sprite-filename span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fs-sprite-input-list [data-slot=button]:not(.fs-sprite-filename){width:30px;min-height:32px;padding:4px}.fs-sprite-source-summary{background:var(--forge-raised);border-radius:8px;padding:10px 12px}.fs-sprite-source-summary dl{flex-direction:column;gap:4px;display:flex}.fs-sprite-source-summary dl>div{justify-content:space-between;gap:12px;display:flex}.fs-sprite-source-summary dt{color:var(--forge-muted)}.fs-sprite-source-summary dd{font-variant-numeric:tabular-nums;text-align:right}.fs-sprite-source-summary .fs-sprite-note{margin-top:6px}.fs-sprite-workbench [data-slot=field-group]{gap:12px}.fs-sprite-field{gap:6px;min-width:0}.fs-sprite-workbench [data-slot=field-label]{color:var(--forge-muted);font-size:13px;font-weight:400;line-height:18px}.fs-sprite-workbench [data-slot=input],.fs-sprite-workbench .fs-sprite-select{background:var(--forge-raised);width:100%;min-width:0;height:36px;box-shadow:none;color:var(--forge-text);border-radius:8px;padding-inline:10px}.fs-sprite-select>[data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fs-sprite-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fs-sprite-check{align-items:flex-start;gap:10px;min-width:0}.fs-sprite-check>[data-slot=checkbox]{flex-shrink:0;margin-top:2px}.fs-sprite-workbench .fs-sprite-check [data-slot=field-label]{color:var(--forge-text)}.fs-sprite-settings{flex-direction:column;gap:12px;display:flex}.fs-sprite-workbench [data-slot=accordion]{flex-direction:column;gap:6px;display:flex}.fs-sprite-workbench [data-slot=accordion-item]{border:0}.fs-sprite-workbench [data-slot=accordion-trigger]{background:var(--forge-raised);border:1px solid #0000;border-radius:8px;min-height:40px;padding:8px 12px;font-size:14px;text-decoration:none}.fs-sprite-workbench [data-slot=accordion-trigger]:hover{border-color:var(--forge-line)}.fs-sprite-workbench [data-slot=accordion-content]{padding:0;font-size:14px}.fs-sprite-workbench [data-slot=accordion-content]>div{padding:12px 0 6px}.fs-sprite-frame-details{border-top:1px solid var(--forge-line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.fs-sprite-frame-details h3{margin:0;font-size:14px;font-weight:500}.fs-sprite-action-footer{background:var(--forge-surface);border-top:1px solid var(--forge-line);flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:12px 20px 16px;display:flex;position:sticky;bottom:0}.fs-sprite-unavailable{color:var(--forge-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:17px;display:flex}.fs-sprite-unavailable>svg{flex-shrink:0;margin-top:1px}.fs-sprite-unavailable p{margin:0}.fs-sprite-unavailable strong{color:var(--forge-text);margin-bottom:3px;font-weight:500;display:block}.fs-sprite-workbench .fs-sprite-error{color:var(--forge-danger);margin:0;font-size:12px;line-height:18px}.fs-sprite-status{color:var(--forge-muted);font-size:12px;line-height:18px}.fs-sprite-workbench progress{width:100%;height:5px;accent-color:var(--forge-primary)}.fs-sprite-workbench .fs-sprite-primary{white-space:normal;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .15s,opacity .15s}.fs-sprite-privacy{text-align:center;color:var(--forge-muted);margin:0;font-size:11px;line-height:16px}.fs-sprite-preview{flex-direction:column;grid-area:preview;gap:12px;min-width:0;min-height:0;display:flex}.fs-sprite-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fs-sprite-preview-toolbar [data-slot=toggle-group-item]{min-height:36px;padding-inline:12px}.fs-sprite-display-controls{align-items:center;gap:8px;display:flex}.fs-sprite-display-controls .fs-sprite-field{flex-direction:row;align-items:center;gap:6px}.fs-sprite-display-controls .fs-sprite-select{width:92px}.fs-sprite-checker{background-color:var(--forge-bg);background-image:conic-gradient(var(--forge-raised) 25%, transparent 0 50%, var(--forge-raised) 0 75%, transparent 0);background-size:20px 20px}.fs-sprite-stage{border:1px solid var(--forge-line);border-radius:12px;flex:auto;min-width:0;min-height:180px;padding:16px;display:flex;overflow:auto}.fs-sprite-pixels{flex:none;margin:auto;position:relative}.fs-sprite-pixels img{width:100%;max-width:none;height:100%;image-rendering:pixelated;display:block}.fs-sprite-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fs-sprite-overlay rect{fill:none;stroke:var(--forge-primary);stroke-width:1px}.fs-sprite-overlay rect[data-selected]{fill:color-mix(in srgb, var(--forge-primary) 14%, transparent);stroke:var(--forge-text);stroke-width:2px}.fs-sprite-empty{text-align:center;width:min(340px,100%);color:var(--forge-muted);margin:auto;padding:24px 12px}.fs-sprite-empty svg{margin:0 auto 18px;display:block}.fs-sprite-page .fs-sprite-empty h2{color:var(--forge-text);margin:0 0 8px;font-size:18px;font-weight:500;line-height:26px}.fs-sprite-empty p{margin:0;font-size:13px;line-height:21px}.fs-sprite-player{align-items:center;gap:8px;min-width:0;display:flex}.fs-sprite-player>button{flex-shrink:0}.fs-sprite-player input{min-width:24px;accent-color:var(--forge-primary);flex:1}.fs-sprite-frame-counter{text-align:right;min-width:48px;color:var(--forge-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.fs-sprite-timeline{scrollbar-width:thin;scrollbar-color:var(--forge-line) transparent;flex:none;gap:8px;min-width:0;margin:0;padding:4px 3px 10px;list-style:none;display:flex;overflow-x:auto}.fs-sprite-timeline li{flex:0 0 76px}.fs-sprite-timeline li[data-excluded]{opacity:.5}.fs-sprite-frame{border:1px solid var(--forge-line);background:var(--forge-surface);width:100%;color:var(--forge-text);border-radius:8px;flex-direction:column;gap:5px;padding:5px;display:flex}.fs-sprite-frame[aria-pressed=true]{border-color:var(--forge-primary);box-shadow:0 0 0 1px var(--forge-primary)}.fs-sprite-frame>:first-child{border-radius:4px;width:64px;height:64px;display:flex}.fs-sprite-frame img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.fs-sprite-frame>:last-child{justify-content:space-between;align-items:center;width:100%;font-size:12px;display:flex}.fs-sprite-frame small{color:var(--forge-muted);font-size:10px}.fs-sprite-timeline-empty{border-top:1px solid var(--forge-line);min-height:84px;color:var(--forge-muted);place-items:center;font-size:12px;display:grid}.fs-sprite-crop-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.fs-sprite-crop-row .fs-sprite-check{width:auto}.fs-sprite-crop{align-items:center;gap:8px;display:flex}.fs-sprite-crop>div{border:1px solid var(--forge-line);border-radius:6px;width:48px;height:48px;display:flex}.fs-sprite-crop img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.fs-sprite-crop figcaption{color:var(--forge-muted);font-size:11px;line-height:16px}.fs-sprite-crop figcaption span{display:block}.fs-sprite-downloads{flex-wrap:wrap;gap:8px;display:flex}.fs-sprite-downloads a{border:1px solid var(--forge-line);background:var(--forge-surface);border-radius:8px;flex:150px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;display:inline-flex}.fs-sprite-downloads a:hover{border-color:var(--forge-primary)}.fs-sprite-downloads a small{color:var(--forge-muted);white-space:nowrap;font-size:11px}.fs-sprite-popup{--background:#111918;--foreground:#f5fbf8;--popover:#111918;--popover-foreground:#f5fbf8;--accent:#1b2724;--accent-foreground:#f5fbf8;--muted-foreground:#a7b7b0;--border:#35443f;--ring:#a4f5cd;background:var(--popover);color:var(--popover-foreground);border-radius:8px;max-width:calc(100vw - 32px);font:14px/21px Inter Variable,Inter,sans-serif}.fs-sprite-popup [data-slot=select-item]{min-height:36px}.fs-sprite-help{flex-direction:column;gap:32px;max-width:1120px;margin:56px auto 0;display:flex}.fs-sprite-page .fs-sprite-help h2{margin:0 0 16px;font-size:22px;font-weight:600;line-height:30px}.fs-sprite-steps{counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.fs-sprite-steps li{counter-increment:steps;border-top:1px solid var(--forge-line);padding-top:16px}.fs-sprite-steps li h3{margin-bottom:8px;font-size:15px;font-weight:500;line-height:22px}.fs-sprite-steps li h3:before{content:counter(steps) ". ";color:var(--forge-muted)}.fs-sprite-steps p,.fs-sprite-faq p{color:var(--forge-muted);margin:0;font-size:14px;line-height:23px}.fs-sprite-help [data-slot=accordion-trigger]{font-size:15px;line-height:23px}.fs-sprite-related{flex-wrap:wrap;gap:12px 24px;display:flex}.fs-sprite-related a{color:var(--forge-primary);text-underline-offset:4px;font-size:14px;text-decoration:underline}.fs-sprite-spin{animation:1s linear infinite fs-sprite-spin}@keyframes fs-sprite-spin{to{transform:rotate(360deg)}}@media (width>=1280px){.fs-sprite-workbench{grid-template-columns:468px minmax(0,1fr)}}@media (width<=1023px){.fs-sprite-page .fs-public-content{width:calc(100% - 40px);padding-top:12px}.fs-sprite-workbench{grid-template:"heading""controls""preview"/minmax(0,1fr);gap:24px;height:auto;min-height:0}.fs-sprite-heading{padding:12px 0 0}.fs-sprite-panel{overflow:visible}.fs-sprite-fields{overscroll-behavior-y:auto;overflow:visible}.fs-sprite-action-footer{border-radius:0 0 16px 16px;position:static}.fs-sprite-stage{flex:none;height:360px}.fs-sprite-help{margin-top:36px}}@media (width<=599px){.fs-sprite-page .fs-public-content{width:calc(100% - 24px)}.fs-sprite-page .fs-sprite-heading h1{font-size:28px;line-height:36px}.fs-sprite-page .fs-sprite-heading p{font-size:14px;line-height:22px}.fs-sprite-workbench [data-slot=input],.fs-sprite-workbench .fs-sprite-select{height:44px}.fs-sprite-input-list [data-slot=button]:not(.fs-sprite-filename){width:32px;min-height:44px}.fs-sprite-preview-toolbar{row-gap:12px}.fs-sprite-display-controls{gap:4px}.fs-sprite-display-controls .fs-sprite-field>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fs-sprite-display-controls .fs-sprite-select{width:82px;height:36px}.fs-sprite-player{gap:4px}.fs-sprite-player>button{width:36px;height:44px}.fs-sprite-stage{height:300px}.fs-sprite-steps{grid-template-columns:minmax(0,1fr);gap:18px}.fs-sprite-help{gap:28px}}@media (prefers-reduced-motion:reduce){.fs-sprite-workbench *,.fs-sprite-popup *,.fs-sprite-help *{transition-duration:.001ms!important;animation-duration:.001ms!important}}.fs-sprite-workbench [data-slot=accordion-trigger]>span{align-items:center;gap:8px;display:flex}.fs-sprite-workbench [data-slot=accordion-content]{height:var(--accordion-panel-height);transition:height .3s ease-in-out;animation:none}.fs-sprite-workbench [data-slot=accordion-content][data-starting-style],.fs-sprite-workbench [data-slot=accordion-content][data-ending-style]{height:0}@media (prefers-reduced-motion:reduce){.fs-sprite-workbench [data-slot=accordion-content]{transition:none}}
