.studio-header{--color-bg:var(--shell-bar-surface);--color-fg:var(--shell-bar-content);--color-fg-muted:var(--shell-bar-content-muted);--color-border:var(--shell-bar-border);--color-surface:var(--shell-bar-surface);--state-hover:color-mix(in srgb,var(--shell-bar-content) 9%,transparent);position:fixed;inset:var(--impersonation-banner-height,0) 0 auto;z-index:var(--z-sticky-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--app-header-height);padding-inline:max(var(--shell-gutter),env(safe-area-inset-left));border-bottom:1px solid var(--shell-bar-border);background:var(--shell-bar-surface);color:var(--shell-bar-content);font-family:var(--font-sans)}.studio-header__actions,.studio-header__identity,.studio-header__tools{display:flex;align-items:center;gap:var(--space-3);min-width:0}.studio-header__identity{flex-shrink:0}.studio-header__brand{display:flex;align-items:center}.studio-header__brand img{width:var(--shell-brand-width);height:auto}.studio-header__context{color:var(--shell-bar-content-muted);font-size:var(--type-caption)}.studio-header__navigation{display:flex;align-items:stretch;align-self:stretch;gap:var(--space-5)}.studio-header__navigation a{display:flex;align-items:center;border-bottom:2px solid transparent;padding-top:2px;color:var(--shell-bar-content-muted);text-decoration:none;font-size:var(--type-body);white-space:nowrap;transition:color var(--dur-fast) ease}.studio-header__navigation a:hover,.studio-header__navigation a[aria-current=page]{color:var(--shell-bar-content)}.studio-header__navigation a[aria-current=page]{border-color:currentColor;font-weight:600}.studio-header__account,.studio-header__create{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-lg);padding-inline:var(--space-3);border:1px solid var(--shell-bar-border);border-radius:var(--radius-xs);background:transparent;color:var(--shell-bar-content);font-size:var(--type-body);font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) ease}.studio-header__create{background:var(--shell-bar-content);color:var(--shell-bar-surface)}.studio-header__create:hover{background:var(--shell-bar-content-muted)}.studio-header__account{width:var(--control-lg);padding:0}.studio-header__account:hover{background:var(--state-hover)}.studio-header :is(a,button):focus-visible{outline:var(--focus-ring-width) solid currentColor;outline-offset:var(--focus-ring-offset)}.studio-header-spacer{height:calc(var(--app-header-height) + var(--impersonation-banner-height, 0px));flex-shrink:0}.studio-main{display:flex;flex:1;flex-direction:column;min-width:0;padding-block:var(--space-7) 0}.studio-main--flush{padding:0}.studio-main__content{flex:1;min-width:0}.notification-panel{position:absolute;inset:100% 0 auto auto;z-index:var(--z-dropdown);display:flex;flex-direction:column;width:22rem;max-height:min(28rem,calc(100dvh - var(--app-header-height) - var(--space-8)));margin-block-start:var(--space-2);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}@media (max-width:600px){.notification-panel{position:fixed;inset:calc(var(--app-header-height) + var(--impersonation-banner-height, 0px)) var(--space-3) auto;width:auto}}@media (max-width:1199px){.studio-header{gap:var(--space-4)}.studio-header__navigation{gap:var(--space-3)}.studio-header__tools .credits-quiet{display:none}}@media (max-width:1023px){.studio-header__navigation,.studio-header__tools{display:none}.studio-header{padding-inline:max(var(--space-4),env(safe-area-inset-left))}}@media (max-width:420px){.studio-header__brand img{width:calc(var(--space-10) + var(--space-5))}.studio-header__create{font-size:var(--type-caption);padding-inline:var(--space-2)}.studio-header__actions{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.studio-header *{transition:none!important}}.platform-footer{--footer-bg:#101416;--footer-ink:#eceeed;--footer-sub:#a5afb4;--footer-line:#ffffff24;--footer-art-h:min(37.5vw,38rem);position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:var(--spacing-10,4rem);row-gap:var(--spacing-9,3rem);padding:calc(var(--footer-art-h) * .96) clamp(1.5rem,4.5vw,5.625rem) var(--spacing-6);background:var(--footer-bg);color:var(--footer-ink);font-family:var(--font-sans)}.platform-footer__art{position:absolute;inset:0 0 auto;z-index:-1;height:var(--footer-art-h);mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 82%,transparent),linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-composite:intersect;pointer-events:none}.platform-footer__art :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.platform-footer__statement{max-width:14ch;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(2.5rem,5.4vw,5.25rem);font-weight:680;font-stretch:78%;letter-spacing:-.012em;line-height:1.02;text-wrap:balance}.platform-footer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-7,2rem)}.platform-footer a,.platform-footer button{color:inherit;text-decoration:none;font-size:var(--type-body);background:none;text-align:left}.platform-footer .platform-footer__open{display:inline-flex;align-items:center;gap:var(--spacing-3);min-height:var(--space-9,3rem);padding:var(--spacing-3) var(--spacing-5);background:var(--footer-ink);color:var(--footer-bg);font-size:var(--type-title);font-weight:600;border-radius:var(--radius-xs,2px);transition:background-color var(--dur-fast,.12s) ease-out}.platform-footer .platform-footer__open:hover{background:#fff}.platform-footer__actions #pricing button{color:var(--footer-sub);font-size:var(--type-body);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.platform-footer__actions #pricing button:hover{color:var(--footer-ink)}.platform-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-6);align-content:end}.platform-footer__nav h2{margin-bottom:var(--spacing-3);color:var(--footer-sub);font-family:var(--font-sans);font-size:var(--type-caption);font-weight:500;font-stretch:100%;letter-spacing:0;line-height:1.4}.platform-footer__nav a{display:block;padding-block:var(--spacing-2);font-size:var(--marketing-copy,1rem)}.platform-footer a:hover,.platform-footer__nav a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.platform-footer :is(a,button):focus-visible{outline:var(--focus-ring-width) solid currentColor;outline-offset:var(--focus-ring-offset)}.platform-footer__bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding-top:var(--spacing-5,1.25rem);border-top:1px solid var(--footer-line)}.platform-footer__bottom img{width:var(--shell-brand-width);height:auto}.platform-footer__bottom small{color:var(--footer-sub);font-size:var(--type-caption)}.public-navigation-shell{position:relative;z-index:var(--z-sticky-header,50)}@media (max-width:900px){.platform-footer{--footer-art-h:48vw;grid-template-columns:minmax(0,1fr)}.platform-footer__nav{align-content:start}}@media (prefers-reduced-motion:reduce){.platform-footer__art video{display:none}}.order-entry-route{display:flex;flex:1;flex-direction:column;min-width:0}.order-entry-route[hidden]{display:none!important}.impersonation-banner__message{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2);flex-wrap:wrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.impersonation-banner__error{color:var(--color-error);font-weight:600}.impersonation-banner__exit{flex:0 0 auto}@media (max-width:520px){.impersonation-banner{gap:var(--space-2)!important;padding-inline:var(--space-2)!important;font-size:var(--type-caption)!important}.impersonation-banner__message{text-align:left}.impersonation-banner__exit{padding-inline:var(--space-2)!important}}.brand-logo{display:block;height:auto;object-fit:contain}.brand-logo-switcher{display:inline-flex;flex:0 0 auto}.brand-logo-switcher .brand-logo--dark,[data-theme=dark] .brand-logo-switcher .brand-logo--light{display:none}[data-theme=dark] .brand-logo-switcher .brand-logo--dark{display:block}.mobile-menu__new-order:active{background:var(--state-pressed);color:var(--color-fg)}.platform-user-menu{position:relative}.credits-quiet{display:inline-flex;min-height:var(--toolbar-h);touch-action:manipulation;align-items:center;gap:var(--space-2);padding-inline:var(--space-1);color:var(--color-fg-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;font-weight:600;text-decoration:none;white-space:nowrap;transition:color var(--dur-fast,.12s) var(--ease-out,ease-out)}.credits-quiet:hover{color:var(--color-fg)}.credits-quiet[data-low=true]{color:var(--color-warning)}.credits-quiet__low{font-family:var(--font-mono);font-size:var(--type-caption);font-weight:600}.user-menu__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-drawer);width:248px;border:1px solid var(--color-border);background:var(--color-bg)}@media (prefers-reduced-motion:no-preference){.user-menu__panel{animation:user-menu-in var(--dur-fast) var(--ease-out);transform-origin:top right}}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border)}.user-menu__avatar{display:flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;background:var(--color-fg);color:var(--color-bg);font-size:var(--type-title);font-weight:800}.user-menu__identity{min-width:0;flex:1}.user-menu__name{margin:0 0 2px;color:var(--color-fg);font-size:var(--type-body);font-weight:700}.user-menu__email,.user-menu__name{overflow:hidden;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.user-menu__email{margin:0;color:var(--color-fg-muted);font-size:var(--type-caption)}.user-menu__credits{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.user-menu__credits-label{color:var(--color-fg-muted);font-size:var(--type-caption);font-weight:600}.user-menu__credits-value{color:var(--color-fg);font-family:var(--font-mono);font-size:var(--type-title);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em;line-height:1}.user-menu__group{padding:var(--space-1)}.user-menu__group--tight{padding:var(--space-1) var(--space-1) var(--space-2)}.user-menu__divider{height:1px;margin:var(--space-1) var(--space-3);background:var(--color-border)}.user-menu__item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-fg);font-size:var(--type-body);font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background .08s linear,color .08s linear}.user-menu__item:hover{background:var(--state-hover)}.user-menu__item--muted{color:var(--color-fg-muted)}.user-menu__item--muted:hover{background:var(--state-hover)}.user-menu__item--danger{color:var(--color-error)}.user-menu__item--danger:hover{background:var(--state-hover)}.oc-cookie-strip__copy{margin:0;color:var(--color-fg);font-size:var(--type-body);line-height:var(--leading-body)}.oc-cookie-strip__privacy{color:inherit;text-decoration:underline;text-underline-offset:.2em}.oc-cookie-strip__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.oc-cookie-strip__decline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--toolbar-h);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-fg);border:1px solid var(--color-fg);border-radius:0;font:700 var(--type-body)/1 var(--font-sans);cursor:pointer;transition:background-color .08s linear,color .08s linear}.oc-cookie-strip__decline:hover{background:var(--state-hover);color:var(--color-fg)}.oc-cookie-strip__accept{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--toolbar-h);padding:var(--space-3) var(--space-5);background:var(--color-fg);color:var(--color-bg);border:1px solid var(--color-fg);border-radius:0;font:700 var(--type-body)/1 var(--font-sans);cursor:pointer}.oc-cookie-strip__accept:hover{background:color-mix(in srgb,var(--color-fg) 85%,var(--color-bg))}.oc-cookie-strip__accept:focus-visible,.oc-cookie-strip__decline:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring,var(--color-fg));outline-offset:var(--focus-ring-offset)}.mobile-menu{position:static;display:flex;align-items:center;gap:var(--space-2)}@media (min-width:1024px){.mobile-menu--platform{display:none}}.mobile-menu__trigger{display:inline-flex;width:var(--toolbar-h);height:var(--toolbar-h);align-items:center;justify-content:center;border:0;border-radius:var(--radius-control,var(--radius-md));background:transparent;color:var(--color-fg-muted);cursor:pointer}.mobile-menu__trigger:hover{background:var(--state-hover);color:var(--color-fg)}.mobile-menu__panel{position:fixed;inset-block-start:calc(var(--app-header-height) + var(--impersonation-banner-height, 0px));inset-inline:0;z-index:var(--z-dropdown,60);width:auto;max-height:calc(100dvh - var(--workspace-top-chrome) - var(--cookie-strip-height, 0px));margin-inline:0;overflow-y:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:0;background:var(--color-bg);box-shadow:var(--shadow-popover)}@media (prefers-reduced-motion:no-preference){.mobile-menu__panel{animation:mobile-menu-in var(--dur-fast) var(--ease-out)}}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-menu__identity{margin-block-end:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}.mobile-menu__identity-email,.mobile-menu__identity-name{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.mobile-menu__identity-name{margin-block-end:2px;color:var(--color-fg);font-size:var(--type-body);font-weight:600}.mobile-menu__identity-email{color:var(--color-fg-muted);font-size:var(--type-label)}.mobile-menu__new-order{display:flex;min-height:var(--control-lg);align-items:center;justify-content:center;gap:var(--control-gap);margin-block-end:var(--space-2);padding:var(--space-3) var(--space-3);border:1px solid var(--color-fg);border-radius:var(--radius-control,var(--radius-md));background:var(--color-fg);color:var(--color-bg);font-family:var(--font-mono);font-size:var(--type-label);font-weight:700;text-decoration:none}.mobile-menu__links{display:flex;flex-direction:column}.mobile-menu .navigation-link--mobile{display:flex;min-height:var(--control-lg);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control,var(--radius-md));color:var(--color-fg-muted);font-size:var(--type-body);font-weight:500;text-decoration:none;white-space:nowrap}.mobile-menu .navigation-link--mobile:hover{background:var(--state-hover);color:var(--color-fg)}.mobile-menu .navigation-link--mobile[aria-current=page]{color:var(--color-fg);font-weight:600;border-inline-start:2px solid currentColor;background:var(--state-hover)}.mobile-menu .navigation-link--mobile:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);background:var(--state-hover)}.mobile-menu__section{display:flex;min-height:var(--toolbar-h);align-items:center;gap:var(--space-2);margin-block-start:var(--space-1);padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border)}.mobile-menu__feedback,.mobile-menu__sign-out{width:100%;justify-content:flex-start;border:0;border-radius:var(--radius-control,var(--radius-md));background:transparent;cursor:pointer;text-align:start}.mobile-menu__feedback{font:inherit;font-size:var(--type-body)}.mobile-menu__feedback:hover{background:var(--state-hover);color:var(--color-fg)}.mobile-menu__sign-out{display:flex;min-height:var(--control-lg);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-error);font:inherit;font-size:var(--type-body)}.mobile-menu__sign-out:hover{background:color-mix(in srgb,var(--color-error) 8%,transparent)}.mobile-menu__credits{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.mobile-menu__credits-link{display:inline-flex;min-height:var(--control-md);align-items:center;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control,var(--radius-md));background:transparent;color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--type-body);font-variant-numeric:tabular-nums;text-decoration:none}.mobile-menu__credits-link[data-low=true]{border-color:color-mix(in srgb,var(--color-warning) 28%,var(--color-border));color:var(--color-warning)}.mobile-menu__buy-credits{min-height:var(--control-md)}@keyframes feedback-credit-pop{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}.feedback-type-pills{display:flex;gap:var(--control-gap);margin-bottom:var(--space-2);padding:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.feedback-type-pill{flex:1;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);border:none;background:transparent;text-align:center;border-radius:var(--radius-xs);padding:var(--space-2);font-size:var(--type-label);font-weight:500;font-family:var(--font-sans);color:var(--color-fg-muted);justify-content:center;gap:var(--space-1);white-space:nowrap}.feedback-type-pill,.feedback-type-pill__icon{display:flex;align-items:center}.feedback-type-pill:hover{color:var(--color-fg);background:var(--state-hover)}.feedback-type-pill.active{background:var(--state-selected);color:var(--color-fg);font-weight:600}.feedback-type-description{margin:0 0 var(--space-4);color:var(--color-fg-muted);font-size:var(--type-caption);line-height:var(--leading-body)}.feedback-credit-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--type-body);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-4);margin:var(--space-3) 0 0;animation:feedback-credit-pop var(--dur-fast) var(--ease-out) both}.feedback-input{width:100%;font-size:var(--type-body);font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--dur-fast) var(--ease-out);resize:vertical;min-height:calc(var(--space-8) * 2)}.feedback-input:focus{border-color:var(--color-fg)}.feedback-input.has-error{border-color:var(--color-error)}.feedback-select{width:100%;min-height:var(--control-lg);font-size:var(--type-label);font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.feedback-select:focus{border-color:var(--color-fg)}.feedback-dropzone{display:block;width:100%;font:inherit;color:inherit;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.feedback-dropzone.dragover,.feedback-dropzone:hover{border-color:var(--color-fg)}.feedback-dropzone.dragover{border-style:solid;background:var(--state-hover)}.feedback-dropzone.disabled{opacity:.5;cursor:default}.feedback-dropzone.disabled:hover{border-color:var(--color-border)}.feedback-dropzone__icon{display:block;margin:0 auto var(--space-1);color:var(--color-fg-subtle)}.feedback-dropzone__label{display:block;margin:0;color:var(--color-fg-muted);font-size:var(--type-label)}.feedback-dropzone__limits{display:block;margin:var(--space-1) 0 0;color:var(--color-fg-subtle);font-size:var(--type-micro)}.feedback-submit{width:100%;min-height:var(--control-lg);font-size:var(--type-body);font-weight:600;font-family:var(--font-sans);color:var(--color-bg);background:var(--color-fg);border:none;border-radius:var(--radius-sm);padding:var(--space-2) 0;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.feedback-submit:hover:not(:disabled){background:color-mix(in srgb,var(--color-fg) 85%,var(--color-bg))}.feedback-submit:disabled{background:var(--color-fg-muted);cursor:default;opacity:.7}.feedback-urgency-btn{flex:1;min-height:var(--control-sm);font-size:var(--type-caption);font-weight:500;padding:var(--space-1) 0;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);border:1px solid var(--color-border);background:transparent;color:var(--color-fg-muted);text-align:center}.feedback-urgency-btn:hover{border-color:var(--color-fg-muted)}.feedback-urgency-btn.is-active-low{border-color:var(--color-fg-muted);color:var(--color-fg-muted);background:var(--color-bg)}.feedback-urgency-btn.is-active-medium{border-color:var(--color-warning);color:var(--color-warning);background:var(--color-warning-bg)}.feedback-urgency-btn.is-active-high{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-bg)}.feedback-heading{margin:0 0 var(--space-1);font-size:var(--type-title);font-weight:600;color:var(--color-fg)}.feedback-intro{margin:0 0 var(--space-5);font-size:var(--type-label);line-height:var(--leading-body);color:var(--color-fg-muted);border-left:1px solid var(--color-fg);padding-left:var(--space-2)}.feedback-field{margin-bottom:var(--space-3)}.feedback-field--attachments,.feedback-field--spaced{margin-bottom:var(--space-4)}.feedback-label{display:block;margin-bottom:var(--space-1);font-size:var(--type-label);font-weight:500;color:var(--color-fg)}.feedback-label--loose{margin-bottom:var(--space-2)}.feedback-required{color:var(--color-error)}.feedback-optional-hint{font-size:var(--type-caption);font-weight:400;color:var(--color-fg-muted)}.feedback-urgency-row{display:flex;gap:var(--control-gap)}.feedback-input.feedback-input--short{min-height:calc(var(--space-9) + var(--space-3))}.feedback-char-counter{margin-top:var(--space-1);color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--type-micro);font-variant-numeric:tabular-nums;text-align:right;transition:color var(--dur-fast) var(--ease-out)}.feedback-char-counter[data-state=near]{color:var(--color-warning);font-weight:600}.feedback-char-counter[data-state=at]{color:var(--color-error);font-weight:600}.feedback-retry{min-height:var(--control-xs);margin-top:var(--space-1);font-family:var(--font-sans);color:var(--color-fg);background:transparent;border:1px solid var(--color-fg);border-radius:var(--radius-sm);padding:0 var(--space-2);cursor:pointer}.feedback-credit-tip,.feedback-retry{font-size:var(--type-caption);font-weight:500}.feedback-credit-tip{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);text-align:center;color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-sm)}.feedback-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:var(--control-sm);height:var(--control-sm);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.feedback-close-btn:hover{color:var(--color-fg);background:var(--state-hover)}.feedback-thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.feedback-thumb{position:relative;width:var(--space-10)}.feedback-thumb img{width:var(--space-10);height:var(--space-10);object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--color-border)}.feedback-thumb__name,.feedback-thumb__size{overflow:hidden;margin:0;color:var(--color-fg-muted);font-size:var(--type-micro);text-overflow:ellipsis;white-space:nowrap}.feedback-thumb__name{margin-top:var(--space-1)}.feedback-thumb__size{color:var(--color-fg-subtle);font-variant-numeric:tabular-nums}.feedback-thumb-remove{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));width:var(--space-5);height:var(--space-5);border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-muted);font-size:var(--type-caption);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);padding:0}.feedback-thumb-remove:hover{color:var(--color-error);border-color:var(--color-error)}.feedback-success-card{text-align:center;padding:var(--space-7) var(--space-4)}.feedback-success-card__icon{display:block;margin:0 auto var(--space-2);color:var(--color-success)}.feedback-success-card__title{margin:var(--space-3) 0 var(--space-1);color:var(--color-fg);font-size:var(--type-page-title);font-weight:600}.feedback-success-card__label{margin:0 0 var(--space-1);color:var(--color-fg-muted);font-size:var(--type-body)}.feedback-success-card__note{margin:var(--space-3) 0 var(--space-6);color:var(--color-fg-muted);font-size:var(--type-label);line-height:var(--leading-body)}.feedback-ref-box{display:inline-block;font-family:var(--font-mono);font-size:var(--type-body);font-variant-numeric:tabular-nums;font-weight:600;border:1px solid var(--color-fg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-5);margin:var(--space-4) 0 var(--space-2)}.feedback-ref-box,.feedback-success-close{color:var(--color-fg);background:transparent}.feedback-success-close{min-height:var(--control-lg);font-size:var(--type-body);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-7);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.feedback-success-close:hover{border-color:var(--color-fg)}.feedback-sr-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.feedback-close-btn:focus-visible,.feedback-dropzone:focus-visible,.feedback-input:focus-visible,.feedback-retry:focus-visible,.feedback-select:focus-visible,.feedback-submit:focus-visible,.feedback-success-close:focus-visible,.feedback-thumb-remove:focus-visible,.feedback-type-pill:focus-visible,.feedback-urgency-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){.feedback-char-counter,.feedback-close-btn,.feedback-dropzone,.feedback-input,.feedback-select,.feedback-submit,.feedback-success-close,.feedback-thumb-remove,.feedback-type-pill,.feedback-urgency-btn{transition:none}.feedback-credit-badge{animation:none}}@media (max-width:640px){.feedback-input,.feedback-select{font-size:16px}}