:root{--color-bg-primary: #000211;--color-bg-surface: #000f35;--color-text-primary: #ffffff;--color-text-muted: #9aa5ad;--color-accent-orange: #ff7c1c;--color-accent-blue: #275ec2;--color-error: #ff4d4f;--color-black-rgb: 0, 0, 0;--color-highlight-gold: #c9a96e;--color-highlight-gold-soft: #e8d5a3;--color-story-row-gradient-start: #182845;--color-story-row-gradient-mid: #13223a;--color-story-row-gradient-end: #0f1b2f;--story-narration-color: var(--color-text-primary);--story-dialogue-color: var(--color-accent-orange);--story-message-background: #000421;--color-status-pending-text: #856404;--color-status-pending-base: #ffc107;--color-status-published-bg: #28a745;--color-status-published-border: #1e7e34;--color-status-rejected-bg: #dc3545;--color-status-rejected-border: #bd2130;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--font-family-base: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--layout-max-width: 48rem}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:16px}body{margin:0;min-width:320px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:100%;margin-inline:auto;min-height:100dvh;padding:var(--space-md);padding-bottom:calc(3.5rem + env(safe-area-inset-bottom,0px));overflow-x:hidden}@media(max-width:360px){.app-shell{padding-left:var(--space-xs);padding-right:var(--space-xs)}}@media(min-width:769px){.app-shell--composition{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:var(--space-md)}.app-shell--composition .composition-page{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app-shell--composition .composition-page .composition-editor{flex:1 1 auto;min-height:0}}.app-shell--user-story-chat{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:var(--space-md)}.app-shell--user-story-chat .stories-flow{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.app-shell--composition{padding:0;overflow:hidden}.app-shell--composition .app-logo{display:none}}.app-logo{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.app-logo__trailing{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.app-nav-desktop{display:none}.app-nav-desktop__link{text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;padding:.4rem .65rem;border-radius:var(--radius-md);border:1px solid transparent;transition:border-color .15s,background-color .15s,box-shadow .15s;white-space:nowrap}.app-nav-desktop__link:hover{border-color:color-mix(in srgb,var(--color-accent-blue) 45%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 10%,transparent)}.app-nav-desktop__link.is-active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-blue) 45%,transparent)}.app-nav-desktop__link:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}@media(min-width:960px){.app-nav-desktop{display:flex;flex:1;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.125rem;min-width:0}.app-tabs--mobile{display:none!important}.app-shell:not(.app-shell--composition):not(.app-shell--user-story-chat){padding-bottom:var(--space-md)}}.app-logo__link{display:inline-flex;text-decoration:none;color:inherit}.app-logo__image{height:3rem;width:auto;object-fit:contain}.app-logo__profile-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);color:var(--color-text-primary);transition:border-color .15s,background-color .15s}.app-logo__profile-link:hover,.app-logo__profile-link.is-active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent)}.app-logo__profile-icon{width:1.75rem;height:1.75rem;display:block;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.app-logo__profile-photo{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.app-logo__profile-link.is-active .app-logo__profile-icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.app-logo__credits{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:.1rem 1.6rem .1rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);font-size:.8rem;font-weight:500}.app-logo__credits-icon{position:absolute;right:-.35rem;top:50%;transform:translateY(-50%);width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center}.app-logo__credits-icon img{width:100%;height:100%;display:block}.app-logo__credits-amount{white-space:nowrap;text-align:center;min-width:1.5rem}@media(min-width:768px){.app-logo{margin-bottom:var(--space-lg)}.app-logo__image{height:3.6rem}.app-logo__profile-link{width:3.25rem;height:3.25rem}.app-logo__profile-icon{width:1.7rem;height:1.7rem}.app-logo__credits{padding:.18rem 1.8rem .18rem .75rem;font-size:.85rem}}.app-tabs{position:fixed;left:50%;bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.15rem;width:min(100% - (2 * var(--space-md)),26rem);padding:.125rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);box-shadow:0 10px 28px color-mix(in srgb,black 32%,transparent)}.app-tabs__button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text-primary);font:inherit;padding:.125rem;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.app-tabs__icon{width:1.9rem;height:1.9rem;display:block;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.app-tabs__button.is-active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-blue) 45%,transparent)}.app-tabs__button.is-active .app-tabs__icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.app-tabs__button:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.app-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin:0 0 var(--space-sm)}.app-subtabs__button{border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 86%,black);color:var(--color-text-primary);text-decoration:none;font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.app-subtabs__button:hover{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent)}.app-subtabs__button.is-active{border-color:var(--color-accent-orange);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 45%,transparent)}.app-subtabs__button:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font:inherit;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:opacity .15s,background-color .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.btn--primary{background:var(--color-accent-orange)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-orange) 85%,white)}.btn--secondary{background:color-mix(in srgb,var(--color-bg-surface) 80%,white);border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-bg-surface) 60%,white)}.btn--full{width:100%}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-md)}.auth-route-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg-primary) 40%,transparent);padding-block:var(--space-sm);padding-inline:var(--space-md)}.auth-route-modal__dialog{position:relative;width:min(100%,400px);max-height:calc(100dvh - 2 * var(--space-sm));overflow-y:auto}.auth-route-modal__dialog .auth-page{min-height:auto;padding:0;background:transparent}.auth-route-modal__dialog .auth-form{padding-block:var(--space-lg);padding-inline:var(--space-xl);gap:var(--space-sm)}.auth-route-modal__dialog .auth-logo{height:120px;margin-bottom:var(--space-2xs)}.auth-route-modal__close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-bg-surface) 90%,black);color:var(--color-accent-blue);font-size:1.5rem;cursor:pointer;display:grid;place-items:center;transition:background-color .15s;z-index:1}.auth-route-modal__close:hover{background:color-mix(in srgb,var(--color-accent-blue) 30%,var(--color-bg-surface))}.character-editor-route-modal{position:fixed;inset:0;z-index:1250;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-primary)}.auth-form{width:100%;max-width:400px;background:var(--color-bg-surface);border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.auth-logo{display:block;height:80px;width:auto;object-fit:contain;margin:0 auto var(--space-xs)}.auth-title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-sm)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.form-input{width:100%;background:color-mix(in srgb,var(--color-bg-primary) 60%,var(--color-bg-surface));border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font:inherit;font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--color-text-muted);opacity:.7}.form-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 25%,transparent)}.form-input.is-error{border-color:var(--color-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error) 20%,transparent)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-error{margin:0;font-size:var(--font-size-sm);color:var(--color-error)}.form-error--general{background:color-mix(in srgb,var(--color-error) 12%,var(--color-bg-surface));border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);text-align:center}.form-group--checkbox{flex-direction:row;align-items:center;margin-bottom:var(--space-md)}.form-label--checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.form-label--checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--color-accent-blue);cursor:pointer}.form-label--checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.auth-footer{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-accent-blue);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.auth-loading__spinner{width:2.5rem;height:2.5rem;border:3px solid color-mix(in srgb,var(--color-accent-blue) 25%,transparent);border-top-color:var(--color-accent-blue);border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.profile-page{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-xl);max-width:var(--layout-max-width);margin-inline:auto}.profile-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md) var(--space-md);text-align:center}.profile-header--with-cover{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);background:var(--color-bg-surface)}.profile-header__cover{width:100%;height:clamp(12rem,36vw,18rem);overflow:hidden;flex-shrink:0}.profile-header__cover img{width:100%;height:100%;object-fit:cover;display:block}.profile-header__identity{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:0 var(--space-md) var(--space-md);margin-top:-3.5rem;text-align:center;position:relative;z-index:1}.profile-header--with-cover .profile-avatar{border:3px solid var(--color-bg-surface)}.profile-actions-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.profile-field-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.profile-field-row__label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);flex:1 1 auto;min-width:0}.profile-field-row__actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--space-sm);flex:0 0 auto}.profile-avatar{width:7rem;height:7rem;border-radius:50%;background:var(--color-accent-blue);color:var(--color-bg-primary);font-size:2.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs);flex-shrink:0;overflow:hidden}.profile-avatar--image{padding:0;background:color-mix(in srgb,var(--color-text-primary) 12%,var(--color-bg-surface))}.profile-avatar--image img{width:100%;height:100%;object-fit:cover;display:block}.profile-name{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.profile-email{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-section{background:var(--color-bg-surface);border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.profile-page .profile-public-collapsible.stories-card{border-color:color-mix(in srgb,var(--color-text-primary) 10%,transparent)}@media(min-width:768px){.profile-page .profile-public-collapsible.stories-card{padding:var(--space-md)}}.profile-page .profile-public-collapsible .story-template-detail-section__heading{margin:0;width:100%;font-size:var(--font-size-md);font-weight:700}.profile-page .profile-public-collapsible .story-template-detail-section__heading .stories-collapsible__trigger{padding:var(--space-2xs) 0;min-height:0}.profile-page .profile-public-collapsible .stories-collapsible__content{padding-top:0}.profile-public-collapsible__inner{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-collapsible-subheading{margin:var(--space-md) 0 0;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.profile-public-collapsible__inner>.profile-collapsible-subheading:first-child{margin-top:0}.profile-section-title{margin:0 0 var(--space-2xs);font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary)}.profile-section-hint{margin:0 0 var(--space-xs);font-size:var(--font-size-xs);line-height:1.4;color:color-mix(in srgb,var(--color-text-primary) 68%,transparent)}.profile-bio-block{display:flex;flex-direction:column;gap:.125rem}.profile-bio-field{display:block;margin:0}.profile-bio-textarea{width:100%;min-height:6.5rem;box-sizing:border-box;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);line-height:1.45;resize:vertical}.profile-bio-textarea:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:1px}.profile-bio-textarea:disabled{opacity:.65;cursor:not-allowed}.profile-bio-counter{margin:0;font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-text-primary) 55%,transparent);text-align:right}.profile-primary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs);max-height:min(45dvh,20rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);padding:var(--space-2xs)}.profile-primary-current{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);row-gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 55%,var(--color-bg-surface));min-height:2.75rem}.profile-primary-current__text{flex:1 1 10rem;min-width:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.profile-primary-current__text--muted{font-weight:500;color:color-mix(in srgb,var(--color-text-primary) 65%,transparent)}.profile-primary-current__action{margin-left:auto;flex:0 1 auto;max-width:100%;padding:.35rem .65rem;border-radius:var(--radius-md);border:0;background:var(--color-accent-orange);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-xs);font-weight:700;line-height:1.25;text-align:center;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.profile-primary-current__action:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-orange) 85%,white)}.profile-primary-current__action:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.profile-primary-current__action:disabled{opacity:.5;cursor:not-allowed}.profile-primary-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 88%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.profile-primary-row:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent-blue) 45%,transparent)}.profile-primary-row:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:1px}.profile-primary-row:disabled{cursor:default;opacity:1}.profile-primary-row--active{border-color:var(--color-accent-blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-blue) 35%,transparent)}.profile-primary-row__thumb{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;background:color-mix(in srgb,var(--color-text-primary) 10%,var(--color-bg-surface));display:flex;align-items:center;justify-content:center}.profile-primary-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}.profile-primary-row__thumb-fallback{width:40%;height:40%;border-radius:2px;background:color-mix(in srgb,var(--color-text-primary) 22%,transparent)}.profile-primary-row__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-feedback{margin:0;font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 84%,transparent)}.profile-feedback--error{color:var(--color-error)}.profile-info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.profile-info-row:last-child{border-bottom:none;padding-bottom:0}.profile-settings-nsfw{border-bottom:none}.profile-settings-color-stack{display:flex;flex-direction:column;gap:var(--space-2xs)}.profile-settings-colors-scope-hint{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);line-height:1.45;color:color-mix(in srgb,white 72%,var(--color-text-primary))}.profile-settings-color-stack>.profile-info-row{border-bottom:none;padding:var(--space-2xs) 0}.profile-settings-reader-stack{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.profile-settings-reader-stack>.profile-info-row{border-bottom:none;padding-bottom:0}.profile-settings-range-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0}.profile-settings-range-row__label{flex:0 0 auto}.profile-settings-range-row__percent{flex:0 0 auto;margin:0;font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary);min-width:2.75rem;text-align:right}.profile-settings-range-row__range{flex:1 1 10rem;min-width:6rem;width:auto;max-width:100%}.profile-settings-range{accent-color:var(--color-accent-blue)}.profile-settings-select{width:100%;max-width:16rem;margin-left:auto;padding:.4rem .5rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-sm)}.profile-info-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);flex-shrink:0}.profile-info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;word-break:break-all}.profile-public-author-link{color:var(--color-accent-blue);text-decoration:underline;text-underline-offset:2px;word-break:normal}.profile-public-author-link:hover{text-decoration-thickness:2px}.profile-info-value--tabular{font-variant-numeric:tabular-nums;word-break:normal}.profile-credit-balance{display:inline-flex;align-items:flex-end;justify-content:flex-end;gap:.2em;max-width:100%}.profile-credit-balance__amount{line-height:1.25}.profile-credit-balance__icon{flex-shrink:0;display:inline-flex;width:2rem;height:2rem}.profile-credit-balance__icon img{width:100%;height:100%;display:block}.profile-info-value--aligned{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 auto;min-width:0;justify-content:flex-end}.profile-toggle-chip{position:relative;display:flex;align-items:center;justify-content:center;--toggle-chip-pad: .18rem;--toggle-knob-size: 1.75rem;min-width:6.05rem;height:calc(var(--toggle-knob-size) + (2 * var(--toggle-chip-pad)));padding:0;border-radius:999px;border:1px solid color-mix(in srgb,#d1d1d1 80%,transparent);background:color-mix(in srgb,#e6e6e6 92%,var(--color-bg-surface));color:#0f1417;font:inherit;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;overflow:hidden}.profile-toggle-chip:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent-blue) 40%,#d1d1d1);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-blue) 22%,transparent)}.profile-toggle-chip--on{border-color:color-mix(in srgb,var(--color-error) 60%,#d1d1d1);background:color-mix(in srgb,var(--color-error) 92%,#0f1417 8%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-error) 55%,transparent)}.profile-toggle-chip--on:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 96%,black 4%)}.profile-toggle-chip:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.profile-toggle-chip__label{position:relative;z-index:2;width:100%;padding:0;transition:color .15s ease;-webkit-user-select:none;user-select:none}.profile-toggle-chip__label--off{display:block;color:#6c757d;text-align:right;padding-left:calc(var(--toggle-knob-size) * .45);padding-right:var(--space-xs);white-space:nowrap}.profile-toggle-chip__label--nsfw{display:none;color:var(--color-text-primary);text-align:left;padding-right:calc(var(--toggle-knob-size) * .45);padding-left:var(--space-xs);white-space:nowrap}.profile-toggle-chip--on .profile-toggle-chip__label--off{display:none}.profile-toggle-chip--on .profile-toggle-chip__label--nsfw{display:block}.profile-toggle-chip__knob{position:absolute;top:var(--toggle-chip-pad);left:var(--toggle-chip-pad);width:var(--toggle-knob-size);height:var(--toggle-knob-size);border-radius:50%;background:#fff;border:1px solid color-mix(in srgb,#bdbdbd 80%,transparent);box-shadow:0 8px 18px #0000002e,0 0 0 1px #00000014;transition:left .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:1}.profile-toggle-chip--on .profile-toggle-chip__knob{left:calc(100% - var(--toggle-knob-size) - var(--toggle-chip-pad));border-color:color-mix(in srgb,var(--color-error) 75%,#bdbdbd);box-shadow:0 8px 18px #0000002e,0 0 0 3px color-mix(in srgb,var(--color-error) 25%,transparent)}.profile-color-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);box-sizing:border-box;width:7rem;min-width:7rem;max-width:100%;padding:.2rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 86%,black);color:var(--color-text-primary);font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.profile-color-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-orange) 18%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-accent-orange) 46%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 30%,transparent)}.profile-color-trigger:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.profile-color-trigger__swatch{width:1.1rem;height:1.1rem;border-radius:50%;border:none;flex-shrink:0}.profile-color-trigger__value{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.75rem;font-variant-numeric:tabular-nums}.profile-color-reset{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;border-radius:999px;background:transparent;color:var(--color-accent-blue);cursor:pointer;transition:background-color .15s ease}.profile-color-reset:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent)}.profile-info-value--aligned:has(.profile-color-trigger:hover) .profile-color-reset{background:transparent}.profile-color-reset:disabled{cursor:not-allowed;opacity:.6}.profile-color-reset__icon{width:1.125rem;height:1.125rem}.cp-overlay{position:fixed;inset:0;background:color-mix(in srgb,black 65%,transparent);display:flex;align-items:center;justify-content:center;z-index:220;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cp-modal{background:var(--color-bg-surface);border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:22rem;box-shadow:0 2px 8px color-mix(in srgb,black 40%,transparent),0 16px 48px color-mix(in srgb,black 50%,transparent);display:flex;flex-direction:column;gap:var(--space-md)}.cp-title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.cp-hint{margin:calc(var(--space-md) * -.5) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.cp-gradient{position:relative;width:100%;height:160px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.cp-gradient__thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1px #00000080,0 2px 6px #0006;transform:translate(-50%,-50%);pointer-events:none;transition:box-shadow .1s ease}.cp-hue{position:relative;width:100%;height:14px;border-radius:7px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.cp-hue__thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1px #0006,0 2px 5px #00000059;background:transparent;transform:translate(-50%,-50%);pointer-events:none}.cp-row{display:flex;align-items:center;gap:var(--space-sm)}.cp-preview{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);box-shadow:0 2px 6px #0000004d;flex-shrink:0}.cp-hex{flex:1;display:flex;align-items:center;background:color-mix(in srgb,var(--color-bg-primary) 80%,black);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);border-radius:var(--radius-md);padding:0 var(--space-sm);transition:border-color .15s,box-shadow .15s}.cp-hex:focus-within{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 25%,transparent)}.cp-hex__hash{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0}.cp-hex__input{flex:1;background:transparent;border:none;outline:none;padding:var(--space-xs) var(--space-2xs);font:inherit;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.cp-hex__input::placeholder{color:var(--color-text-muted);text-transform:none;letter-spacing:0}.cp-hex__input:disabled{opacity:.6;cursor:not-allowed}.cp-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-xs)}.cp-swatch{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);cursor:pointer;padding:0;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease}.cp-swatch:hover:not(:disabled){transform:scale(1.15);border-color:color-mix(in srgb,var(--color-accent-orange) 70%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--color-accent-orange) 35%,transparent)}.cp-swatch--active{border-color:var(--color-accent-orange);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-orange) 50%,transparent);transform:scale(1.1)}.cp-swatch:disabled{cursor:not-allowed;opacity:.5}.cp-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.stories-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-bottom:var(--space-md)}.stories-subtabs__button{border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 86%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.stories-subtabs__button:hover{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent)}.stories-subtabs__button.is-active{border-color:var(--color-accent-orange);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 45%,transparent)}.stories-subtabs__button:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.stories-flow{display:grid;gap:var(--space-xs);overflow-x:hidden}.stories-flow__header h1{margin:0;font-size:1.5rem;line-height:1.2}.stories-flow__header p{margin:var(--space-xs) 0 0;color:color-mix(in srgb,var(--color-text-primary) 72%,transparent);font-size:var(--font-size-sm)}.public-author-page__header{padding:0}.public-author-page__hero{display:flex;flex-direction:column;align-items:stretch;border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);background:var(--color-bg-surface)}.public-author-page__hero--with-banner{padding:0}.public-author-page__banner{width:100%;height:clamp(10rem,32vw,16rem);overflow:hidden;flex-shrink:0}.public-author-page__banner img{width:100%;height:100%;object-fit:cover;display:block}.public-author-page__hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-md) var(--space-sm);text-align:center;position:relative;z-index:1}.public-author-page__hero--with-banner .public-author-page__hero-inner{padding-top:0;margin-top:-3rem}.public-author-page__hero--with-banner .public-author-page__avatar{border:3px solid var(--color-bg-surface)}.public-author-page__avatar{width:7rem;height:7rem;border-radius:50%;background:var(--color-accent-blue);color:var(--color-bg-primary);font-size:2.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.public-author-page__avatar--image{padding:0;background:color-mix(in srgb,var(--color-text-primary) 12%,var(--color-bg-surface))}.public-author-page__avatar--image img{width:100%;height:100%;object-fit:cover;display:block}.public-author-page__hero-inner h1{margin:0;font-size:1.5rem;line-height:1.2}.public-author-page__bio{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);line-height:1.45;color:color-mix(in srgb,var(--color-text-primary) 78%,transparent);white-space:pre-wrap}.public-author-page__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin:var(--space-xs) 0}.explore-author-filter-error{display:grid;gap:var(--space-sm);margin-bottom:var(--space-xs)}.stories-card{background:var(--color-bg-surface);border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);border-radius:var(--radius-lg);padding:var(--space-md);display:grid;gap:var(--space-sm)}.stories-card h2{margin:0;font-size:var(--font-size-lg)}.likes-bookmarks__subtitle{margin:var(--space-sm) 0 var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:color-mix(in srgb,var(--color-text-primary) 85%,transparent)}.stories-card--collapsible-header .stories-card__collapsible-heading{margin:0;margin-top:calc(-1 * var(--space-md) - 8px);width:calc(100% + 2 * var(--space-md));margin-left:calc(-1 * var(--space-md))}.stories-card--collapsible-header .stories-card__collapsible-heading .stories-collapsible__trigger{padding:calc(var(--space-md) + 8px) var(--space-md) var(--space-2xs) var(--space-md);min-height:0;display:flex}@media(max-width:720px){.stories-card--collapsible-header .stories-card__collapsible-heading{margin-top:calc(-1 * var(--space-md))}.stories-card--collapsible-header .stories-card__collapsible-heading .stories-collapsible__trigger{padding:var(--space-md) var(--space-md) var(--space-2xs) var(--space-md)}}.stories-card--collapsible-header .stories-collapsible__content{padding-top:var(--space-2xs)}.stories-collapsible__trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}.stories-collapsible__trigger:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.stories-collapsible__indicator{position:relative;display:inline-block;flex-shrink:0;align-self:center;width:1.5rem;min-width:1.5rem;height:1.5rem;aspect-ratio:1;box-sizing:border-box;color:color-mix(in srgb,var(--color-text-primary) 88%,transparent);border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent)}.stories-collapsible__indicator:before{content:"";position:absolute;top:50%;left:50%;width:.5rem;height:2px;background:currentColor;border-radius:999px;transform:translate(-50%,-50%)}.stories-collapsible__indicator:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:.5rem;background:currentColor;border-radius:999px;transform:translate(-50%,-50%)}.stories-collapsible__indicator[data-expanded=true]:after{display:none}.stories-collapsible__content,.stories-form{display:grid;gap:var(--space-sm)}.stories-field{display:grid;gap:var(--space-xs)}.stories-field span:not(.cm-editor *){font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 84%,transparent)}.stories-field__required{color:var(--color-error, #c00)}.stories-field__hint{margin:calc(-.45 * var(--space-xs)) 0 0 0;font-size:.7rem;font-weight:400;line-height:1.25;color:color-mix(in srgb,var(--color-text-primary) 58%,transparent)}.stories-field--collapsible>.stories-field__hint--persistent{margin:0 0 var(--space-2xs) 0}@media(max-width:480px){.stories-field span:not(.cm-editor *){font-size:.8125rem}.stories-field--collapsible .stories-field__trigger,.stories-field input,.stories-field textarea{font-size:.8125rem}.stories-field:not(.stories-field--collapsible)>.stories-field__label-row{font-size:.8125rem}.description-html-preview__trigger{font-size:.8125rem}.stories-field__hint{font-size:.625rem}.stories-field--collapsible>.stories-field__hint--persistent{font-size:.625rem}.html-ide-editor .cm-content{font-size:.8125rem}}.story-edit-audience-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.story-edit-audience-input-wrap{display:inline-flex;align-items:center;gap:var(--space-xs)}.story-edit-audience-icon{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--color-text-primary)}.story-edit-audience-label{font-size:var(--font-size-sm);font-weight:500;color:color-mix(in srgb,var(--color-text-primary) 84%,transparent)}.story-edit-audience-select{font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-sm);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);border-radius:var(--radius-sm, 4px);background:var(--color-bg-primary, #fff);color:var(--color-text-primary);min-width:10rem}.story-edit-language-hint{margin-top:calc(-1 * var(--space-2xs));margin-bottom:var(--space-sm)}.story-detail-audience{font-size:var(--font-size-sm);margin:0 0 var(--space-sm);color:color-mix(in srgb,var(--color-text-primary) 84%,transparent)}.story-detail-audience-label{font-weight:500}.story-detail-audience-value{display:inline-flex;align-items:center;gap:var(--space-2xs)}.story-detail-audience-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-primary)}.stories-field--collapsible{gap:0}.stories-field--collapsible .stories-field__trigger{font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2xs) 0;margin-bottom:0}.stories-field--collapsible .stories-field__collapsible-content{padding-top:var(--space-2xs);display:grid;gap:var(--space-xs)}.stories-field--collapsible .stories-field__label{display:grid;gap:var(--space-2xs)}.stories-field--collapsible .stories-field__label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stories-field input,.stories-field textarea{width:100%;border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-primary) 78%,black);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:1.45}.stories-field input:focus,.stories-field textarea:focus,.stories-button:focus,.stories-list__item:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}.stories-field textarea{resize:vertical;min-height:5.5rem}.html-ide-editor{width:100%;max-width:100%}.html-ide-editor .cm-editor{width:100%;max-width:100%;box-sizing:border-box;min-height:5.5rem}.html-ide-editor .cm-scroller{overflow:auto}.html-ide-editor .cm-content{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-sm);line-height:1.45}.html-ide-editor-loading{width:100%;box-sizing:border-box;min-height:5.5rem;display:flex;align-items:center;justify-content:center}.stories-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex:1 1 auto;min-width:0}.stories-field:not(.stories-field--collapsible)>.stories-field__label-row{font-size:var(--font-size-sm)}.stories-field--collapsible .stories-field__trigger .stories-field__label-row{font-size:inherit}@media(max-width:560px){.stories-field__label-row:has(.stories-field__label-buttons){flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;row-gap:var(--space-xs);column-gap:var(--space-md)}.stories-field__label-row:has(.stories-field__label-buttons)>span:first-of-type{flex:1 1 100%;min-width:0}.stories-field__label-row:has(.stories-field__label-buttons) .stories-field__label-buttons{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.stories-field--collapsible .stories-field__trigger:has(.stories-field__label-buttons){align-items:center}}.stories-field__label-buttons{display:flex;align-items:center;gap:var(--space-sm)}.stories-field__toggle-html-ide{font-family:var(--font-family-base);font-size:inherit;font-weight:600;color:var(--color-accent-blue);background:none;border:0;cursor:pointer;padding:var(--space-2xs) 0;white-space:nowrap;text-decoration:underline;text-underline-offset:.12em}.description-html-preview{display:flex;flex-direction:column;gap:var(--space-2xs)}.description-html-preview__trigger{align-self:flex-start;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-blue);background:none;border:0;cursor:pointer;padding:var(--space-2xs) 0}.description-html-preview__trigger:hover{text-decoration:underline}.description-html-preview__content{padding:var(--space-sm);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-primary) 78%,black)}.description-html-preview__content .story-detail-plot-para,.description-html-preview__html{margin-bottom:0}.description-html-preview__content .story-detail-plot-para>*{margin-top:0;margin-bottom:.35em}.description-html-preview__content .story-detail-plot-para>*:last-child{margin-bottom:0}.description-html-preview__content .story-detail-plot-para>*+*{margin-top:.35em}.stories-button{border:0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font:inherit;font-weight:600;color:var(--color-text-primary);cursor:pointer}.stories-button:disabled{opacity:.5;cursor:not-allowed}.stories-button--primary{background:var(--color-accent-orange)}.stories-button--accent{background:var(--color-accent-blue)}.stories-button--danger{background:var(--color-error);color:color-mix(in srgb,white 94%,var(--color-text-primary))}.stories-button--ghost{background:transparent;border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent)}.stories-actions-row{display:flex;flex-wrap:wrap;flex-direction:column-reverse;gap:var(--space-xs)}.stories-actions-row>*{flex:1 1 0;min-width:320px}@media(max-width:759px){.stories-actions-row>*{min-width:0}}@media(min-width:760px){.stories-actions-row{flex-direction:row-reverse}}.stories-feedback{margin:0;font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 84%,transparent)}.stories-feedback--error{color:var(--color-error)}.route-error-fallback{box-sizing:border-box;min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.route-error-fallback__inner{width:100%;max-width:36rem}.route-error-fallback__actions{margin-top:var(--space-md)}.route-error-fallback__stack{margin:var(--space-sm) 0 0;padding:var(--space-sm);max-height:12rem;overflow:auto;font-size:.7rem;line-height:1.35;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);white-space:pre-wrap;word-break:break-word}.credit-cost{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;font-size:.75rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;line-height:1}.credit-cost-button-wrapper{position:relative;display:block}.credit-cost-button-wrapper>.stories-button{display:block;width:100%}.credit-cost-button-wrapper .credit-cost{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);background:#00000080;padding:.2rem .4rem;border-radius:var(--radius-sm);pointer-events:none;z-index:1}.credit-cost--loading{opacity:.55}.credit-cost--insufficient{color:var(--color-error)}.credit-cost__icon{width:2em;height:2em;vertical-align:middle;flex-shrink:0}.stories-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs);overflow-x:hidden}.stories-list--scrollable{max-height:min(62vh,36rem)}.stories-list__load-more-sentinel{height:1px;width:100%;pointer-events:none;visibility:hidden}.stories-list__loading-more{margin-top:.5rem;text-align:center}.stories-list-loading{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:var(--space-lg)}.stories-list--grid{grid-template-columns:repeat(auto-fill,minmax(min(11rem,45%),1fr));align-items:stretch;padding-top:var(--space-xs)}.stories-list--grid.stories-list--grid-cols-max-5{grid-template-columns:repeat(auto-fill,minmax(max(min(11rem,45%),calc((100% - 4 * var(--space-xs)) / 5)),1fr))}.stories-list--grid>li{display:flex}.stories-list--grid>li>.stories-list__item--card{flex:1}.stories-list--rows{grid-template-columns:1fr}.stories-list__item{width:100%;border:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-primary) 74%,black);color:#fff;text-align:left;padding:var(--space-sm);display:grid;gap:var(--space-2xs);cursor:pointer}.stories-list__item--card{transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .28s ease,box-shadow .28s ease;overflow:hidden;padding:0;display:flex;position:relative;aspect-ratio:2 / 3}.stories-list__item--card:hover{border-color:var(--color-highlight-gold);box-shadow:0 8px 32px color-mix(in srgb,var(--color-highlight-gold) 15%,transparent),0 2px 8px rgba(var(--color-black-rgb),.5);transform:translateY(-4px)}.stories-list__item--card:hover .stories-list__image{transform:scale(1.04);filter:brightness(1.08) saturate(1.1)}.stories-list__item--card:hover .stories-list__card-title{color:var(--color-highlight-gold-soft)}.stories-list__item--row{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--space-sm)}.stories-list__content{min-width:0;display:grid;gap:var(--space-2xs)}.stories-list__image-wrap{position:absolute;inset:0;overflow:hidden;border-radius:inherit;flex-shrink:0}.stories-list__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;border:none;border-radius:0;transition:transform .5s ease,filter .3s ease}.placeholder-image{display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface)}.placeholder-image__icon{width:48px;height:48px;flex-shrink:0}.placeholder-image.stories-list__image{position:absolute;inset:0;width:100%;height:100%}.placeholder-image.story-detail-cover__img{width:100%;height:100%;min-height:100%}.placeholder-image.stories-user-story-row__image{position:static;width:6.6rem;height:100%}.stories-list__image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(var(--color-black-rgb),.6) 66%,rgba(var(--color-black-rgb),.92) 100%);pointer-events:none}.stories-list__badges{position:absolute;top:.4rem;left:.4rem;z-index:2;display:inline-flex;align-items:center;gap:.25rem}.stories-list__badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem;border-radius:.35rem;background-color:#00000080}.stories-list__badge-icon{width:1.15rem;height:1.15rem;display:block}.story-demonetized-badge__icon{display:block;flex-shrink:0;filter:brightness(0) saturate(100%) invert(23%) sepia(94%) saturate(7150%) hue-rotate(353deg) brightness(96%) contrast(98%)}.stories-list__card-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2.6rem 10px 6px;display:grid;grid-template-rows:auto auto;gap:2px;align-content:end;background:linear-gradient(to top,rgba(var(--color-black-rgb),.97),rgba(var(--color-black-rgb),.86) 58%,rgba(var(--color-black-rgb),0))}.stories-list__card-title{font-family:var(--font-family-base);font-size:1rem;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:color-mix(in srgb,white 96%,var(--color-text-primary));transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word;padding-bottom:.15em}.stories-list__card-summary{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:1.4;color:color-mix(in srgb,white 84%,transparent);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.4em * 3);padding-bottom:.08em}.stories-list__image--row{width:4rem;height:4rem;aspect-ratio:1 / 1}.stories-character-name-row{display:inline-flex;align-items:center;gap:var(--space-xs)}.stories-version-chip{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .45rem;border-radius:999px;font-size:var(--font-size-sm);line-height:1.2;font-weight:700;color:color-mix(in srgb,var(--color-accent-blue) 50%,white);background:color-mix(in srgb,var(--color-accent-blue) 50%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-blue) 50%,transparent)}.stories-list__lang-chip{display:inline-flex;align-items:center;justify-content:center;padding:.08rem .35rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em;line-height:1.2;color:color-mix(in srgb,var(--color-text-primary) 82%,transparent);background:color-mix(in srgb,var(--color-text-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);vertical-align:middle;flex-shrink:0}.stories-user-story-row{grid-template-columns:6.6rem minmax(0,1fr);align-items:stretch;gap:var(--space-sm);padding:0;min-height:9.2rem;border-radius:calc(var(--radius-md) + .15rem);border-color:color-mix(in srgb,var(--color-accent-blue) 34%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--color-accent-blue) 16%,transparent) 0%,transparent 55%),linear-gradient(135deg,var(--color-story-row-gradient-start) 0%,var(--color-story-row-gradient-mid) 48%,var(--color-story-row-gradient-end) 100%);box-shadow:0 8px 22px color-mix(in srgb,black 32%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}.stories-user-story-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent-orange) 52%,transparent);box-shadow:0 12px 24px color-mix(in srgb,black 38%,transparent)}.stories-user-story-row__image{position:static;width:6.6rem;height:100%;border-radius:0;border:0;border-right:1px solid color-mix(in srgb,white 16%,transparent);object-fit:cover;object-position:center top;background:color-mix(in srgb,black 22%,transparent)}.stories-user-story-row__content{padding:var(--space-sm) var(--space-md);gap:var(--space-2xs);align-content:center}.stories-user-story-row__title-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.stories-user-story-row__title{font-size:1.05rem;line-height:1.25;color:color-mix(in srgb,white 95%,var(--color-text-primary))}.stories-user-story-row__settings-btn{margin-left:auto;padding:var(--space-2xs);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:color-mix(in srgb,white 70%,var(--color-text-primary));display:flex;align-items:center;justify-content:center}.stories-user-story-row__settings-btn:hover{color:color-mix(in srgb,white 95%,var(--color-text-primary));background:color-mix(in srgb,white 12%,transparent)}.stories-user-story-row__settings-icon{width:1.1rem;height:1.1rem;display:block}.user-story-settings-modal__dialog.confirmation-modal__dialog{max-height:min(90dvh,calc(100dvh - 2 * var(--space-md)));display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden;min-height:0}.user-story-settings-modal__dialog>h2{flex-shrink:0}.user-story-settings-modal__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.user-story-settings-modal__body-inner{padding-inline-end:max(var(--space-md),14px);box-sizing:border-box}.user-story-settings-modal__dialog .confirmation-modal__actions{flex-shrink:0}.user-story-settings-modal__story-title{display:block;font-size:.9em;font-weight:400;color:color-mix(in srgb,white 70%,var(--color-text-primary));margin-top:.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-story-settings-modal__section{margin-top:var(--space-sm)}.user-story-settings-modal__subsection-heading{display:block;margin-top:var(--space-md);margin-bottom:var(--space-xs);font-weight:600;font-size:var(--font-size-md);color:var(--color-text-primary)}.user-story-settings-modal__label-with-reset{display:inline-flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.user-story-settings-modal__reader-field-row .profile-info-value--aligned{flex-wrap:wrap}.user-story-settings-modal__scaling-controls{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;min-width:0;text-align:right}.user-story-settings-modal__scaling-controls .user-story-settings-modal__range{margin-top:0}.user-story-settings-modal__reader-appearance select.user-story-settings-modal__font-inline-select{width:auto;min-width:10rem;max-width:18rem;flex:1 1 auto}.user-story-settings-modal__sync-section{padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent-blue) 35%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.user-story-settings-modal__sync-heading{display:block;font-weight:600;font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-2xs)}.user-story-settings-modal__sync-description{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);line-height:1.45;color:color-mix(in srgb,white 78%,var(--color-text-primary))}.user-story-settings-modal__sync-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.user-story-settings-modal__section .stories-field span{display:block;margin-bottom:var(--space-2xs)}.user-story-settings-modal__section select{width:100%;max-width:100%;padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-primary) 78%,black);color:var(--color-text-primary);font:inherit}.user-story-settings-modal__range{width:100%;accent-color:var(--color-accent-blue);margin-top:var(--space-2xs)}.user-story-settings-modal__color-stack{display:flex;flex-direction:column;gap:var(--space-2xs)}.user-story-settings-modal__color-row .profile-info-row{border-bottom:none;padding:0}.user-story-settings-modal__color-trigger{width:auto;min-width:7.25rem;max-width:100%}.user-story-settings-modal__color-hex{text-transform:none;letter-spacing:.02em;font-weight:600}.stories-user-story-row__preview{color:color-mix(in srgb,white 78%,var(--color-text-primary));font-size:var(--font-size-sm);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stories-user-story-row__meta{color:color-mix(in srgb,white 60%,transparent);font-size:.72rem;letter-spacing:.01em}@media(max-width:560px){.stories-user-story-row{grid-template-columns:5.4rem minmax(0,1fr);min-height:8rem}.stories-user-story-row__image{width:5.4rem}.stories-user-story-row__content{padding:var(--space-sm)}}.stories-list__item--row span:not(.stories-version-chip):not(.publication-status-badge):not(.publication-status-badge-list){font-size:var(--font-size-sm);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.stories-list__card-title .stories-character-name-row{display:inline}.stories-list__card-title .stories-character-name-row>span{font-size:inherit;line-height:inherit;display:inline}.stories-list__item span.stories-list__card-summary{-webkit-line-clamp:3}.stories-list__card-stats{margin-top:0;display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;font-size:.7rem;line-height:1.3}.stories-list__card-stats-metrics{display:flex;flex-shrink:0;gap:.4rem;margin-left:auto}.stories-list__card-author{display:inline-flex;align-items:center;min-width:0;max-width:58%;padding:.18rem .35rem .18rem 0;border-radius:0 999px 999px 0;background-color:#0000008c}.stories-list__card-author-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--color-accent-blue) 92%,white)}.stories-list__card-stat{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .35rem;border-radius:999px;background-color:#0000008c}.stories-list__card-stat-icon{width:.75rem;height:.75rem;display:block;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.stories-list__card-stat-label{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-accent-blue) 92%,white)}.stories-list__item.is-selected{border-color:var(--color-accent-orange);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 60%,transparent)}.stories-current-story{margin:0;font-weight:600;color:var(--color-accent-orange)}.stories-detail__header{display:grid;gap:var(--space-sm)}.stories-detail__header h2{margin:0}#characters-list-title,#templates-list-title{margin-top:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}.stories-response{background:color-mix(in srgb,var(--color-bg-primary) 70%,black);border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);border-radius:var(--radius-md);padding:var(--space-sm);display:grid;gap:var(--space-xs);overflow:visible}.stories-response h3,.stories-response p{margin:0}.stories-response h3{font-size:var(--font-size-md)}.stories-spinner-wrapper{min-height:6rem;display:grid;place-items:center}.stories-spinner{width:2rem;height:2rem;border-radius:999px;border:3px solid color-mix(in srgb,var(--color-accent-blue) 28%,transparent);border-top-color:var(--color-accent-blue);animation:stories-spin .85s linear infinite}.stories-spinner--inline{display:inline-block;width:1rem;height:1rem;border-width:2px;vertical-align:middle}@keyframes stories-spin{to{transform:rotate(360deg)}}.stories-response p{white-space:pre-wrap}.stories-messages{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-sm);overflow:visible}.stories-message-row{position:relative;display:grid;gap:var(--space-sm)}.stories-message-row.is-editing{align-items:stretch}.stories-message{margin:0;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);background:var(--story-message-background);cursor:pointer}.stories-message--highlight{animation:stories-message-highlight 5s ease-out}.stories-message.is-editing{width:100%;padding:var(--space-md);min-height:12rem;cursor:default}.stories-message-actions{position:absolute;z-index:10;display:inline-flex;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 96%,black);box-shadow:0 6px 16px color-mix(in srgb,black 24%,transparent)}.stories-message-actions__button{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);width:2rem;height:2rem;display:grid;place-items:center;cursor:pointer}.stories-message-actions__button:not(:disabled):hover{background:color-mix(in srgb,var(--color-accent-blue) 24%,transparent)}.stories-message-actions__button:disabled{cursor:not-allowed;opacity:.5}.stories-message-actions__button.stories-message-actions__button--danger:not(:disabled):hover{background:color-mix(in srgb,var(--color-error) 34%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-error) 42%,transparent)}.stories-message-actions__icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.stories-message-actions__button--danger .stories-message-actions__icon{filter:invert(27%) sepia(89%) saturate(2500%) hue-rotate(340deg) brightness(95%) contrast(105%)}.stories-message p{margin:0;white-space:pre-wrap}.stories-message__text{margin:0;white-space:pre-wrap;color:var(--story-narration-color)}.stories-message__text--dialog{color:var(--story-dialogue-color)}.stories-message__text--streaming:after{content:"▌";display:inline-block;margin-left:1px;animation:stories-message-caret .9s steps(2,start) infinite}@keyframes stories-message-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}.stories-message__inline--muted-italic{color:var(--color-text-muted);font-style:italic}.stories-message__inline--bold{font-weight:700}.stories-message__meta{margin:0 0 var(--space-2xs);font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 76%,transparent)}.stories-message__prompt-credits{display:flex;justify-content:flex-end;margin:var(--space-2xs) 0 0;font-size:var(--font-size-xs);font-weight:500;color:color-mix(in srgb,var(--color-text-primary) 52%,transparent)}.stories-message__prompt-credits-inner{display:inline-flex;align-items:center;gap:.35em;max-width:100%}.stories-message__prompt-credits-amount{white-space:nowrap}.stories-message__prompt-credits-icon{width:1.15em;height:1.15em;flex-shrink:0;display:block;opacity:.92}.stories-message-inline-editor{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-xs);height:100%;min-height:100%}.stories-message-inline-editor__input{width:100%;border:1px solid color-mix(in srgb,var(--color-accent-blue) 34%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-primary) 78%,black);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);font:inherit;resize:vertical;height:100%;min-height:4.5rem}.stories-message-inline-editor__input:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}@keyframes stories-message-highlight{0%{background:radial-gradient(circle at top,color-mix(in srgb,var(--color-accent-blue) 36%,transparent) 0,transparent 65%),color-mix(in srgb,var(--color-bg-primary) 96%,white);box-shadow:0 0 #fff3}40%{background:radial-gradient(circle at top,color-mix(in srgb,var(--color-accent-blue) 22%,transparent) 0,transparent 65%),color-mix(in srgb,var(--color-bg-primary) 90%,white);box-shadow:0 0 0 4px #ffffff1f}to{background:var(--story-message-background);box-shadow:0 0 #fff0}}.stories-message-inline-editor__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stories-message-inline-editor__save{min-width:6rem}.stories-dev-panel{border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 88%,black);padding:var(--space-xs)}.stories-dev-panel h4{margin:0 0 var(--space-2xs);font-size:var(--font-size-sm);color:var(--color-accent-blue)}.stories-dev-panel dl{margin:0;display:grid;gap:var(--space-2xs)}.stories-dev-panel dl div{display:flex;justify-content:space-between;gap:var(--space-sm)}.stories-dev-panel dt,.stories-dev-panel dd{margin:0;font-size:var(--font-size-sm)}.stories-dev-panel dt{color:color-mix(in srgb,var(--color-text-primary) 72%,transparent)}.stories-dev-panel dd{font-variant-numeric:tabular-nums}.stories-message--user{border-color:color-mix(in srgb,var(--color-accent-orange) 42%,transparent)}.stories-message--assistant{border-color:color-mix(in srgb,var(--color-accent-blue) 42%,transparent)}.stories-message--system{border-color:color-mix(in srgb,var(--color-text-primary) 28%,transparent)}.user-story-chat-view{--user-story-chat-max-width: 42rem;--user-story-chat-dev-width: 16rem;--user-story-chat-header-height: 4rem;--text-ui-scaling: 1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;width:100%;background:var(--page-background-color, var(--color-bg-primary));font-family:var(--reader-font-family, inherit)}.app-shell--user-story-chat .user-story-chat-view{height:auto;flex:1 1 auto}.user-story-chat-view__sticky-header{position:fixed;top:0;left:0;right:0;z-index:10;height:var(--user-story-chat-header-height);box-sizing:border-box;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-bg-surface) 50%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);flex-shrink:0}.user-story-chat-view__title{flex:1;margin:0;font-size:var(--font-size-lg);font-weight:700;line-height:1.25;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-story-chat-view__header-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.user-story-chat-view__sync-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;padding:0 .5rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 56%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;flex-shrink:0;max-width:11rem;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.user-story-chat-view__sync-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 22%,transparent);border-color:color-mix(in srgb,var(--color-accent-blue) 72%,transparent)}.user-story-chat-view__sync-btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.user-story-chat-view__sync-btn:disabled{opacity:.75;cursor:not-allowed}.user-story-chat-view__sync-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-story-chat-view__sync-banner{width:100%;max-width:var(--user-story-chat-max-width);margin:0 auto var(--space-sm);flex-shrink:0}.user-story-chat-view__settings-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid color-mix(in srgb,var(--color-accent-blue) 56%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent);color:var(--color-accent-blue);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.user-story-chat-view__settings-btn:hover{background:color-mix(in srgb,var(--color-accent-blue) 28%,transparent);border-color:color-mix(in srgb,var(--color-accent-blue) 72%,transparent);transform:translateY(-1px)}.user-story-chat-view__settings-btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.user-story-chat-view__settings-icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.user-story-chat-view__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:var(--space-md);padding-top:calc(var(--user-story-chat-header-height) + var(--space-md));zoom:var(--text-ui-scaling, 1)}.user-story-chat-view__messages{width:100%;max-width:var(--user-story-chat-max-width);margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;gap:var(--space-sm);padding:0;position:relative;background:transparent;border:none;border-radius:0}.user-story-chat-view__messages--loading{background:radial-gradient(circle at top,color-mix(in srgb,var(--color-accent-blue) 10%,transparent) 0,transparent 60%),var(--page-background-color, var(--color-bg-primary));background-attachment:local}.user-story-chat-view__messages .stories-feedback,.user-story-chat-view__messages>p{margin:0}.user-story-chat-view__message-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0;width:100%;min-height:min-content}.user-story-chat-view__load-more-sentinel{min-height:32px;list-style:none;display:flex;align-items:center;justify-content:center}.user-story-chat-view__message-row{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.user-story-chat-view__message-row--hidden{opacity:0;pointer-events:none}.user-story-chat-view__message-bubble-wrap{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;min-width:0}.user-story-chat-view__message-bubble-wrap>.stories-message{width:100%;max-width:100%}@media(max-width:1159px){.user-story-chat-view__message-row.has-dev-panel .user-story-chat-view__dev-panel{display:none}}.user-story-chat-view__dev-panel-overlay{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:var(--space-md);background:color-mix(in srgb,rgba(0,0,0,.82) 100%,transparent)}.user-story-chat-view__dev-panel-overlay.is-open{display:flex}.user-story-chat-view__dev-panel-overlay-inner{width:100%;max-width:22rem;max-height:min(70vh,26rem);overflow:auto}@media(min-width:1160px){.user-story-chat-view__dev-panel-overlay{display:none!important}.stories-message-actions__button[data-dev-panel-trigger]{display:none}}.user-story-chat-view__form{flex-shrink:0;width:100%;max-width:var(--user-story-chat-max-width);margin:var(--space-md) auto 0}.user-story-chat-view__prompt-label-row{width:100%}.user-story-chat-view__form .user-story-chat-view__prompt-last-reply-credits{margin:0;flex-shrink:0;text-align:right;font-size:var(--font-size-xs);font-weight:500;color:color-mix(in srgb,var(--color-text-primary) 52%,transparent)}.user-story-chat-view__go-to-bottom{position:fixed;right:max(var(--space-md),env(safe-area-inset-right));bottom:max(var(--space-md),env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;color:var(--color-bg-primary);background:var(--color-accent-blue);border:none;border-radius:50%;box-shadow:0 2px 12px #0003;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.user-story-chat-view__go-to-bottom-icon{width:1.25rem;height:1.25rem;display:block}.user-story-chat-view__go-to-bottom:hover{opacity:.95;transform:translateY(-1px)}.user-story-chat-view__go-to-bottom:active{transform:translateY(0)}@media(min-width:1160px){.user-story-chat-view__body{align-items:stretch;padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}.user-story-chat-view__messages,.user-story-chat-view__message-list{max-width:none;width:100%}.user-story-chat-view__messages>.stories-feedback,.user-story-chat-view__messages>p{box-sizing:border-box;width:100%;max-width:var(--user-story-chat-max-width);margin-inline:auto}.user-story-chat-view__message-row{display:grid;grid-template-columns:1fr minmax(0,var(--user-story-chat-max-width)) 1fr;gap:var(--space-lg);align-items:start}.user-story-chat-view__message-row>.user-story-chat-view__message-bubble-wrap{grid-column:2;min-width:0}.user-story-chat-view__message-row.has-dev-panel .user-story-chat-view__dev-panel{grid-column:3;position:sticky;top:calc(var(--user-story-chat-header-height) + var(--space-md));max-width:var(--user-story-chat-dev-width)}.user-story-chat-view__form{align-self:center;width:100%}}.explore-toolbar{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:0;overflow-x:hidden}.explore-toolbar__categories{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.explore-toolbar__category-button{border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 86%,black);color:var(--color-text-primary);text-decoration:none;font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.explore-toolbar__category-button:hover{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent)}.explore-toolbar__category-button.is-active{border-color:var(--color-accent-orange);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 45%,transparent)}.explore-toolbar__category-button:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.explore-toolbar__engagement{order:3;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.explore-toolbar__engagement-button{display:inline-flex;align-items:center;gap:var(--space-2xs);border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 86%,black);color:color-mix(in srgb,var(--color-text-primary) 55%,transparent);font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.explore-toolbar__engagement-button:hover{border-color:color-mix(in srgb,var(--color-text-primary) 40%,transparent);color:color-mix(in srgb,var(--color-text-primary) 75%,transparent)}.explore-toolbar__engagement-button:hover .explore-toolbar__engagement-icon{opacity:.75}.explore-toolbar__engagement-button.is-active .explore-toolbar__engagement-icon{opacity:1}.explore-toolbar__engagement-button.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 45%,transparent)}.explore-toolbar__engagement-button--liked.is-active{border-color:color-mix(in srgb,var(--color-error) 60%,transparent);color:color-mix(in srgb,var(--color-error) 90%,transparent)}.explore-toolbar__engagement-button--liked.is-active .explore-toolbar__engagement-icon{filter:invert(13%) sepia(97%) saturate(6934%) hue-rotate(-6deg) brightness(95%) contrast(124%)}.explore-toolbar__engagement-button--bookmarked.is-active{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent);color:var(--color-accent-orange)}.explore-toolbar__engagement-button--bookmarked.is-active .explore-toolbar__engagement-icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.explore-toolbar__engagement-button:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.explore-toolbar__engagement-button:disabled{cursor:not-allowed;opacity:.55}.explore-toolbar__engagement-button:disabled:hover{border-color:color-mix(in srgb,var(--color-text-primary) 20%,transparent);color:color-mix(in srgb,var(--color-text-primary) 55%,transparent)}.explore-toolbar__engagement-icon{width:1rem;height:1rem;flex-shrink:0;margin-left:2px;opacity:.55;transition:opacity .15s,filter .15s}.explore-toolbar__search{order:2;position:relative;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-bg-surface) 92%,black);box-shadow:0 8px 20px color-mix(in srgb,black 30%,transparent)}.explore-toolbar__search input{flex:1;width:100%;border:0;border-radius:999px;background:transparent;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);padding:.55rem 2.25rem}.explore-toolbar__search input:focus{outline:none}.explore-toolbar__search:focus-within{outline:none;box-shadow:0 8px 20px color-mix(in srgb,black 30%,transparent),inset 0 0 0 2px var(--color-accent-orange)}.explore-toolbar__search-icon{position:absolute;left:.8rem;width:1rem;height:1rem;opacity:.8;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%);pointer-events:none}.explore-toolbar__search-clear{position:absolute;right:.45rem;width:1.5rem;height:1.5rem;border:0;border-radius:999px;background:transparent;color:var(--color-accent-blue);font:inherit;font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.explore-toolbar__search-clear:hover{background:transparent;color:var(--color-accent-blue)}.explore-toolbar__search-clear:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.explore-toolbar__controls-row{order:4;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:flex-start;--explore-control-bucket-width: 11.5rem;min-width:0;overflow-x:auto}.explore-toolbar__active-tags{order:4}.explore-toolbar__tags-button{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent-blue) 40%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 90%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;box-shadow:0 3px 10px color-mix(in srgb,black 40%,transparent)}.explore-toolbar__tags-button:hover{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 16%,var(--color-bg-surface))}.explore-toolbar__tags-hash{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 50%,transparent);font-weight:700}.explore-toolbar__results-and-sort{display:flex;flex-wrap:nowrap;gap:var(--space-sm);align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0}.explore-toolbar__inline-select{position:relative;display:inline-flex;align-items:center;font-size:var(--font-size-sm);flex:0 0 auto;width:auto;min-width:0}.explore-toolbar__inline-select-label{color:color-mix(in srgb,var(--color-text-primary) 76%,transparent)}.explore-toolbar__inline-select select{width:100%;min-height:2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 30%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 80%,black);color:var(--color-text-primary);padding:.25rem 2rem .25rem .8rem;font:inherit;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.explore-toolbar__inline-select:after{content:"▾";position:absolute;right:.8rem;font-size:.75rem;color:color-mix(in srgb,var(--color-text-primary) 85%,transparent);pointer-events:none}.explore-toolbar__inline-select select:hover,.explore-toolbar__dropdown-button:hover{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent)}.explore-toolbar__inline-select select:focus-visible,.explore-toolbar__dropdown-button:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.explore-toolbar__inline-select select:active,.explore-toolbar__dropdown-button:active{background:color-mix(in srgb,var(--color-accent-orange) 14%,var(--color-bg-surface))}.explore-toolbar__results{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 80%,transparent);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-results-count{margin:0;margin-bottom:calc(-1 * var(--space-md) + var(--space-xs));padding-block:0;font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 80%,transparent)}.stories-flow>.explore-results-count+.stories-card{margin-top:calc(-1 * var(--space-sm))}.explore-toolbar__sort-button{display:inline-flex;align-items:center;gap:.3rem;min-width:0;padding:.25rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 40%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.explore-toolbar__sort-button:hover{border-color:var(--color-accent-orange)}.explore-toolbar__dropdown-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto;width:auto;min-width:0;min-height:2rem;padding:.25rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 30%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 80%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.explore-toolbar__dropdown-value{min-width:0;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-toolbar__dropdown-arrow{flex-shrink:0;font-size:.75rem;color:color-mix(in srgb,var(--color-text-primary) 85%,transparent)}.explore-toolbar__date-summary{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 76%,transparent)}.explore-toolbar__sort-icon{font-size:.85rem}.explore-toolbar__sort-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.explore-toolbar__controls-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:flex-start;overflow-x:auto}}.explore-toolbar__audience-select{display:flex;align-items:center;gap:.35rem;font-size:var(--font-size-sm)}.explore-toolbar__audience-label{color:color-mix(in srgb,var(--color-text-primary) 76%,transparent)}.explore-toolbar__audience-select select{border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 30%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 80%,black);color:var(--color-text-primary);padding:.2rem .8rem;font:inherit;font-size:var(--font-size-sm)}.explore-toolbar__ranges-row{display:flex;flex-wrap:wrap;gap:.4rem}.explore-toolbar__range-pill{border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text-primary) 30%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 88%,black);color:var(--color-text-primary);padding:.2rem .75rem;font:inherit;font-size:var(--font-size-sm);cursor:pointer}.explore-toolbar__range-pill.is-active{border-color:var(--color-accent-orange);background:color-mix(in srgb,var(--color-accent-orange) 20%,var(--color-bg-surface));box-shadow:0 3px 10px color-mix(in srgb,var(--color-accent-orange) 50%,transparent)}.explore-toolbar__active-tags{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.explore-toolbar__tag-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent-blue) 40%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 18%,var(--color-bg-surface));color:var(--color-text-primary);padding:.15rem .6rem;font:inherit;font-size:var(--font-size-sm);cursor:pointer}.explore-toolbar__tag-pill-remove{font-size:.8rem}.explore-toolbar__clear-tags{border:0;background:transparent;color:color-mix(in srgb,var(--color-text-primary) 70%,transparent);font:inherit;font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer}.explore-toolbar__reset-filters{border:0;background:transparent;color:color-mix(in srgb,var(--color-accent-orange) 90%,transparent);font:inherit;font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer;margin-left:var(--space-xs)}.explore-tags-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in srgb,black 70%,transparent)}.explore-tags-panel{width:min(100%,38rem);max-height:85dvh;display:grid;grid-template-rows:auto auto 1fr;background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);box-shadow:0 14px 32px color-mix(in srgb,black 60%,transparent);overflow:hidden}.explore-tags-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm)}.explore-tags-panel__title{margin:0;font-size:var(--font-size-md);font-weight:600;flex:1;text-align:center}.explore-tags-panel__close-x{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.1rem;border-radius:var(--radius-sm);transition:color .15s,background .15s;flex-shrink:0}.explore-tags-panel__close-x:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.explore-tags-panel__header:before{content:"";width:1.75rem;flex-shrink:0}.explore-tags-panel__search-row{display:flex;align-items:center;gap:var(--space-xs);margin:0 var(--space-md) var(--space-sm);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-bg-primary) 60%,black);border:1px solid color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:var(--radius-md)}.explore-tags-panel__search-icon{width:1rem;height:1rem;opacity:.5;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%);flex-shrink:0}.explore-tags-panel__search-input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.explore-tags-panel__search-input::placeholder{color:var(--color-text-muted)}.explore-tags-panel__body{padding:var(--space-xs) var(--space-md) var(--space-md);overflow-y:auto}.explore-filters-panel__body{display:grid;gap:var(--space-sm)}.explore-tags-panel__list{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.explore-tags-panel__tag-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 82%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.explore-tags-panel__tag-button.is-active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 18%,var(--color-bg-primary))}.explore-tags-panel__tag-label{text-align:left}.explore-tags-panel__tag-indicator{font-size:.85rem}.explore-tags-panel__pill-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0}.explore-tags-panel__pill{display:inline-flex;align-items:center;gap:.1rem;padding:.3rem .7rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 70%,black);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .12s,background .12s;white-space:nowrap}.explore-tags-panel__pill:hover{border-color:color-mix(in srgb,var(--color-accent-blue) 60%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 10%,var(--color-bg-primary))}.explore-tags-panel__pill.is-active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 20%,var(--color-bg-primary));color:var(--color-accent-blue)}.explore-tags-panel__pill-hash{opacity:.5;margin-right:.05rem}@keyframes story-detail-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes story-detail-fade-in{0%{opacity:0}to{opacity:1}}.story-detail-view{background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);font-family:Georgia,serif;--story-detail-max-width: 62rem}.story-detail-view--loading,.story-detail-view--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);min-height:100vh}.story-detail-inner{width:min(100%,var(--story-detail-max-width));min-width:0;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;position:relative}.story-detail-cover{position:relative;width:100%;display:flex;flex-direction:column;height:auto;overflow:visible;min-height:0;flex-shrink:0}.story-detail-cover--expanded{height:auto}.story-detail-cover__media{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:min(40vh,480px);flex-shrink:0;overflow:hidden;max-width:100%;transition:height .3s ease}.story-detail-cover--expanded .story-detail-cover__media{height:min(85vh,1200px)}.story-detail-cover__media--clickable{cursor:pointer}.story-detail-cover__img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;margin:0 auto;object-fit:contain;object-position:center}.story-detail-cover__scrim{display:none}.story-detail-cover__topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px}.story-detail-actions-menu{position:relative}.story-detail-actions-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:10rem;background:var(--color-bg-surface);border:1px solid color-mix(in srgb,white 12%,transparent);border-radius:var(--radius-md);box-shadow:0 12px 30px color-mix(in srgb,black 30%,transparent);overflow:hidden;z-index:30}.story-detail-actions-menu__item{width:100%;border:0;background:transparent;color:var(--color-text-primary);text-align:left;font:inherit;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.story-detail-actions-menu__item:hover{background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent)}.story-detail-actions-menu__item img{width:1.25rem;height:1.25rem;flex-shrink:0;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.story-detail-cover__meta{position:static;padding:var(--space-md) 18px var(--space-sm);background:var(--color-bg-primary);border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.story-detail-cover__title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:clamp(1.125rem,4.5vw + .5rem,1.625rem);line-height:1.2;color:var(--color-text-primary);margin:0 0 var(--space-xs);overflow-wrap:anywhere;word-break:break-word}.story-demonetized-badge__icon--title{width:1.35rem;height:1.35rem;flex-shrink:0}.story-demonetized-badge-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.story-demonetized-badge-trigger{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:2px;border:none;border-radius:.35rem;background:transparent;cursor:pointer;line-height:0}.story-demonetized-badge-trigger:hover{background:color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.story-demonetized-badge-trigger:focus-visible{outline:2px solid var(--color-accent-blue, #275ec2);outline-offset:2px}.story-demonetized-explainer{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:min(18rem,calc(100vw - 2.5rem));max-width:min(18rem,calc(100vw - 2.5rem));box-sizing:border-box;padding:.5rem .65rem;font-size:var(--font-size-xs, .8125rem);line-height:1.4;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent);border-radius:.4rem;box-shadow:0 4px 14px rgba(var(--color-black-rgb),.12),0 0 0 1px color-mix(in srgb,var(--color-text-primary) 6%,transparent);word-break:normal;overflow-wrap:break-word}.story-detail-cover__subtitle{font-family:var(--font-family-base);font-size:.75rem;color:var(--color-text-muted)}.story-detail-cover__author{margin-top:.35rem;font-family:var(--font-family-base);font-size:.8125rem}.story-detail-cover__author-link{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:2px}.story-detail-cover__author-link:hover{opacity:.88}.story-detail-cover__clear-fields{margin:0 0 var(--space-xs);align-self:flex-start}.story-detail-cover__topbar .story-detail-btn-icon{width:40px;height:40px}.story-detail-cover__topbar .story-detail-btn-icon img{width:1.375rem;height:1.375rem}@media(max-width:560px){.story-detail-cover__media{height:min(38vh,400px)}.story-detail-cover__meta{padding:var(--space-md) 14px var(--space-sm)}.story-detail-cover__title{margin-bottom:8px}.story-detail-cover__subtitle{font-size:.6875rem;line-height:1.35}.story-detail-cover__topbar{padding:10px 12px}.story-detail-cover__topbar .story-detail-btn-icon{width:36px;height:36px}.story-detail-cover__topbar .story-detail-btn-icon img{width:1.125rem;height:1.125rem}.story-detail-cover .story-detail-cover__request-publication{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);max-width:min(100%,17rem);box-sizing:border-box}}.story-detail-back-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,white 20%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 72%,transparent);color:var(--color-text-primary);font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .15s}.story-detail-back-btn:hover{background:color-mix(in srgb,var(--color-bg-surface) 90%,transparent)}.story-detail-body{flex:1;min-width:0;padding:22px 18px 0;overflow-y:auto;overflow-x:clip}.story-detail-body-spacer{height:90px}.story-template-detail-body{display:grid;gap:var(--space-sm)}.story-detail-body .stories-card{min-width:0;max-width:100%}.story-detail-body .story-template-detail-section--collapsible .story-template-detail-section__heading{margin:0;margin-top:calc(-1 * var(--space-md) - 8px);font-size:var(--font-size-md);font-weight:700;width:calc(100% + 2 * var(--space-md));margin-left:calc(-1 * var(--space-md))}.story-detail-body .story-template-detail-section--collapsible .story-template-detail-section__heading .stories-collapsible__trigger{padding:calc(var(--space-md) + 8px) var(--space-md) var(--space-2xs) var(--space-md);min-height:2.5rem;display:flex}@media(max-width:720px){.story-detail-body .story-template-detail-section--collapsible .story-template-detail-section__heading{margin-top:calc(-1 * var(--space-md))}.story-detail-body .story-template-detail-section--collapsible .story-template-detail-section__heading .stories-collapsible__trigger{padding:var(--space-md) var(--space-md) var(--space-2xs) var(--space-md)}}.story-detail-body .story-template-detail-section--collapsible .stories-collapsible__content{padding-top:var(--space-2xs)}.story-detail-summary{font-size:1rem;line-height:1.82;color:color-mix(in srgb,white 75%,transparent);margin-bottom:22px;border-left:3px solid var(--color-accent-orange);padding-left:14px;white-space:pre-line}.story-detail-written-in{font-size:.9375rem;line-height:1.5;color:color-mix(in srgb,var(--color-text-primary) 88%,transparent);margin:0 0 14px}.story-detail-token-cost{font-family:var(--font-family-base);font-size:.8125rem;line-height:1.4;color:var(--color-text-muted);margin:0 0 18px}.story-detail-summary+.story-detail-token-cost{margin-top:-12px}.story-detail-section-label{font-family:var(--font-family-base);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px;display:flex;align-items:center;gap:10px}.story-detail-section-label:after{content:"";flex:1;height:1px;background:color-mix(in srgb,white 10%,transparent)}.story-detail-char-viewport{overflow:hidden;margin-bottom:4px}.story-detail-char-track{display:flex;width:calc((var(--char-count, 1) / 3) * 100%);transform:translate(calc(-1 * var(--char-start, 0) * 100% / var(--char-count, 1)));transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.story-detail-char-track .story-detail-char-card{flex:0 0 calc(100% / var(--char-count, 1) - (var(--char-count, 1) - 1) * 10px / var(--char-count, 1));margin-right:10px;min-width:0}.story-detail-char-track .story-detail-char-card:last-child{margin-right:0}.story-detail-char-card{cursor:pointer;animation:story-detail-fade-up .3s ease both;position:relative;width:100%;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;border:2px solid color-mix(in srgb,white 10%,transparent)}.story-detail-char-card__img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-image.story-detail-char-card__img{width:100%;height:100%;min-height:100%}.story-detail-char-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,color-mix(in srgb,var(--color-bg-primary) 92%,transparent));padding:22px 7px 7px;text-align:center}.story-detail-char-card__name{font-family:var(--font-family-base);font-size:.875rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.story-detail-char-card__role{font-family:var(--font-family-base);font-size:.5625rem;font-weight:700;color:var(--color-accent-orange);letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.story-detail-dots{display:flex;justify-content:center;gap:5px;margin-top:10px;margin-bottom:16px}.story-detail-dot{height:6px;width:6px;border-radius:3px;border:none;background:color-mix(in srgb,white 18%,transparent);cursor:pointer;padding:0;transition:width .25s,background-color .25s}.story-detail-dot--active{width:18px;background:var(--color-accent-orange)}.story-detail-divider{border:none;border-top:1px solid color-mix(in srgb,white 8%,transparent);margin:16px 0}.story-detail-scenarios{margin-bottom:20px}.story-detail-scenarios-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid color-mix(in srgb,white 8%,transparent);margin-bottom:12px}.story-detail-scenarios-tab{padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:.8125rem;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.story-detail-scenarios-tab:hover{color:var(--color-text-primary)}.story-detail-scenarios-tab--active{color:var(--color-accent-orange);border-bottom-color:var(--color-accent-orange)}.story-detail-scenarios-content{padding-top:4px}.story-detail-tabs{display:flex;border-bottom:1px solid color-mix(in srgb,white 8%,transparent);margin-bottom:20px}.story-detail-tab{flex:1;padding:10px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:.8125rem;font-weight:500;text-transform:capitalize;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.story-detail-tab:hover{color:var(--color-text-primary)}.story-detail-tab--active{color:var(--color-accent-orange);border-bottom-color:var(--color-accent-orange)}.story-detail-tabs--story-main .story-detail-tab{padding:12px 6px;font-size:1rem;font-weight:600}.story-detail-tab-content{animation:story-detail-fade-in .2s ease both}.story-detail-plot-para{font-size:1rem;line-height:1.88;color:color-mix(in srgb,white 70%,transparent);margin-bottom:18px}.story-detail-plot-para img{max-width:100%;max-height:min(50vh,560px);width:auto;height:auto;display:block;object-fit:contain}@media(max-width:480px){.story-detail-plot-para>div{padding:24px 16px!important}}.story-detail-plot-para--empty{color:var(--color-text-muted);font-style:italic}.story-detail-gallery-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,white 20%,transparent) transparent}.story-detail-gallery-thumb{flex-shrink:0;width:150px;height:100px;border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,white 8%,transparent)}.story-detail-gallery-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.story-detail-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.story-detail-gallery-item{border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;border:1px solid color-mix(in srgb,white 8%,transparent)}.story-detail-gallery-item--clickable{cursor:pointer}.story-detail-gallery-item__img{width:100%;height:100%;object-fit:cover;display:block}.story-detail-changelog{margin-bottom:24px}.story-detail-changelog-entry{display:flex;gap:12px}.story-detail-changelog-timeline{display:flex;flex-direction:column;align-items:center;width:8px}.story-detail-changelog-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-blue);margin-top:4px;flex-shrink:0}.story-detail-changelog-line{width:1px;flex:1;background:color-mix(in srgb,var(--color-accent-blue) 20%,transparent);min-height:22px;margin-top:3px}.story-detail-changelog-content{padding-bottom:18px}.story-detail-changelog-date{font-family:var(--font-family-base);font-size:.625rem;color:var(--color-accent-blue);letter-spacing:.05em;margin-bottom:2px}.story-detail-changelog-note{font-family:Georgia,serif;font-size:.875rem;color:color-mix(in srgb,white 62%,transparent)}.story-detail-comments-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);border:1px dashed color-mix(in srgb,white 12%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.story-detail-comments-placeholder__icon{font-size:1.75rem;opacity:.5}.story-detail-comments-placeholder__text{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.comments-thread{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent)}.comments-thread__header{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-sm)}.comments-thread__title{margin:0;font-size:var(--font-size-md);font-weight:600}.comments-thread__count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comments-thread__composer{margin-bottom:var(--space-md)}.comments-thread__error{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-danger)}.comments-thread__empty{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.comments-thread__list{display:flex;flex-direction:column;gap:var(--space-sm)}.comments-thread__pagination{margin-top:var(--space-md)}.comments-thread__load-more{width:100%}.comments-thread--guest{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent)}.comments-thread__guest-message{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.comments-item{display:flex;gap:var(--space-sm)}.comments-item__avatar{width:2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);color:var(--color-accent-blue);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.comments-item__avatar-initial{line-height:1}.comments-item__body{flex:1;min-width:0}.comments-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:baseline;margin-bottom:var(--space-2xs)}.comments-item__author{font-size:var(--font-size-sm);font-weight:600}.comments-item__timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comments-item__text{font-size:var(--font-size-sm);line-height:1.5}.comments-item__content{margin:0;white-space:pre-wrap}.comments-item__tombstone{color:var(--color-text-muted)}.comments-item__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-2xs)}.comments-item__action-button{padding:0;border:0;background:none;font:inherit;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer}.comments-item__action-button:hover{color:var(--color-text-primary)}.comments-item__action-button--danger{color:var(--color-danger)}.comments-item__action-button--danger:hover{color:color-mix(in srgb,var(--color-danger) 86%,black)}.comments-item__reply-form{margin-top:var(--space-xs)}.comments-item__replies{margin-top:var(--space-xs);border-left:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);padding-left:var(--space-sm)}.comments-item--skeleton .comments-item__avatar{background:color-mix(in srgb,var(--color-bg-elevated) 60%,var(--color-bg-primary) 40%)}.comments-item__meta--skeleton,.comments-item__text--skeleton{border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-elevated) 60%,var(--color-bg-primary) 40%)}.comments-item__meta--skeleton{width:6rem;height:.7rem;margin-bottom:var(--space-2xs)}.comments-item__text--skeleton{width:100%;height:1.2rem}.comments-form{display:flex;flex-direction:column;gap:var(--space-xs)}.comments-form__field{display:block}.comments-form__textarea{width:100%;resize:vertical;min-height:4rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.comments-form__textarea:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.comments-form__error{font-size:var(--font-size-xs);color:var(--color-danger)}.comments-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-end}.comments-form__button{padding-inline:var(--space-md)}.story-detail-bottom-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(100%,var(--story-detail-max-width));box-sizing:border-box;background:color-mix(in srgb,var(--color-bg-primary) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,white 8%,transparent);padding:12px 18px 20px;display:flex;gap:10px;align-items:center;z-index:20}.story-detail-bottom-bar__cta{flex:1}.story-detail-edit-footer{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(100%,var(--story-detail-max-width));box-sizing:border-box;background:color-mix(in srgb,var(--color-bg-primary) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,white 8%,transparent);padding:12px 70px 20px 18px;display:flex;gap:var(--space-md);align-items:center;justify-content:center;z-index:20}.story-detail-edit-footer__content{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.story-detail-edit-footer__feedback{margin:0}.story-detail-edit-footer__go-to-top{position:absolute;right:18px;top:auto;bottom:20px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,white 14%,transparent);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;cursor:pointer;transition:background-color .15s,border-color .15s;flex-shrink:0}.story-detail-edit-footer__go-to-top img{width:1.25rem;height:1.25rem;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.story-detail-edit-footer__go-to-top:hover{background:color-mix(in srgb,var(--color-bg-surface) 80%,white)}.story-detail-edit-footer__actions{margin:0;flex-shrink:0;display:flex;flex-direction:row;gap:var(--space-xs)}@media(max-width:560px){.story-detail-edit-footer{padding:10px 54px 14px 12px;gap:var(--space-sm)}.story-detail-edit-footer__go-to-top{right:10px;bottom:14px;width:36px;height:36px}.story-detail-edit-footer__go-to-top img{width:1.125rem;height:1.125rem}.story-detail-edit-footer .stories-button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}}.story-detail-btn-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,white 14%,transparent);background:var(--color-bg-surface);font-size:1.25rem;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;flex-shrink:0;padding:0}.story-detail-btn-icon svg,.story-detail-btn-icon img{width:1.25rem;height:1.25rem;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.story-detail-btn-icon:hover{background:color-mix(in srgb,var(--color-bg-surface) 80%,white)}.story-detail-btn-icon:active{transform:scale(.92)}.story-detail-btn-icon--hearted{border-color:color-mix(in srgb,var(--color-error) 60%,transparent);background:color-mix(in srgb,var(--color-error) 14%,var(--color-bg-surface))}.story-detail-btn-icon--hearted svg,.story-detail-btn-icon--hearted img{filter:invert(13%) sepia(97%) saturate(6934%) hue-rotate(-6deg) brightness(95%) contrast(124%)}.story-detail-btn-icon--bookmarked{border-color:color-mix(in srgb,var(--color-accent-orange) 60%,transparent);background:color-mix(in srgb,var(--color-accent-orange) 14%,var(--color-bg-surface))}.story-detail-btn-icon--bookmarked svg,.story-detail-btn-icon--bookmarked img{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.story-detail-start-error{padding:var(--space-sm) var(--space-md);margin:0 var(--space-md) var(--space-md);background:color-mix(in srgb,var(--color-error) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.story-detail-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);max-width:min(90%,var(--story-detail-max-width));padding:var(--space-xs) var(--space-md);border-radius:999px;background:color-mix(in srgb,var(--color-bg-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-blue) 40%,transparent);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);text-align:center;box-shadow:0 10px 30px color-mix(in srgb,black 30%,transparent);z-index:40;animation:story-detail-fade-in .2s ease-out}.story-detail-picker-overlay{position:fixed;inset:0;background:color-mix(in srgb,black 48%,transparent);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md)}.story-detail-picker{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:20rem;width:100%;box-shadow:0 12px 40px color-mix(in srgb,black 35%,transparent)}.story-detail-picker__title{margin:0 0 var(--space-md);font-size:var(--font-size-lg)}.story-detail-picker-list{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.story-detail-picker-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.story-detail-picker-item:hover:not(:disabled){border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.story-detail-picker-item:disabled{opacity:.7;cursor:not-allowed}.story-detail-picker-item__img{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.story-detail-picker-item__name{font-weight:500}.story-detail-picker__cancel{width:100%;background:transparent;border:1px solid color-mix(in srgb,var(--color-text-primary) 24%,transparent);color:var(--color-text-primary)}.story-start-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,black 48%,transparent);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md);overflow-y:auto}.story-start-modal{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:min(calc(100vw - 2 * var(--space-md)),var(--story-detail-max-width, 62rem));max-height:min(90vh,calc(100dvh - 2 * var(--space-md)));overflow-y:auto;box-shadow:0 12px 40px color-mix(in srgb,black 35%,transparent)}.story-start-modal-character-body{position:relative;min-height:0}.story-start-modal-character-body--loading{min-height:min(14rem,42vh)}.story-start-modal-character-body .story-start-modal__loading-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-surface) 82%,transparent)}.story-start-modal__loading-spinner{width:3rem;height:3rem;border-width:4px;flex-shrink:0}.story-start-modal__title{margin:0 0 var(--space-md);font-size:var(--font-size-lg)}.story-start-modal-error{padding:var(--space-sm);margin-bottom:var(--space-md);background:color-mix(in srgb,var(--color-error) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.story-start-modal-section{margin-bottom:var(--space-md)}.story-start-modal-section__label{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.story-start-modal-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.story-start-modal-tab{padding:var(--space-xs) var(--space-sm);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);color:inherit;font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s,background .15s}.story-start-modal-tab:hover{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.story-start-modal-tab--active{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent)}.story-start-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs);max-height:12rem;overflow-y:auto}.story-start-modal-scenarios{display:flex;flex-direction:column;gap:var(--space-xs);max-height:16rem;overflow-y:auto}.story-start-modal-scenario{display:flex;flex-direction:column;flex-shrink:0;border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);overflow:hidden}.story-start-modal-scenario__trigger{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.story-start-modal-scenario__trigger:hover{background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.story-start-modal-scenario__trigger.story-start-modal-item--selected{background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent)}.story-start-modal-scenario__summary{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-start-modal-scenario__chevron{flex-shrink:0;font-size:.7em;opacity:.8}.story-start-modal-scenario__body{flex-shrink:0;padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-bg-primary)}.story-start-modal-scenario__body[hidden]{display:none}.story-start-modal-scenario__description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.story-start-modal-list--chars{max-height:14rem}.story-start-modal-chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:var(--space-sm);max-height:18rem;overflow-x:hidden;overflow-y:auto}.story-start-modal .story-start-modal__card{cursor:pointer;border:2px solid transparent;text-align:left;font:inherit;padding:0;background:transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.story-start-modal .story-start-modal__card:hover{transform:scale(1.02)}.story-start-modal__card--selected{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 35%,transparent)}.story-start-modal-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.story-start-modal-item:hover{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.story-start-modal-item--selected{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent)}.story-start-modal-char{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.story-start-modal-char:hover{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 8%,transparent)}.story-start-modal-char--selected{border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent)}.story-start-modal-char__img{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.story-start-modal-char__name{font-weight:500}.story-start-modal-empty{margin:0 0 var(--space-sm);padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.story-start-modal-create__hint{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.story-start-modal-field{display:block;margin-bottom:var(--space-sm)}.story-start-modal-field span{display:block;margin-bottom:var(--space-2xs);font-size:var(--font-size-sm);font-weight:500}.story-start-modal-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.story-start-modal-input--textarea{min-height:4rem;resize:vertical}.story-start-modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.story-start-modal__cancel{flex:0 0 auto}.story-start-modal__start{flex:1}@media(min-width:480px){.story-start-modal{padding:var(--space-xl)}}@media(min-width:768px){.story-start-modal{max-height:85vh}.story-start-modal-list,.story-start-modal-list--chars{max-height:16rem}.story-start-modal-chars-grid{max-height:22rem}}.character-detail-view{--story-detail-max-width: 62rem}.character-detail-edit-form__delete-row{margin-top:var(--space-lg)}.story-characters-section{display:grid;gap:var(--space-sm)}.story-characters-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.story-characters-section__header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2xs)}.story-characters-section__title{margin:0;font-size:var(--font-size-md)}.story-characters-section__add-btn{font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.story-scenarios-section{display:grid;gap:var(--space-sm)}.story-scenarios-section--embedded{gap:var(--space-sm)}.story-scenarios-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.story-scenarios-section__title{margin:0;font-size:var(--font-size-md)}.story-scenarios-section__add-btn{font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.story-scenarios-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md)}.story-scenarios-item{display:grid;gap:0;min-width:0;padding:var(--space-md);background:color-mix(in srgb,white 4%,transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,white 10%,transparent)}.story-scenarios-section--embedded .story-scenarios-item{position:relative;padding-top:var(--space-md)}.story-scenarios-item__trigger{padding:0;margin:0;min-height:2rem;min-width:0}.story-scenarios-section--embedded .story-scenarios-item__trigger{margin-top:calc(-1 * var(--space-md) - 8px);padding-top:calc(var(--space-md) + 8px);padding-bottom:var(--space-2xs)}@media(max-width:720px){.story-scenarios-section--embedded .story-scenarios-item__trigger{margin-top:calc(-1 * var(--space-md));padding-top:var(--space-md)}}.story-scenarios-item--expanded .story-scenarios-item__trigger{margin-bottom:var(--space-sm)}.story-scenarios-item__summary{flex:1;min-width:0;max-width:min(100%,50ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:var(--font-size-sm)}.story-scenarios-item__content{margin-top:0}.story-scenarios-item__content[hidden]{display:none}.story-scenarios-item__fields{display:grid;gap:var(--space-sm)}.story-scenarios-item__first-message textarea,.story-scenarios-item__prompt textarea{min-height:60px}.story-scenarios-item__description-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap}.story-scenarios-item__remove{align-self:start}.story-scenarios-view{display:grid;gap:var(--space-sm)}.story-scenarios-view__title{margin:0;font-size:var(--font-size-md)}.story-scenarios-view__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2xs);border-bottom:1px solid color-mix(in srgb,white 8%,transparent);padding-bottom:var(--space-sm)}.story-scenarios-view__tab{padding:var(--space-2xs) var(--space-sm);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:var(--font-size-sm);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-2px}.story-scenarios-view__tab:hover{color:var(--color-text-primary)}.story-scenarios-view__tab--active{color:var(--color-accent-orange);border-bottom-color:var(--color-accent-orange)}.story-scenarios-view__content{padding-top:var(--space-sm)}.story-scenarios-view__description{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap}.story-characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.story-character-card{position:relative;border-radius:var(--radius-lg);background:var(--color-bg-primary);padding:0;display:grid;gap:0;box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent);overflow:hidden;aspect-ratio:2 / 3}.story-character-card .stories-list__image-wrap{position:absolute;inset:0;z-index:0}.story-character-card__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2.6rem 10px 12px;display:grid;grid-template-rows:auto auto auto;gap:4px;align-content:end;background:linear-gradient(to top,rgba(var(--color-black-rgb),.97),rgba(var(--color-black-rgb),.86) 58%,rgba(var(--color-black-rgb),0))}.story-character-card__delete{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:2}.story-character-card__edit-actions{position:absolute;bottom:var(--space-2xs);right:var(--space-2xs);z-index:2;display:flex;align-items:center;gap:2px}.story-character-card__edit-actions .story-character-card__edit{position:static}.story-character-card__name{font-size:var(--font-size-md);font-weight:700;text-align:center;color:color-mix(in srgb,white 96%,var(--color-text-primary))}.story-character-card__roles{display:flex;justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.story-character-role-tag{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;border:1px solid}.story-character-role-tag.is-active{background:var(--color-accent-orange);color:#fff;border-color:var(--color-accent-orange)}.story-character-role-tag:not(.is-active){background:transparent;color:var(--color-error);border-color:var(--color-error)}.story-character-card__edit{border:none;background:transparent;font-size:1.2rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:grid;place-items:center}.story-character-card__context{margin:0;font-size:var(--font-size-sm);color:color-mix(in srgb,white 72%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem}.story-characters-remove-preview{flex-direction:row;align-items:center;gap:var(--space-sm)}.story-characters-remove-preview__img{flex-shrink:0;width:7rem;height:7rem;object-fit:contain}.story-characters-remove-preview .placeholder-image{width:7rem;height:7rem;border-radius:var(--radius-md);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border-subtle) 70%,transparent)}.story-characters-remove-preview__name{font-weight:600;color:var(--color-text)}.story-character-context-editor{display:grid;gap:var(--space-xs)}.story-character-context-editor__input{resize:vertical;min-height:5rem}.story-character-context-editor__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.story-character-role-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .5rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;line-height:1.2;cursor:pointer;border:1px solid color-mix(in srgb,var(--color-error) 60%,transparent);background:transparent;color:color-mix(in srgb,var(--color-error) 80%,transparent);transition:background-color .15s,border-color .15s,color .15s}.story-character-role-toggle.is-active{color:var(--color-accent-orange);background:color-mix(in srgb,var(--color-accent-orange) 16%,transparent);border-color:var(--color-accent-orange)}.story-character-role-toggle:hover:not(.is-active){border-color:var(--color-error);color:var(--color-error)}.story-character-role-toggle__indicator{margin-left:.5em;font-size:.75em}.character-picker-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in srgb,black 56%,transparent)}.character-picker{width:min(100%,90vw);max-width:56rem;max-height:90vh;display:flex;flex-direction:column;background:var(--color-bg-surface);border:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);border-radius:var(--radius-lg);box-shadow:0 12px 28px color-mix(in srgb,black 42%,transparent);overflow:hidden}.character-picker__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent)}.character-picker__title{flex-shrink:0;margin:0;font-size:var(--font-size-lg)}.character-picker__close{padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-sm)}.character-picker__body{overflow-y:auto;padding:var(--space-md);min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.character-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.character-picker__card{cursor:pointer;border:none;text-align:left;font:inherit}.character-picker__card:not(:disabled):hover{transform:scale(1.02);transition:transform .15s ease}.character-picker__card--added{opacity:.65;cursor:default}.character-picker__added-badge{display:block;font-size:var(--font-size-sm);color:color-mix(in srgb,white 72%,transparent);margin-top:2px}.story-pictures-section{display:grid;gap:var(--space-sm)}.story-pictures-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.story-pictures-section__title{margin:0;font-size:var(--font-size-md)}.story-pictures-section__add-btn{font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.story-pictures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.story-picture-card{position:relative;border-radius:var(--radius-lg);background:var(--color-bg-primary);padding:0;display:grid;gap:0;box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent);overflow:hidden;aspect-ratio:2 / 3}.story-picture-card .stories-list__image-wrap{position:absolute;inset:0;z-index:0}.story-picture-card__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2.6rem 10px 12px;display:grid;grid-template-rows:auto;gap:4px;align-content:end;background:linear-gradient(to top,rgba(var(--color-black-rgb),.97),rgba(var(--color-black-rgb),.86) 58%,rgba(var(--color-black-rgb),0))}.story-picture-card__delete{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:2}.story-picture-card__edit{position:absolute;bottom:var(--space-2xs);right:var(--space-2xs);border:none;background:transparent;font-size:1.2rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:grid;place-items:center}.story-picture-card__context{margin:0;font-size:var(--font-size-sm);color:color-mix(in srgb,white 72%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem}.story-picture-card--cover{box-shadow:0 0 0 3px var(--color-accent-orange),0 4px 8px color-mix(in srgb,black 30%,transparent)}.story-picture-card__cover{position:absolute;top:var(--space-2xs);left:var(--space-2xs);z-index:2;border:none;background:color-mix(in srgb,var(--color-bg-surface) 88%,black);border-radius:var(--radius-sm);padding:.25rem;cursor:pointer;display:grid;place-items:center;transition:background-color .15s,transform .15s}.story-picture-card__cover:hover{background:color-mix(in srgb,var(--color-accent-orange) 24%,var(--color-bg-surface));transform:scale(1.1)}.story-picture-card__cover-icon{width:1rem;height:1rem;display:block}.story-picture-card__cover--active{background:var(--color-accent-orange)}.story-picture-context-editor{display:grid;gap:var(--space-xs)}.story-picture-context-editor__input{resize:vertical;min-height:5rem}.confirmation-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in srgb,black 56%,transparent)}.confirmation-modal--above-composition-tools{z-index:50}.confirmation-modal__dialog{width:min(100%,28rem);box-shadow:0 12px 28px color-mix(in srgb,black 42%,transparent)}.confirmation-modal__actions{margin-top:var(--space-xs)}.confirmation-modal--above-gallery{z-index:55}.confirmation-modal--above-folder-manager{z-index:56}.confirmation-modal:has(.generate-image-modal__dialog){z-index:60;overflow:auto}.confirmation-modal--above-generate{z-index:70}.generate-image-modal__dialog{width:min(100%,92vw);max-width:56rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.generate-image-modal__body{overflow-y:auto;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.generate-image-modal__dialog .stories-field textarea:focus{outline-offset:-2px}.generate-image-modal__actions{flex-shrink:0;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent);display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:var(--space-xs)}.generate-image-modal__dialog .explore-toolbar__inline-select:after{font-size:1rem;top:50%;transform:translateY(-50%)}@media(min-width:768px){.stories-card{padding:var(--space-lg)}.stories-list--grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.stories-list--grid.stories-list--grid-cols-max-5{grid-template-columns:repeat(auto-fill,minmax(max(13rem,calc((100% - 4 * var(--space-xs)) / 5)),1fr))}.stories-message-row{display:block}.stories-message-row.has-dev-panel{min-height:0}.stories-message{width:min(100%,46rem);justify-self:center}.stories-message.is-editing{width:min(100%,48rem)}}@media(min-width:1280px){.stories-message-row.has-dev-panel{position:relative;min-height:10.5rem}.stories-message-row.has-dev-panel .stories-dev-panel{position:absolute;top:0;left:calc(100% + var(--space-lg));width:16rem}}.stories-flow__header.composition-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm)}.composition-open-button{text-decoration:none}.composition-open-button:hover,.composition-open-button:focus{text-decoration:none}.composition-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.composition-header__actions a{text-decoration:none}.composition-header__actions a:hover,.composition-header__actions a:focus{text-decoration:none}.composition-editor-card{max-width:28rem;width:100%;min-width:0;margin-left:auto;margin-right:auto;padding:var(--space-sm);box-sizing:border-box}@media(max-width:360px){.composition-editor-card{padding:var(--space-xs)}}.composition-editor-card__title{margin:0 0 var(--space-md);font-size:var(--font-size-lg)}.composition-page__back{display:inline-flex;align-items:center;gap:.35rem;margin:0;text-decoration:none;color:inherit;position:absolute;top:calc(.5rem + env(safe-area-inset-top,0px));left:.5rem;z-index:44;pointer-events:auto;min-height:2.25rem;border-radius:999px;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 90%,black)}.composition-page__back-icon{display:block;width:1rem;height:1rem;object-fit:contain;filter:brightness(0) invert(1)}.composition-page__title{text-align:center}@media(max-width:768px){.composition-page{display:flex;flex-direction:column;gap:0;height:100dvh;overflow:hidden;position:relative;padding-top:calc(.5rem + env(safe-area-inset-top,0px))}.composition-page__back{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;border-radius:999px;justify-content:center;padding:0;gap:0;top:calc(.5rem + env(safe-area-inset-top,0px));left:.5rem;z-index:44}.composition-page__back-text,.composition-page__title{display:none}}.composition-page{overflow-x:hidden;position:relative}.composition-page .composition-editor-card{min-width:0}.composition-editor{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;max-width:100%;min-width:0;position:relative}.composition-editor__toolbar{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.composition-editor__toolbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%;max-width:24rem}.composition-editor__toolbar .stories-button,.composition-editor__toolbar-grid .stories-button{min-height:2.75rem}@media(max-width:480px){.composition-editor__toolbar .stories-button{min-height:2.75rem;padding:var(--space-sm) var(--space-md)}}@media(max-width:360px){.composition-editor__toolbar-grid{max-width:none;gap:var(--space-xs);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.composition-editor__toolbar .stories-button,.composition-editor__toolbar-grid .stories-button{min-height:2.25rem;padding:var(--space-xs) var(--space-sm);font-size:.75rem;line-height:1.2;white-space:normal;word-break:break-word;min-width:0}}.composition-editor__error{margin:0;width:100%}.composition-editor__dimensions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:center;width:100%;min-width:0}.composition-editor__dimension-input{width:5.5rem;min-width:5.5rem;-moz-appearance:textfield;appearance:textfield}.composition-editor__dimension-input::-webkit-outer-spin-button,.composition-editor__dimension-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.composition-editor__stage-wrap{width:100%;max-width:min(100%,980px);max-height:min(72dvh,760px);min-width:0;margin:0 auto;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:flex-start}.composition-editor__stage-scaled{flex-shrink:0}.composition-editor__stage{position:relative;flex-shrink:0;background:color-mix(in srgb,var(--color-text-primary) 8%,transparent);border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent)}@media(max-width:400px){.composition-editor__stage-wrap{max-width:calc(100vw - 2 * var(--space-md, 16px))}}@media(max-width:360px){.composition-editor__stage-wrap{max-width:calc(100vw - 2 * var(--space-xs, 8px))}}.composition-layer{position:absolute;cursor:grab;touch-action:none}.composition-layer:active{cursor:grabbing}.composition-layer__img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.composition-layer--selected .composition-layer__img{outline:6px solid var(--color-accent-orange);outline-offset:2px;box-shadow:0 0 0 3px var(--color-accent-orange);border-radius:var(--radius-sm)}.composition-layer--locked{cursor:default;pointer-events:none}.composition-layer--locked .composition-layer__img{opacity:.92}.composition-editor__layer-list{display:flex;flex-direction:column;gap:.5rem;max-height:min(14rem,42dvh);overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin}.composition-editor__layer-item{border:1px solid color-mix(in srgb,var(--color-accent-blue) 24%,transparent);border-radius:.75rem;padding:.35rem .45rem;display:flex;flex-direction:row;align-items:stretch;gap:0;background:color-mix(in srgb,var(--color-bg-surface) 88%,black)}.composition-editor__layer-item.is-selected{border-color:color-mix(in srgb,var(--color-accent-orange) 58%,transparent)}.composition-editor__layer-item.is-locked:not(.is-selected){border-color:color-mix(in srgb,var(--color-text-primary) 22%,transparent)}.composition-editor__layer-lock{appearance:none;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;min-height:2.75rem;margin:0 .25rem 0 0;padding:.25rem;border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);color:var(--color-text-primary);cursor:pointer}.composition-editor__layer-lock:hover{background:color-mix(in srgb,var(--color-accent-blue) 22%,transparent)}.composition-editor__layer-lock-icon{width:1.25rem;height:1.25rem;display:block;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__layer-lock-icon--locked{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__layer-select{appearance:none;border:0;background:transparent;color:var(--color-text-primary);display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-height:2.75rem;flex:1;min-width:0;width:auto;text-align:left;padding:.15rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.composition-editor__layer-thumb{width:2.75rem;height:2.75rem;flex-shrink:0;object-fit:contain;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.composition-editor__layer-thumb--empty{border:1px dashed color-mix(in srgb,var(--color-accent-blue) 35%,transparent)}.composition-editor__layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composition-editor__layer-tags{display:grid;grid-template-columns:5rem 5.85rem;column-gap:.35rem;align-items:center;flex-shrink:0}.composition-editor__layer-tag-slot{display:flex;align-items:center;min-height:1.45rem}.composition-editor__layer-tag-slot--locked{justify-content:flex-start}.composition-editor__layer-tag-slot--selected{justify-content:flex-end}.composition-editor__layer-selected-pill{flex-shrink:0;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;border:1px solid color-mix(in srgb,var(--color-accent-orange) 58%,transparent);white-space:nowrap}.composition-editor__layer-locked-pill{flex-shrink:0;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;border:1px solid color-mix(in srgb,var(--color-text-primary) 28%,transparent);color:color-mix(in srgb,var(--color-text-primary) 82%,transparent);white-space:nowrap}.composition-editor__controls{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:center;width:100%;min-width:0}.composition-editor__position-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:center}.composition-editor__position-row-main{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:center}.composition-editor__remove-bg-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:none;background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);padding:0}.composition-editor__remove-bg-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent)}.composition-editor__remove-bg-button:disabled{opacity:.5;cursor:default}.remove-background-preview{margin-top:var(--space-sm);display:flex;justify-content:center}.remove-background-preview__img{max-width:7rem;max-height:7rem;width:auto;height:auto;border-radius:var(--radius-md);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border-subtle) 70%,transparent);object-fit:contain}.composition-editor__label--position{display:inline-flex;align-items:center;gap:var(--space-xs)}.composition-editor__position-input{width:5.5rem;min-width:5.5rem;min-height:2rem;padding:var(--space-2xs) var(--space-xs);font:inherit;font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-primary);box-sizing:border-box;-moz-appearance:textfield;appearance:textfield}.composition-editor__position-input:focus{outline:2px solid var(--color-accent-orange);outline-offset:0}.composition-editor__position-input::-webkit-outer-spin-button,.composition-editor__position-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.composition-editor__label{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-primary)}.composition-editor__slider{width:120px;min-height:2.5rem;accent-color:var(--color-accent-blue)}.composition-editor__desktop-range-row{display:flex;align-items:center;gap:.5rem}@media(max-width:360px){.composition-editor__position-input{width:4.5rem;min-width:4.5rem;min-height:2rem;padding:var(--space-2xs) var(--space-xs);font-size:.8125rem}.composition-editor__label{gap:var(--space-2xs);font-size:.8125rem}.composition-editor__slider{width:80px;min-height:2rem}.composition-editor__scale-value,.composition-editor__scale-value--clickable{min-width:2.25rem;min-height:2rem;padding:var(--space-2xs) var(--space-xs);font-size:.8125rem}.composition-editor__scale-input{width:3rem;min-height:2rem;padding:var(--space-2xs) var(--space-xs);font-size:.8125rem}.composition-editor__z-buttons .stories-button,.composition-editor__controls .stories-button--danger{min-height:2rem;padding:var(--space-2xs) var(--space-xs);font-size:.75rem}}.composition-editor__scale-value{min-width:2.5rem;font-variant-numeric:tabular-nums}.composition-editor__scale-value--clickable{appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;padding:var(--space-xs) var(--space-sm);cursor:pointer;min-height:2.5rem}.composition-editor__scale-value--clickable:hover{background:color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-accent-blue) 30%,transparent)}.composition-editor__scale-value--clickable:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}.composition-editor__scale-input{width:4rem;min-height:2.5rem;padding:var(--space-xs) var(--space-sm);font:inherit;font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-primary)}.composition-editor__scale-input:focus{outline:2px solid var(--color-accent-orange);outline-offset:0}.composition-editor__z-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.composition-editor__icon-order-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;min-height:2.6rem;padding:.35rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent-blue) 36%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 18%,var(--color-bg-surface))}.composition-editor__icon-order-img{width:1.35rem;height:1.35rem;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__mobile-tabbar,.composition-editor__mobile-sheet,.composition-editor__mobile-backdrop{display:none}.composition-editor__tools-shell{display:contents}.composition-editor__desktop-tools-handle{display:none}@media(min-width:769px){.composition-editor{--composition-panel-width: clamp(20rem, 24vw, 26rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,980px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:0;align-items:start;width:100%}.composition-editor__error{grid-column:1 / -1}.composition-editor__stage-wrap{grid-column:2;grid-row:1;width:100%;max-width:none;max-height:min(calc(100dvh - 7rem),980px);justify-self:stretch}.composition-editor__tools-shell--desktop{position:fixed;z-index:32;display:grid;grid-template-columns:3.5rem var(--composition-panel-width);grid-template-rows:auto minmax(0,1fr);gap:var(--space-xs);align-items:start}.composition-editor__tools-shell--desktop-closed{grid-template-columns:3.5rem 0;column-gap:0}.composition-editor__tools-shell--desktop-closed .composition-editor__mobile-sheet{display:none}.composition-editor__tools-shell--desktop.is-dragging{-webkit-user-select:none;user-select:none}.composition-editor__desktop-tools-handle{display:inline-flex;grid-column:1 / -1;align-items:center;justify-content:center;min-height:1.5rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-bg-surface) 92%,black);cursor:grab;padding:0}.composition-editor__tools-shell--desktop.is-dragging .composition-editor__desktop-tools-handle{cursor:grabbing}.composition-editor__desktop-tools-handle-grip{width:2rem;height:.3rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent-blue) 62%,transparent)}.composition-editor__mobile-tabbar{display:flex;flex-direction:column;grid-column:1;grid-row:2;gap:.4rem;position:static;padding:.45rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 28%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);align-self:start;width:3.5rem}.composition-editor__mobile-tab{appearance:none;border:1px solid color-mix(in srgb,var(--color-accent-blue) 25%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--color-bg-surface) 85%,black);color:var(--color-text-primary);min-height:3rem;width:100%;padding:.45rem .35rem;display:inline-flex;align-items:center;justify-content:center}.composition-editor__mobile-tab.is-active{background:color-mix(in srgb,var(--color-accent-orange) 22%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-accent-orange) 55%,transparent)}.composition-editor__mobile-tab-icon{width:1.35rem;height:1.35rem;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__mobile-tab.is-active .composition-editor__mobile-tab-icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-sheet{display:flex;flex-direction:column;gap:var(--space-sm);grid-column:2;grid-row:2;justify-self:stretch;width:var(--composition-panel-width);position:static;max-height:calc(100dvh - 18rem);min-height:0;padding:var(--space-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 96%,black);transform:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto}.composition-editor__mobile-sheet::-webkit-scrollbar{display:none}.composition-editor__mobile-panel-content{display:flex;flex-direction:column;gap:.7rem}.composition-editor__mobile-sheet--compact .composition-editor__mobile-panel-content{gap:.4rem}.composition-editor__layer-z-actions,.composition-editor__mobile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:.4rem}.composition-editor__layer-z-actions .composition-editor__icon-order-button,.composition-editor__mobile-actions .composition-editor__mobile-icon-button{width:100%}.composition-editor__icon-order-button,.composition-editor__mobile-icon-button{border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black)}.composition-editor__mobile-icon-button{min-height:2.8rem;min-width:3.2rem}.composition-editor__mobile-icon-button .stories-message-actions__icon{width:1.35rem;height:1.35rem;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__mobile-icon-button .stories-message-actions__icon.composition-editor__icon--lock-closed{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-precision-toggle .stories-message-actions__icon{filter:brightness(0) invert(1)}.composition-editor__mobile-precision-toggle[aria-pressed=true] .stories-message-actions__icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-icon-button.stories-message-actions__button--danger{border-color:color-mix(in srgb,var(--color-error) 60%,transparent);background:color-mix(in srgb,var(--color-error) 14%,var(--color-bg-surface))}.composition-editor__mobile-icon-button.stories-message-actions__button--danger .stories-message-actions__icon{filter:invert(13%) sepia(97%) saturate(6934%) hue-rotate(-6deg) brightness(95%) contrast(124%)}.composition-editor__mobile-control-group{border:1px solid color-mix(in srgb,var(--color-accent-blue) 20%,transparent);border-radius:.8rem;padding:.55rem;display:flex;flex-direction:column;gap:.5rem}.composition-editor__mobile-control-title{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.composition-editor__mobile-range-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.composition-editor__stepper{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center}.composition-editor__stepper strong{min-width:4.2rem;text-align:center;font-variant-numeric:tabular-nums}.composition-editor__stepper .stories-button{min-height:2.8rem}.composition-editor__stepper--small{grid-template-columns:1fr 1fr}.composition-editor__mobile-slider,.composition-editor__mobile-primary{width:100%;min-height:2.8rem}.composition-editor__canvas-fields{display:flex;flex-wrap:wrap;gap:.5rem}.composition-editor__canvas-fields .composition-editor__position-input{min-height:2.6rem}}@media(max-width:768px){.composition-editor{flex:1 1 auto;min-height:0;gap:0;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.composition-editor__desktop-only{display:none!important}.composition-editor__stage-wrap{max-width:calc(100vw - .5rem);flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow:hidden}.composition-editor--mobile-sheet-open .composition-editor__stage-wrap{overflow:hidden}.composition-editor--mobile-sheet-open .composition-editor__stage{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-orange) 40%,transparent);filter:brightness(.9)}.composition-editor__mobile-backdrop{display:block;position:fixed;inset:0;border:0;background:color-mix(in srgb,#000 50%,transparent);z-index:39}.composition-editor__mobile-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;position:fixed;left:.5rem;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));padding:.45rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 28%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:41}.composition-editor__mobile-tab{appearance:none;border:1px solid color-mix(in srgb,var(--color-accent-blue) 25%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--color-bg-surface) 85%,black);color:var(--color-text-primary);min-height:3rem;padding:.45rem .35rem;display:inline-flex;align-items:center;justify-content:center}.composition-editor__mobile-tab.is-active{background:color-mix(in srgb,var(--color-accent-orange) 22%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-accent-orange) 55%,transparent)}.composition-editor__mobile-tab-icon{width:1.35rem;height:1.35rem;object-fit:contain;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__mobile-tab.is-active .composition-editor__mobile-tab-icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-sheet{display:flex;flex-direction:column;gap:var(--space-sm);position:fixed;left:.5rem;right:.5rem;bottom:calc(4.7rem + env(safe-area-inset-bottom,0px));max-height:min(60dvh,31rem);min-height:0;padding:var(--space-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 96%,black);transform:translateY(calc(100% + 1rem));transition:transform .22s ease;z-index:40;overflow:auto;pointer-events:none}.composition-editor__mobile-sheet--open{transform:translateY(0);pointer-events:auto}.composition-editor__mobile-sheet--compact{min-height:0;max-height:none;padding-top:.55rem;padding-bottom:.55rem}.composition-editor__mobile-sheet--compact .composition-editor__mobile-panel-content{gap:.4rem}.composition-editor__mobile-sheet--compact .composition-editor__layer-z-actions{justify-content:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}.composition-editor__mobile-panel-content{display:flex;flex-direction:column;gap:.7rem}.composition-editor__mobile-empty{margin:0;color:var(--color-fg-muted);font-size:var(--font-size-sm)}.composition-editor__layer-list{max-height:min(14rem,38dvh)}.composition-editor__layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.composition-editor__layer-actions .stories-button,.composition-editor__layer-z-actions .stories-button{min-height:2.8rem}.composition-editor__icon-order-button{min-width:2.8rem;min-height:2.8rem}.composition-editor__layer-z-actions,.composition-editor__mobile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:.4rem}.composition-editor__mobile-actions .upload-staging-modal__action{flex:0 0 auto;min-width:0}.composition-editor__mobile-actions .upload-staging-modal__action--icon{padding:0;box-shadow:none;background:transparent}.composition-editor__layer-z-actions .composition-editor__icon-order-button,.composition-editor__mobile-actions .composition-editor__mobile-icon-button{width:100%}.composition-editor__icon-order-button,.composition-editor__mobile-icon-button{border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent-blue) 30%,transparent);background:color-mix(in srgb,var(--color-bg-surface) 92%,black)}.composition-editor__mobile-icon-button{min-height:2.8rem;min-width:3.2rem}.composition-editor__mobile-icon-button .stories-message-actions__icon{width:1.35rem;height:1.35rem;filter:brightness(0) saturate(100%) invert(34%) sepia(15%) saturate(6355%) hue-rotate(198deg) brightness(89%) contrast(92%)}.composition-editor__mobile-icon-button .stories-message-actions__icon.composition-editor__icon--lock-closed{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-precision-toggle .stories-message-actions__icon{filter:brightness(0) invert(1)}.composition-editor__mobile-precision-toggle[aria-pressed=true] .stories-message-actions__icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-precision-row .composition-editor__mobile-icon-button .stories-message-actions__icon{filter:brightness(0) invert(1)}.composition-editor__mobile-precision-row .composition-editor__mobile-icon-button[aria-pressed=true] .stories-message-actions__icon{filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.composition-editor__mobile-icon-button.stories-message-actions__button--danger{border-color:color-mix(in srgb,var(--color-error) 60%,transparent);background:color-mix(in srgb,var(--color-error) 14%,var(--color-bg-surface))}.composition-editor__mobile-icon-button.stories-message-actions__button--danger .stories-message-actions__icon{filter:invert(13%) sepia(97%) saturate(6934%) hue-rotate(-6deg) brightness(95%) contrast(124%)}.composition-editor__icon-order-button:hover:not(:disabled),.composition-editor__mobile-icon-button:hover:not(:disabled){border-color:var(--color-accent-blue);background:color-mix(in srgb,var(--color-accent-blue) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-blue) 45%,transparent)}.composition-editor__mobile-control-group{border:1px solid color-mix(in srgb,var(--color-accent-blue) 20%,transparent);border-radius:.8rem;padding:.55rem;display:flex;flex-direction:column;gap:.5rem}.composition-editor__mobile-control-title{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.composition-editor__mobile-range-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.composition-editor__stepper{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center}.composition-editor__stepper strong{min-width:4.2rem;text-align:center;font-variant-numeric:tabular-nums}.composition-editor__stepper .stories-button{min-height:2.8rem}.composition-editor__stepper--small{grid-template-columns:1fr 1fr}.composition-editor__mobile-slider{width:100%;min-height:2.75rem}.composition-editor__mobile-primary{width:100%;min-height:3rem}.composition-editor__canvas-fields{display:flex;flex-wrap:wrap;gap:.5rem}.composition-editor__canvas-fields .composition-editor__position-input{min-height:2.6rem}}.publication-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-family:var(--font-family-base);font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.edit-publication-status{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.publication-status-badge-list{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.publication-status-badge--simplified{gap:.28rem;text-transform:none;letter-spacing:0;font-size:.7rem;padding:.16rem .5rem}.publication-status-badge__glyph{display:inline-flex;align-items:center;justify-content:center;width:.78rem;height:.78rem;font-size:.68rem;line-height:1;font-weight:800}.publication-status-badge__icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) saturate(100%) invert(43%) sepia(44%) saturate(1007%) hue-rotate(4deg) brightness(92%) contrast(92%)}.publication-status-badge--pending{color:var(--color-status-pending-text);background:color-mix(in srgb,var(--color-status-pending-base) 24%,transparent);border:1px solid color-mix(in srgb,var(--color-status-pending-base) 50%,transparent)}.publication-status-badge--published{color:var(--color-text-primary);background:var(--color-status-published-bg);border:1px solid var(--color-status-published-border)}.publication-status-badge--rejected{color:var(--color-text-primary);background:var(--color-status-rejected-bg);border:1px solid var(--color-status-rejected-border)}.stories-list__card-status{margin-top:4px}@media(max-width:560px){.stories-list__card-status.publication-status-badge-list{gap:.28rem}.stories-list__item span.stories-list__card-status.publication-status-badge-list .publication-status-badge--simplified{font-size:.625rem;padding:.12rem .4rem;gap:.22rem}.stories-list__item span.stories-list__card-status.publication-status-badge-list .publication-status-badge--simplified>span{font-size:inherit}.stories-list__item span.stories-list__card-status.publication-status-badge-list span.publication-status-badge__glyph{width:.7rem;height:.7rem;font-size:.6rem}.stories-list__item span.stories-list__card-status.publication-status-badge-list .publication-status-badge__icon{width:.9rem;height:.9rem}}.stories-user-story-row__status{margin-top:2px}.story-detail-cover__status{margin-top:8px}.story-detail-cover__request-publication{margin-top:8px;align-self:flex-end}.story-detail-cover__meta{display:flex;flex-direction:column;align-items:flex-start}.story-detail-cover__meta>.story-detail-cover__request-publication{align-self:flex-end}.rejection-feedback{background:color-mix(in srgb,var(--color-status-rejected-bg) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-status-rejected-bg) 40%,transparent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.rejection-feedback__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.rejection-feedback__icon{font-size:1rem}.rejection-feedback__title{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:700;color:color-mix(in srgb,var(--color-status-rejected-bg) 90%,white)}.rejection-feedback__message{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:color-mix(in srgb,white 88%,transparent);line-height:1.5;margin-bottom:var(--space-xs)}.rejection-feedback__date{font-family:var(--font-family-base);font-size:.75rem;color:color-mix(in srgb,white 60%,transparent)}.rejection-feedback__denial-date{margin-top:var(--space-xs);font-family:var(--font-family-base);font-size:.75rem;color:color-mix(in srgb,white 60%,transparent);text-align:left}.story-detail-rejection-feedback{margin-bottom:22px}.publication-request-modal__message>p:last-child{margin-bottom:0}.publication-request-modal__consent{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 14%,transparent)}.publication-request-modal__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.publication-request-modal__checkbox{width:1.125rem;height:1.125rem;margin:0;flex-shrink:0;accent-color:var(--color-accent-blue);cursor:pointer}.publication-request-modal__checkbox:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.publication-request-modal__checkbox-text{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text-primary) 84%,transparent);line-height:1.4}.tag-picker{position:relative;display:flex;flex-direction:column;gap:var(--space-xs)}.tag-picker__selected{display:flex;flex-wrap:wrap;gap:var(--space-2xs);list-style:none;margin:0;padding:0}.tag-picker__pill{display:inline-flex;align-items:center;gap:var(--space-2xs);background:color-mix(in srgb,var(--color-accent-blue) 20%,transparent);border:1px solid var(--color-accent-blue);border-radius:var(--radius-lg);padding:.1875rem var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-primary)}.tag-picker__pill-name{line-height:1.4}.tag-picker__pill-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1rem;line-height:1;padding:0 .125rem;transition:color .15s}.tag-picker__pill-remove:hover:not(:disabled){color:var(--color-error)}.tag-picker__pill-remove:disabled{cursor:not-allowed;opacity:.5}.tag-picker__nsfw-badge{font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-sm);padding:.0625rem .3rem}.tag-picker__pill-hash{opacity:.5;margin-right:.05rem}.tag-picker__open-button{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:.3rem var(--space-sm);border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--color-text-muted) 50%,transparent);background:none;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s,color .15s}.tag-picker__open-button:hover:not(:disabled){border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.tag-picker__open-button:disabled{opacity:.4;cursor:not-allowed}.tag-picker__open-hash{opacity:.7;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0}.tag-list__item{display:inline-flex;align-items:center;gap:var(--space-2xs);background:color-mix(in srgb,var(--color-accent-blue) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-blue) 40%,transparent);border-radius:var(--radius-lg);padding:.1875rem var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.tag-list__item--nsfw{border-color:color-mix(in srgb,var(--color-error) 40%,transparent);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.tag-list__name{line-height:1.4}.tag-list__nsfw-badge{font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-sm);padding:.0625rem .3rem}.story-detail-tags{margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}@media(min-width:900px){.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.gallery-flow__sentinel{height:1px;width:100%;visibility:hidden;pointer-events:none}.gallery-flow__loading-more{text-align:center;padding:var(--space-md)}.gallery-content-loading{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:var(--space-lg)}.gallery-modal__dialog{width:min(100%,90vw);max-width:56rem;max-height:90vh;display:flex;flex-direction:column}.gallery-modal__title{flex-shrink:0;margin-bottom:var(--space-sm)}.gallery-modal__folder-toolbar.gallery-folder-toolbar{padding-left:0;padding-right:0;padding-bottom:var(--space-sm)}.gallery-modal__body{overflow-y:auto;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.gallery-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}@media(min-width:480px){.gallery-modal__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(min-width:768px){.gallery-modal__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.gallery-modal__actions{flex-shrink:0;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border, rgba(0, 0, 0, .1))}.upload-staging-modal__dialog{width:min(100%,92vw);max-width:56rem;height:min(90vh,800px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;min-height:0}.upload-staging-modal__title{flex-shrink:0;margin-bottom:var(--space-sm)}.upload-staging-modal__add-row{margin-bottom:var(--space-2xs)}.upload-staging-modal__add-row .stories-button,.upload-staging-modal__actions.confirmation-modal__actions .stories-button{padding:calc(var(--space-sm) * .7) calc(var(--space-md) * .7);font-size:.77rem}.upload-staging-modal__legend{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted, #666)}.upload-staging-modal__legend-item{display:flex;align-items:center;gap:var(--space-2xs);margin:0}.upload-staging-modal__legend-icon{margin:0;width:1.1rem;height:1.1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none}.upload-staging-modal__legend-icon img{width:100%;height:100%;display:block;filter:brightness(0) saturate(100%) invert(76%) sepia(71%) saturate(5322%) hue-rotate(347deg) brightness(102%) contrast(101%)}.upload-staging-modal__legend-text{margin:0}.upload-staging-modal__error{margin-bottom:var(--space-sm)}.upload-staging-modal__grid-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.upload-staging-modal__grid-wrap .upload-staging-modal__grid{align-self:stretch;width:100%}.upload-staging-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,140px));grid-auto-rows:min-content;gap:var(--space-sm);overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch;align-content:start}.upload-staging-modal__item{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;max-width:100%}.upload-staging-modal__preview{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;padding:0;border:2px solid transparent;background:var(--color-bg-surface);cursor:pointer;flex-shrink:0}.upload-staging-modal__preview:hover{border-color:var(--color-accent-orange)}.upload-staging-modal__preview--selected{border-color:var(--color-accent-orange);box-shadow:0 0 0 1px var(--color-accent-orange)}.upload-staging-modal__preview-img{width:100%;height:100%;object-fit:cover;display:block}.upload-staging-modal__preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);background:#00000080;color:#fff;padding:var(--space-2xs);text-align:center}.upload-staging-modal__preview .upload-staging-modal__remove{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:2;background:#0009;padding:var(--space-2xs);border-radius:var(--radius-sm, 4px);min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;transition:background .15s ease,border-color .15s ease}.upload-staging-modal__preview .upload-staging-modal__remove:hover{background:#000000d9;border-color:var(--color-error)}.upload-staging-modal__item .upload-staging-modal__actions{justify-content:center}.upload-staging-modal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);width:100%;min-width:0;max-width:100%}.upload-staging-modal__action{padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-xs);min-width:0;flex:1 1 auto}.upload-staging-modal__action--icon{padding:var(--space-2xs);min-width:2.6rem;min-height:2.6rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--color-accent-blue);border:none;border-radius:var(--radius-sm, 4px);color:#fff}.upload-staging-modal__action--icon:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 85%,black)}.upload-staging-modal__action--icon:disabled{opacity:.6}.upload-staging-modal__action--icon .stories-message-actions__icon{width:1.43rem;height:1.43rem;filter:brightness(0) invert(1)}.upload-staging-modal__empty{margin:0;color:var(--color-text-muted);text-align:center;padding:var(--space-md)}.upload-staging-modal__actions:last-child{margin-bottom:0}.upload-staging-modal__actions.confirmation-modal__actions{flex-shrink:0;display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--color-border, rgba(0, 0, 0, .1))}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;background:var(--color-bg-surface)}.gallery-item--selected{box-shadow:0 0 0 3px var(--color-accent-orange, orange)}.gallery-item__image{width:100%;height:100%;object-fit:cover;display:block}.gallery-item__in-use-banner{position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0;padding:.28rem .4rem;font-size:var(--font-size-xs);font-weight:600;line-height:1.25;text-align:center;letter-spacing:.02em;color:var(--color-accent-orange);text-shadow:0 1px 2px rgba(var(--color-black-rgb),.9);background:linear-gradient(to top,rgba(var(--color-black-rgb),.82) 0%,rgba(var(--color-black-rgb),.5) 55%,transparent 100%);pointer-events:none}.gallery-popup__in-use-banner{position:absolute;top:.5rem;left:.5rem;z-index:2;margin:0;padding:.25rem .55rem;font-size:var(--font-size-xs);font-weight:600;line-height:1.25;letter-spacing:.02em;color:var(--color-accent-orange);text-shadow:0 1px 2px rgba(var(--color-black-rgb),.9);background:rgba(var(--color-black-rgb),.82);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(var(--color-black-rgb),.35);pointer-events:none}.gallery-popup-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in srgb,black 80%,transparent);cursor:pointer}.gallery-popup-content{position:relative;max-width:90vw;max-height:90vh;display:grid;place-items:center;cursor:default}.gallery-popup-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 10px 40px color-mix(in srgb,black 50%,transparent)}.gallery-popup-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-bg-surface) 90%,black);color:var(--color-accent-blue);font-size:1.5rem;cursor:pointer;display:grid;place-items:center;transition:background-color .15s;z-index:1}.gallery-popup-close-x{transform:translateY(-1px);display:block}.gallery-popup-close:hover{background:color-mix(in srgb,var(--color-accent-blue) 30%,var(--color-bg-surface))}.gallery-popup-actions{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;gap:var(--space-2xs);z-index:1}.gallery-popup-action{padding:var(--space-2xs);min-width:2.6rem;min-height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent-blue);border:none;cursor:pointer;transition:background-color .15s}.gallery-popup-action--icon .stories-message-actions__icon{width:1.43rem;height:1.43rem;filter:brightness(0) invert(1)}.gallery-popup-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 85%,black)}.gallery-popup-action:disabled{opacity:.6;cursor:not-allowed}.gallery-popup-action.stories-message-actions__button--danger{background:var(--color-error)}.gallery-popup-action.stories-message-actions__button--danger:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--color-error) 82%,black)}.gallery-popup-action.stories-message-actions__button--danger:disabled,.gallery-popup-action.stories-message-actions__button--danger[aria-disabled=true]{opacity:1;background:color-mix(in srgb,var(--color-text-primary) 16%,var(--color-bg-surface))}.gallery-popup-action.stories-message-actions__button--danger:disabled{cursor:not-allowed}.gallery-popup-action.stories-message-actions__button--danger[aria-disabled=true]{cursor:pointer}.gallery-popup-action.stories-message-actions__button--danger[aria-disabled=true]:hover{background:color-mix(in srgb,var(--color-text-primary) 22%,var(--color-bg-surface))}.gallery-popup-action.stories-message-actions__button--danger:disabled.gallery-popup-action--icon .stories-message-actions__icon,.gallery-popup-action.stories-message-actions__button--danger[aria-disabled=true].gallery-popup-action--icon .stories-message-actions__icon{filter:brightness(0) saturate(0) opacity(.42)}.gallery-popup-action.stories-message-actions__button--danger.gallery-popup-action--icon .stories-message-actions__icon{filter:brightness(0) invert(1)}.gallery-popup-delete-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}.gallery-delete-blocked-popover{position:absolute;bottom:calc(100% + .4rem);right:0;left:auto;z-index:6;min-width:11.5rem;max-width:min(20rem,78vw);margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-surface);border:1px solid var(--color-border, rgba(0, 0, 0, .12));box-shadow:0 4px 14px rgba(var(--color-black-rgb),.18),0 0 0 1px rgba(var(--color-black-rgb),.06)}.gallery-delete-blocked-popover__text{margin:0;font-size:var(--font-size-sm);line-height:1.35;color:var(--color-text-primary);text-align:left}.gallery-popup-error{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);margin:0;font-size:var(--font-size-xs);text-align:center;z-index:1;max-width:90%}.gallery-popup-loading{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);color:var(--color-fg-muted);z-index:1}.gallery-flow{--gallery-app-tabs-pill-height: calc(.25rem + max( 2.5rem, calc((min(100vw - 2 * var(--space-md), 26rem) - .85rem)/5) )) ;--gallery-go-to-top-bottom: calc( var(--space-sm) + env(safe-area-inset-bottom, 0px) + var(--gallery-app-tabs-pill-height) + var(--space-xs) );padding-left:var(--space-xs);padding-right:var(--space-xs)}.gallery-flow__go-to-top{position:fixed;right:max(var(--space-md),env(safe-area-inset-right,0px));bottom:var(--gallery-go-to-top-bottom);z-index:21;box-shadow:0 6px 20px color-mix(in srgb,black 28%,transparent)}.gallery-flow__bottom-spacer{height:calc(var(--gallery-go-to-top-bottom) + 2.75rem + var(--space-xs))}@media(min-width:960px){.gallery-flow{--gallery-go-to-top-bottom: calc(var(--space-md) + var(--space-xs))}.gallery-flow__bottom-spacer{height:calc(var(--gallery-go-to-top-bottom) + 2.75rem + var(--space-xs))}}.gallery-flow .composition-header__actions .stories-button{font-size:var(--font-size-sm);line-height:1.2;padding:var(--space-xs) var(--space-sm);text-align:center;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}.gallery-folder-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:var(--space-sm)}.gallery-folder-toolbar__new{flex-shrink:0;font-size:var(--font-size-sm);line-height:1.2;padding:var(--space-xs) var(--space-sm);text-align:center;min-height:2.5rem}.gallery-folder-toolbar__select-wrap{flex:1 1 12rem;min-width:0;display:flex;align-items:stretch}.gallery-folder-toolbar__select-visual{position:relative;flex:1 1 auto;min-width:0;min-height:2.5rem;border:2px solid var(--color-accent-blue);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.gallery-folder-toolbar__select-visual:after{content:"";position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;background-color:var(--color-accent-blue);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}.gallery-folder-toolbar__select-value{position:absolute;left:.75rem;right:2.25rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-folder-toolbar__select-native{position:absolute;inset:0;width:100%;min-width:0;height:100%;min-height:2.5rem;margin:0;padding:0;cursor:pointer;opacity:0;appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);color-scheme:dark}.gallery-folder-toolbar__select-native option{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.gallery-folder-toolbar__select-visual:has(.gallery-folder-toolbar__select-native:disabled){opacity:.55;cursor:not-allowed}.gallery-folder-toolbar__select-visual:has(.gallery-folder-toolbar__select-native:disabled) .gallery-folder-toolbar__select-native{cursor:not-allowed}.gallery-folder-toolbar__select-visual:has(.gallery-folder-toolbar__select-native:focus-visible){outline:2px solid var(--color-accent-orange);outline-offset:2px}.gallery-bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.gallery-bulk-toolbar__segmented{display:inline-flex;flex-wrap:nowrap;align-items:stretch;gap:0;max-width:100%}.gallery-bulk-toolbar__segmented>.stories-button{flex:0 1 auto;min-height:2.5rem;margin:0;position:relative;font-size:var(--font-size-sm);line-height:1.2;padding:var(--space-xs) var(--space-sm);text-align:center}@media(max-width:480px){.gallery-bulk-toolbar__segmented>.stories-button{font-size:.75rem;line-height:1.15;padding:var(--space-2xs) var(--space-xs);min-height:2.25rem}.gallery-bulk-toolbar__segmented>.stories-button.gallery-bulk-toolbar__delete{padding-left:var(--space-xs);padding-right:var(--space-xs)}.gallery-folder-toolbar__new,.gallery-flow .composition-header__actions .stories-button{font-size:.75rem;line-height:1.15;padding:var(--space-2xs) var(--space-xs);min-height:2.25rem}}.gallery-bulk-toolbar__segmented>.stories-button:focus-visible{z-index:1}.gallery-bulk-toolbar__segmented>.stories-button.gallery-bulk-toolbar__bulk{border-radius:var(--radius-md) 0 0 var(--radius-md)}.gallery-bulk-toolbar__segmented>.stories-button.gallery-bulk-toolbar__move{border-radius:0;box-shadow:inset 1px 0 color-mix(in srgb,white 22%,transparent)}.gallery-bulk-toolbar__segmented>.stories-button.gallery-bulk-toolbar__delete{flex:0 0 auto;min-width:2.75rem;padding-left:var(--space-sm);padding-right:var(--space-sm);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset 1px 0 color-mix(in srgb,white 22%,transparent);display:inline-flex;align-items:center;justify-content:center}.gallery-bulk-toolbar__delete-icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) invert(1);opacity:.95}.gallery-bulk-toolbar .stories-button:disabled{opacity:.45;cursor:not-allowed}.gallery-bulk-toolbar__delete:disabled .gallery-bulk-toolbar__delete-icon{opacity:.55}.gallery-item__bulk-check{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:4;pointer-events:auto;display:flex;align-items:center;justify-content:center}.gallery-item__bulk-checkbox{width:1.15rem;height:1.15rem;accent-color:var(--color-accent-orange);cursor:pointer}.gallery-bulk-move-modal__body{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.gallery-bulk-move-modal__hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary)}.gallery-bulk-move-modal__select-visual{position:relative;width:100%;min-height:2.5rem;border:2px solid var(--color-accent-blue);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.gallery-bulk-move-modal__select-visual:after{content:"";position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;background-color:var(--color-accent-blue);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}.gallery-bulk-move-modal__select-value{position:absolute;left:.75rem;right:2.25rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-bulk-move-modal__select-native{position:absolute;inset:0;width:100%;height:100%;min-height:2.5rem;margin:0;padding:0;cursor:pointer;opacity:0;appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);color-scheme:dark}.gallery-bulk-move-modal__select-native option{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.gallery-bulk-move-modal__select-visual:has(.gallery-bulk-move-modal__select-native:disabled){opacity:.55;cursor:not-allowed}.gallery-bulk-move-modal__select-visual:has(.gallery-bulk-move-modal__select-native:disabled) .gallery-bulk-move-modal__select-native{cursor:not-allowed}.gallery-bulk-move-modal__select-visual:has(.gallery-bulk-move-modal__select-native:focus-visible){outline:2px solid var(--color-accent-orange);outline-offset:2px}.gallery-move-error{color:var(--color-danger);font-size:var(--font-size-sm);text-align:center;margin:var(--space-sm) 0}.stories-card.gallery-folder-manager__dialog{display:flex;flex-direction:column;min-height:0;min-width:0;max-width:100%;padding:var(--space-xs);gap:var(--space-xs)}@media(min-width:768px){.stories-card.gallery-folder-manager__dialog{padding:var(--space-sm)}}.gallery-folder-manager__dialog{width:min(100%,40rem);max-width:100%;max-height:min(90vh,860px);display:flex;flex-direction:column;overflow:hidden;min-width:0}.gallery-folder-manager__dialog>.stories-actions-row{flex-shrink:0}.gallery-folder-manager__actions{padding:var(--space-2xs) 0 0;margin:0;min-width:0}.gallery-folder-manager__actions.stories-actions-row>*{min-width:0;flex:0 1 auto;max-width:100%}.gallery-folder-manager__title{flex-shrink:0;margin-bottom:var(--space-2xs)}.gallery-folder-manager__body{padding:0;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-sm)}.gallery-folder-manager__tree-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.gallery-folder-manager__drop-root{flex-shrink:0;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--color-accent-blue) 45%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 6%,transparent);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;transition:border-color .12s ease,background .12s ease,color .12s ease}.gallery-folder-manager__drop-root--active{border-color:color-mix(in srgb,var(--color-accent-blue) 85%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 16%,transparent);color:var(--color-text-primary)}.gallery-folder-manager__tree-row[draggable=true]{cursor:grab}.gallery-folder-manager__tree-row[draggable=true]:active{cursor:grabbing}.gallery-folder-manager__tree-row--dragging{opacity:.45}.gallery-folder-manager__tree-row--drop-target{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 65%,transparent);background:color-mix(in srgb,var(--color-accent-blue) 10%,transparent)}.gallery-folder-manager__create-block{flex-shrink:0;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.gallery-folder-manager__create-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary)}.gallery-folder-manager__create-hint--muted{color:var(--color-text-muted)}.gallery-folder-manager__create-row{display:flex;gap:var(--space-sm);align-items:center;min-width:0}.gallery-folder-manager__create-row input{flex:1 1 auto;min-width:0;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit}.gallery-folder-manager__create-row .stories-button{flex-shrink:0}@media(max-width:520px){.gallery-folder-manager__create-row{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.gallery-folder-manager__create-row .stories-button{align-self:stretch;width:100%}}.gallery-folder-manager__tree{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent-blue) 22%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 92%,black);overflow:hidden}.gallery-folder-manager__tree-row{display:flex;flex-direction:row;align-items:stretch;min-height:2.75rem;border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.gallery-folder-manager__tree-row:last-child{border-bottom:none}.gallery-folder-manager__tree-row--selected{background:color-mix(in srgb,var(--color-accent-blue) 14%,transparent)}.gallery-folder-manager__tree-row:not(.gallery-folder-manager__tree-row--renaming){cursor:pointer}.gallery-folder-manager__tree-row--renaming{cursor:default}.gallery-folder-manager__tree-expand-wrap{flex-shrink:0;width:1.35rem;display:flex;align-items:center;justify-content:center;align-self:stretch}.gallery-folder-manager__tree-expand{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;color:color-mix(in srgb,var(--color-accent-blue) 88%,var(--color-text-primary));cursor:pointer;border-radius:var(--radius-sm)}.gallery-folder-manager__tree-expand:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-blue) 12%,transparent);color:var(--color-text-primary)}.gallery-folder-manager__tree-expand:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:1px}.gallery-folder-manager__tree-expand:disabled{opacity:.45;cursor:not-allowed}.gallery-folder-manager__tree-expand-spacer{display:block;width:100%;min-height:1px}.gallery-folder-manager__tree-chevron{display:block;transform:rotate(0);transition:transform .12s ease}.gallery-folder-manager__tree-expand[aria-expanded=true] .gallery-folder-manager__tree-chevron{transform:rotate(90deg)}.gallery-folder-manager__tree-guides{display:flex;flex-shrink:0;flex-direction:row;align-items:stretch}.gallery-folder-manager__tree-guide{width:.85rem;flex-shrink:0;border-right:1px solid color-mix(in srgb,var(--color-accent-blue) 28%,transparent);margin-right:.35rem;min-height:100%;background:color-mix(in srgb,var(--color-accent-blue) 4%,transparent)}.gallery-folder-manager__tree-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) 0}.gallery-folder-manager__tree-label{flex:1 1 auto;min-width:0;display:flex;flex-direction:row;align-items:center;gap:var(--space-xs)}.gallery-folder-manager__tree-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-accent-blue) 88%,var(--color-text-primary))}.gallery-folder-manager__tree-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0}.gallery-folder-manager__tree-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center;justify-content:flex-end;flex-shrink:0}.gallery-folder-manager__icon-action{flex-shrink:0}.gallery-folder-manager__rename-row--tree{flex:1 1 auto;min-width:0}.gallery-folder-manager__rename-row--tree input{min-width:0}.gallery-folder-manager__action-btn{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.gallery-folder-manager__rename-row{display:flex;gap:var(--space-sm);align-items:center}.gallery-folder-manager__rename-row input{flex:1 1 auto;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit}