.library-layout{--library-top-inset:24px;min-width:0}.library-header{min-height:48px;padding:var(--library-top-inset) 0 16px;background:var(--bg);z-index:4;align-items:center;gap:16px;display:flex;position:sticky;top:0}.library-title{font-size:var(--fs-heading);font-weight:var(--font-weight-emphasis);align-items:center;gap:8px;margin:0;display:flex}.library-title>span:first-child{display:flex}.library-title-icon{flex-shrink:0}.library-title-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-tabs{flex:1;min-width:0}.library-header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.library-header-actions>button,.library-header-actions .asset-creation-actions>button{height:36px;font-size:var(--fs-body);border-radius:6px;padding:8px 14px}.library-content{min-width:0;padding-top:4px;container:resource-library/inline-size}.library-section[hidden]{display:none}.library-section:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.library-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.library-filters>.segmented-control,.asset-discover-filters .segmented-control{flex-wrap:wrap;max-width:100%}.asset-discover-filters>[role=group]{min-width:0;max-width:100%}.library-empty{color:var(--text-secondary);margin:0;padding:6px 0 12px}.library-empty-state{min-height:144px;color:var(--text-secondary);text-align:center;align-content:center;justify-items:center;gap:12px;padding:24px 16px;display:grid}.library-empty-state-icon{background:var(--surface-active);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.library-empty-state p{font-size:var(--fs-title);font-weight:var(--font-weight-default);overflow-wrap:anywhere;margin:0}.library-discovery-preview{min-width:0;margin-top:24px}.library-discovery-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.library-discovery-heading h2{font-size:var(--fs-title);font-weight:var(--font-weight-emphasis);flex:1;margin:0}.library-discovery-heading button{gap:6px}.library-browser-skeleton{border-radius:12px;min-height:200px}.library-page{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.library-page-content{max-width:1120px;margin:0 auto;padding:0 24px 52px}.library-picker-content{padding:0 var(--catalog-picker-inset,16px) var(--catalog-picker-inset,16px)}.library-picker-content .library-layout{--library-top-inset:var(--catalog-picker-inset,16px)}.library-content .home-shelf-grid.library-game-grid,.library-content .product-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@container resource-library (width<=760px){.library-content .home-shelf-grid.library-game-grid,.library-content .product-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container resource-library (width<=480px){.library-content .home-shelf-grid.library-game-grid,.library-content .product-skill-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.library-empty-state{min-height:128px;padding-block:20px}.library-header{flex-wrap:wrap;gap:12px;padding-bottom:16px}.library-tabs{flex-basis:calc(100% - 40px)}.library-header-actions{gap:6px}.library-page-content{padding-inline:16px}}.top-tabs{scrollbar-width:none;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.top-tabs>button{color:var(--text-secondary);font-size:var(--fs-body);font-weight:var(--font-weight-default);white-space:nowrap;transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border-radius:8px;flex:none;padding:8px 12px;line-height:1.2}.top-tabs>button:hover{color:var(--text-primary);background:var(--surface-hover)}.top-tabs>button[aria-selected=true],.top-tabs>button[aria-selected=true]:hover{color:var(--text-primary);background:var(--surface-active);font-weight:var(--font-weight-emphasis)}.top-tabs>button:focus-visible{outline-offset:-2px}.top-tabs-lg{gap:6px}.top-tabs-lg>button{font-size:var(--fs-title)}@media (prefers-reduced-motion:reduce){.top-tabs>button{transition:none}}.product-search-input{width:100%;min-width:0;box-shadow:none;background:var(--surface-active);color:var(--text-primary);font:inherit;font-size:var(--fs-body);border:0;border-radius:8px;padding:8px 10px}.product-search-input::placeholder{color:var(--text-secondary)}@media (pointer:coarse){.product-search-input{font-size:var(--fs-title)}}.chat-input-shell{align-items:start;display:grid}.chat-input-shell>.chat-input,.chat-input-placeholder,.chat-input-guidance{grid-area:1/1}.chat-input-placeholder,.chat-input-guidance{pointer-events:none;color:var(--text-placeholder);font-size:var(--fs-body);font-family:var(--font);white-space:pre-wrap;word-break:break-word;min-width:0;line-height:1.5}.chat-input-placeholder{padding-left:3px}.chat-input-guidance{max-height:200px;overflow:hidden}.creation-prompt-mirror{visibility:hidden}.creation-prompt-mirror:after{content:"";width:3px;display:inline-block}.creation-prompt-action{vertical-align:baseline;pointer-events:auto;background:var(--control-bg);color:var(--text-placeholder);font:inherit;line-height:inherit;box-shadow:none;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);border:none;border-radius:8px;padding:2px 6px;display:inline}.creation-prompt-action svg{vertical-align:-3px;margin-right:5px;display:inline-block}@media (hover:hover){.creation-prompt-action:hover:not(:disabled){background:var(--control-hover)}}.creation-prompt-action:active:not(:disabled){background:var(--control-hover)}@media (prefers-reduced-motion:reduce){.creation-prompt-action{transition:none}}.prompt-quick-popover{z-index:240;background:var(--surface-strong);width:min(300px,100vw - 16px);height:min(360px,100dvh - 16px);box-shadow:var(--shadow-e4);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed;overflow:hidden}.prompt-quick-popover.skills-quick-popover{width:min(400px,100vw - 16px)}.prompt-quick-results{overscroll-behavior:contain;min-height:0;overflow:auto}.prompt-quick-skill-panel{flex-direction:column;min-height:0;display:flex}.prompt-quick-continuation{min-height:1px}.prompt-quick-skeletons{padding:4px 8px}.prompt-quick-skeleton-row{align-items:center;gap:10px;min-height:36px;display:flex}.prompt-quick-skeletons-characters .prompt-quick-skeleton-row{min-height:52px}.prompt-quick-skeleton-icon{border-radius:5px;flex-shrink:0;width:18px;height:18px}.prompt-quick-skeletons-characters .prompt-quick-skeleton-icon{border-radius:6px;width:36px;height:36px}.prompt-quick-skeleton-label{border-radius:4px;width:48%;height:12px}.prompt-quick-skeleton-row:nth-child(2n) .prompt-quick-skeleton-label{width:64%}.prompt-quick-skeleton-tabs{gap:8px;padding:6px 0 12px;display:flex}.prompt-quick-skeleton-tabs span{border-radius:6px;width:22%;height:24px}.prompt-quick-option:disabled{opacity:1;cursor:default}.prompt-quick-option{text-align:left;width:100%;color:var(--text-primary);font:inherit;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.prompt-quick-option[aria-selected=true],.prompt-quick-option:hover{background:var(--surface-active)}.prompt-quick-option svg{flex-shrink:0}.prompt-quick-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-quick-heading{color:var(--text-secondary);font-size:var(--fs-caption);padding:8px 10px 4px}.prompt-quick-status{color:var(--text-secondary);font-size:var(--fs-caption);padding:8px 10px}.prompt-quick-status p{margin:0}.prompt-quick-popover .prompt-quick-search{flex-shrink:0;width:calc(100% - 4px);margin:2px 2px 6px}.prompt-quick-tabs{flex-shrink:0;padding:4px 4px 8px}.prompt-quick-tabs .top-tabs{flex-wrap:wrap}.prompt-quick-tabs .top-tabs button{font-size:var(--fs-caption);padding:6px 8px}.prompt-add-row{width:100%;box-shadow:none;color:var(--text-secondary);font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.prompt-add-row:hover,.prompt-add-row[aria-expanded=true]{background:var(--surface-hover);color:var(--text-primary)}.prompt-add-row-label{flex:1}.prompt-add-row-hint{background:var(--surface-strong);min-width:20px;height:20px;color:var(--text-secondary);font:var(--fs-caption)/1 var(--font-mono);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.prompt-add-row svg{flex-shrink:0}@media (pointer:coarse){.prompt-add-row,.prompt-quick-option{min-height:44px}}.library-content .character-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.character-picker-preview{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.character-picker-status{font-size:var(--fs-caption);color:var(--text-muted);align-items:center;gap:6px;display:flex}.character-picker-selected{background:var(--inverse-bg);color:var(--inverse-text);pointer-events:none}.character-picker-empty{color:var(--text-secondary);padding:24px 0}.character-picker-sections{flex-direction:column;gap:36px;display:flex}.character-picker-section>h2{font-size:var(--fs-heading);font-weight:var(--font-weight-emphasis);margin:0 0 20px}.character-picker-section>.character-picker-empty{margin:0;padding:4px 0 8px}.character-picker-skeletons{display:contents}.character-picker-skeleton{aspect-ratio:.8;border-radius:16px}.character-mention-thumb{border-radius:6px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.character-mention-create{background:var(--control-bg);color:var(--text-secondary)}@media (width<=600px){.asset-picker-dialog-nav.character-picker-nav{flex-wrap:wrap;align-items:center;row-gap:12px}.character-picker-create{margin:0}.library-content .character-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.product-modal-frame.character-create-modal{background:var(--bg);border-radius:20px;width:min(92vw,520px);max-width:520px;height:auto;max-height:88dvh}.character-create-form{flex-direction:column;width:100%;min-height:0;display:flex}.product-modal-frame.character-create-wizard{width:min(92vw,640px);max-width:640px}.character-create-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:28px 28px 24px;display:flex}.character-create-form h2{min-width:0;font-size:var(--fs-title);font-weight:var(--font-weight-emphasis);margin:0}.character-create-fields{flex-direction:column;gap:24px;min-height:0;padding:0 28px;display:flex;overflow-y:auto}.character-create-steps{font-size:var(--fs-caption);color:var(--text-muted);flex-shrink:0;gap:8px;margin:0;padding:0;list-style:none;display:flex}.character-create-steps li{white-space:nowrap;align-items:center;gap:8px;display:flex}.character-create-steps li[aria-current=step]{color:var(--text-primary);font-weight:var(--font-weight-emphasis)}.character-create-steps span{color:var(--text-muted);display:flex}.character-create-text{flex-direction:column;gap:24px;min-width:0;display:flex}.character-create-details{grid-template-columns:minmax(0,256px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.character-create-field{font-size:var(--fs-title);font-weight:var(--font-weight-emphasis)}.character-create-field span{color:var(--text-muted);font-weight:var(--font-weight-default)}.character-create-field input,.character-create-field textarea{background:var(--surface-active);width:100%;color:var(--text-primary);font:inherit;font-size:var(--fs-body);font-weight:var(--font-weight-default);border:0;border-radius:10px;margin-top:8px;padding:12px;display:block}.character-create-field textarea{resize:vertical;min-height:88px;max-height:200px}.character-create-field input:focus-visible,.character-create-field textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-create-appearance{flex-direction:column;gap:12px;display:flex}.character-appearance-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.character-appearance-actions button{font-size:var(--fs-caption);align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.character-create-result{flex-direction:column;align-items:center;gap:12px;display:flex}.character-create-result .asset-tile{width:min(100%,280px)}.character-create-result p{width:100%;margin:0}.character-appearance-input{flex-direction:column;gap:16px;display:flex}.character-source{background:var(--surface);border-radius:14px;position:relative}.character-source-upload{border-radius:inherit;width:100%;height:260px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.character-source-upload:hover,.character-source-dragging{background:var(--surface-active)}.character-source-icon{background:var(--surface-active);width:52px;height:52px;color:var(--text-secondary);border-radius:14px;place-items:center;display:grid}.character-source-copy{font-weight:var(--font-weight-emphasis);flex-direction:column;align-items:center;gap:6px;display:flex}.character-source-copy small{font-size:var(--fs-caption);font-weight:var(--font-weight-default);color:var(--text-secondary)}.character-source-upload img{object-fit:contain;max-width:100%;max-height:100%;display:block}.character-source-upload:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-source-clear{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:absolute;top:12px;right:12px}.character-appearance-prompt,.character-appearance-prompt .chat-input-editor{min-height:60px}.character-appearance-input .asset-style-picker{position:relative}.character-appearance-input .asset-style-menu{width:min(450px,100%)}.character-create-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px 28px;display:flex}.character-create-footer-actions{justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.character-create-footer .primary,.character-create-assets{justify-content:center;align-items:center;gap:6px;display:inline-flex}.character-create-error{color:var(--color-ship);font-size:var(--fs-caption);margin:0}@media (width<=600px){.product-modal-backdrop .product-modal-frame.character-create-modal{height:auto!important}.character-create-header{gap:12px;padding:24px 44px 20px 20px}.character-create-fields{gap:20px;padding:0 20px}.character-create-steps,.character-create-steps li{gap:4px}.character-create-details{grid-template-columns:minmax(0,1fr);gap:20px}.character-create-details .asset-tile{width:min(100%,240px)}.character-source-upload{height:220px}.character-create-footer{padding:20px}.character-create-assets{text-align:left}.character-create-assets svg{flex-shrink:0}}.characters-page{flex:1;padding:56px 24px;overflow:auto}.characters-content{max-width:1064px;margin:0 auto}.characters-new,.characters-header-actions{flex-shrink:0;margin-left:auto}.characters-header-actions{align-items:center;gap:8px;display:flex}.characters-empty{text-align:center;color:var(--text-secondary);padding:64px 16px}.characters-empty p+p{color:var(--text-muted);font-size:var(--fs-caption)}.characters-detail-header>div{flex-wrap:wrap}.characters-back{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.character-overview{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:40px;display:grid}.character-info{overflow-wrap:anywhere;min-width:0}.character-appearances{flex-direction:column;gap:24px;min-width:0;display:flex}.character-games{margin-top:40px}.character-games>h2{font-size:var(--fs-heading);font-weight:var(--font-weight-emphasis);margin:0 0 20px}.character-games>button{margin-top:20px}.character-appearance-preview{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.character-appearance-label{pointer-events:none;color:var(--text-secondary);font-size:var(--fs-caption);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;line-height:22px;position:absolute;top:12px;left:12px;right:48px;overflow:hidden}.character-appearance-edit{background:var(--control-bg);width:30px;height:30px;color:var(--text-secondary);border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.character-appearance-edit svg{width:16px;height:16px}.character-appearance-edit:hover{background:var(--control-hover);color:var(--text-primary)}button.character-appearance-prev,button.character-appearance-next{place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:calc(50% - 15px)}.character-appearance-preview button.secondary:active{transform:none}.character-appearance-prev{left:8px}.character-appearance-next{right:8px}.character-preview-skeleton{display:flex}.character-stage-skeleton{flex:1;width:100%;height:100%}.character-description{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0;line-height:1.6}.characters-list-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:20px;display:grid}.character-card{min-width:0}.character-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.character-card-preview{aspect-ratio:1;width:100%;color:var(--text-muted);background:var(--surface-active);justify-content:center;align-items:center;display:flex;overflow:hidden}.character-card-edited{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-caption);color:var(--text-muted);flex:1;overflow:hidden}.character-name-skeleton{width:70%;height:1lh;display:block}.character-edited-skeleton{width:45%;height:14px}.character-menu-skeleton{width:24px;height:24px;margin-left:auto}.character-asset-error{font-size:var(--fs-body);color:var(--text-secondary);margin:0;padding:24px}.characters-title-skeleton{width:160px;height:28px;display:block}.characters-actions-skeleton{width:212px;height:34px}.character-description-skeleton{width:80%;height:18px;margin-top:16px}@media (width<=860px){.character-overview{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=600px){.characters-page{padding:28px 16px}}.characters-page:has(.characters-library-content){padding-top:0}.character-detail-preview{justify-content:center;align-items:center;display:flex}.product-modal-meta .character-games{margin-top:28px}.product-modal-meta .character-games>h2{font-size:var(--fs-title)}.product-modal-meta .character-games .home-shelf-grid{grid-template-columns:minmax(0,1fr)}.game-character-avatars{align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.game-character-avatars[data-reserve-action]{right:100px}.game-character-avatars[data-reserve-action] :is(.game-character-avatar,.game-character-overflow){flex-shrink:0}.game-character-avatar,button.game-character-overflow{width:36px;height:36px;color:var(--text-primary);background:var(--surface-strong);border-radius:9px;place-items:center;text-decoration:none;display:grid}.game-character-avatar:hover,button.game-character-overflow:hover{background:var(--control-hover)}.game-character-thumbnail{border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.game-character-menu-link{color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.game-character-menu-link:hover{background:var(--surface-hover)}.game-character-avatar:focus-visible,.game-character-menu-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
