/* AIworking v0.25 — original approved logo, shared website design system.
   Scope: platform chrome. Sandboxed creator applications keep their own styles. */
:root {
  --aw-brand: #d83c2b;
  --aw-brand-hover: #bd3020;
  --aw-orange: #ed793f;
  --aw-ink: #27282d;
  --aw-secondary: #655d5b;
  --aw-border: #e8dfdb;
  --aw-canvas: #faf8f6;
  --aw-soft: #fff0e9;
  --aw-radius: 14px;
}
.brand-website {
  background: var(--aw-canvas);
  color: var(--aw-ink);
  --muted: var(--aw-secondary);
  --line: var(--aw-border);
  --green: var(--aw-brand);
}
.brand-website :is(h1,h2,h3,p) { overflow-wrap: anywhere; }
.brand-website .site-header { background: #fff; border-color: var(--aw-border); }
.brand-website .site-header-inner { max-width: 1440px; gap: 32px; }
.brand-website .site-brand { flex-shrink: 0; }
.brand-website .btn { min-height: 42px; font-weight: 600; line-height: 1.5; }
.brand-website .btn.primary,.brand-website .quick-create {
  background: var(--aw-brand); border-color: var(--aw-brand); color: #fff;
  box-shadow: 0 3px 7px #b43d2012;
}
.brand-website .btn.primary:hover,.brand-website .quick-create:hover { background: var(--aw-brand-hover); }
.brand-website :is(button,a,input,textarea,select):focus-visible {
  outline: 3px solid #ac462d; outline-offset: 4px;
}
.brand-website .site-account { border-color: #d9c6be; color: #983321; background: #fff; }
.brand-website .site-account:hover { background: var(--aw-soft); }
.brand-website .home-intro { padding-top: 36px; padding-bottom: 32px; }
.brand-website .home-intro h1 { font-size: clamp(1.65rem,2.3vw,2.3rem); letter-spacing: -.04em; }
.brand-website .home-intro p { color: var(--aw-secondary); max-width: 760px; margin: 12px auto 0; line-height: 1.8; }
.brand-website .featured-carousel { min-height: 442px; }
.brand-website .hero-slides { min-height: 442px; padding-top: 38px; padding-bottom: 52px; }
.brand-website .featured-preview { transform: none; border: 5px solid white; border-radius: 12px; box-shadow: 0 16px 45px #451c2226; }
.brand-website .featured-preview>img { height: auto; aspect-ratio: 16/9; object-fit: contain; background: #f8faf8; }
.brand-website .featured-preview-heading { padding: 12px 14px; }
.brand-website .featured-preview-heading span { color: #655c59; }
.brand-website .preview-footnote { color: #655c59; font-size: .72rem; padding: 9px 14px; }
.brand-website .carousel-pause { font-size: .78rem; padding: 6px 12px; }
.brand-website .carousel-prev,.brand-website .carousel-next { min-width: 40px; min-height: 44px; }
.brand-website .home-discovery { padding-top: 36px; }
.brand-website .home-search { border-color: #d6c4bb; box-shadow: 0 6px 24px #602f1710; }
.brand-website .home-search:focus-within { border-color: var(--aw-brand); box-shadow: 0 0 0 3px #d83c2b15; }
.brand-website .home-search input:focus-visible { outline-offset: -3px; border-radius: 6px; }
.brand-website .chip { background: #fff; border-color: #e4d9d3; color: #625751; min-height: 36px; }
.brand-website .chip.selected { color: #fff; background: var(--aw-brand); border-color: var(--aw-brand); }
.brand-website .home-catalog { padding-top: 20px; scroll-margin-top: 110px; }
.brand-website .home-catalog .sectionhead { margin-bottom: 22px; }
.brand-website .home-catalog h2 { font-size: 1.8rem; letter-spacing: -.03em; }
.brand-website .home-catalog .sectionhead>p { color: var(--aw-secondary); }
.brand-website .category-filters { padding-bottom: 10px; }
.catalog-status { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 15px 0 20px; color: #655d5b; font-size: .87rem; }
.catalog-status strong { color: var(--aw-ink); font-weight: 700; }
.catalog-tip { color: #716764; font-size: .8rem; }
.catalog-reset { color: #a33726; text-decoration: underline; text-underline-offset: 4px; padding: 6px; }
.catalog-empty { grid-column: 1/-1; background: #fff; border: 1px dashed #d7c5bb; border-radius: var(--aw-radius); text-align: center; padding: 25px 20px 36px; }
.catalog-empty .empty { padding: 24px 10px; }
.brand-website .application-showcase { gap: 22px; }
.brand-website .application-tile { padding: 24px; border: 1px solid var(--aw-border); border-radius: var(--aw-radius); align-items: stretch; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); transition: border-color .15s,box-shadow .15s; }
.brand-website .application-tile:hover { border-color: #d2b7aa; box-shadow: 0 8px 24px #63351b0c; }
.brand-website .application-info { display: flex; flex-direction: column; align-items: flex-start; }
.brand-website .app-category { font-size: .76rem; color: #aa3c28; }
.brand-website .application-info h3 { font-size: 1.13rem; line-height: 1.55; margin: 10px 0; }
.brand-website .application-info>p { font-size: .88rem; color: var(--aw-secondary); }
.brand-website .application-author { font-size: .75rem; color: #716764; margin-bottom: 8px; }
.brand-website .application-actions { margin-top: auto; padding-top: 18px; }
.brand-website .application-actions .btn { font-size: .8rem; min-height: 38px; }
.brand-website .application-thumbnail { align-self: center; border: 1px solid #e8e2df; padding: 20px 6px 6px; border-radius: 8px; background: #f4f2ef; }
.brand-website .application-thumbnail img { height: auto; aspect-ratio: 16/9; object-fit: contain; border: 0; }
.brand-website .application-thumbnail>span { color: #625751; font-size: .65rem; }
.brand-website .application-tile.text-only { grid-template-columns: 1fr; }
.brand-website .home-create { border: 1px solid #e9d6cb; border-radius: 16px; background: #fff0e8; padding: 32px; margin-top: 46px; }
.brand-website .home-create p { color: #69594f; }
.brand-website .site-main.member-main { padding-top: 30px; padding-bottom: 64px; min-height: 65vh; }
.center-navigation { display: flex; flex-direction: column; gap: 20px; border-bottom: 1px solid var(--aw-border); padding-bottom: 24px; margin-bottom: 32px; }
.center-back { display: flex; align-items: baseline; flex-wrap: wrap; gap: 14px; margin: 0; color: #a93623; font-size: 1.3rem; }
.center-back>span { color: #77675e; font-size: .83rem; font-weight: 400; }
.center-navigation nav { display: flex; flex-wrap: wrap; gap: 16px 26px; }
.center-nav-group { min-width: 0; padding-right: 24px; border-right: 1px solid #e3d8d1; }
.center-nav-group:last-child { border: 0; padding: 0; }
.center-nav-label { color: #78665b; font-size: .74rem; font-weight: 600; display: block; margin: 0 0 7px 10px; }
.center-nav-group>div { display: flex; flex-wrap: wrap; gap: 4px; }
.center-navigation nav a { display: inline-flex; align-items: center; color: #5b5350; font-size: .86rem; padding: 8px 11px; min-height: 38px; }
.center-navigation nav a:hover { background: #fff0e9; }
.center-navigation nav a[aria-current] { background: #fde8dd; color: #9d321f; font-weight: 650; }
.center-welcome { background: #fff0e8; border: 1px solid #ecd6c9; border-radius: 16px; padding: 30px; margin-bottom: 24px; }
.center-welcome h1 { font-size: 2rem; line-height: 1.4; }
.center-welcome p { color: #69594f; }
.center-summary { gap: 16px; margin-bottom: 26px; }
.center-summary>div { padding: 24px; border-color: var(--aw-border); border-radius: 12px; }
.center-summary span { color: #6d605a; }
.center-summary strong { font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.center-hub { gap: 20px; }
.center-hub .member-link-group { padding: 24px; border-color: var(--aw-border); border-radius: 14px; }
.center-hub .member-link-group h3 { margin-bottom: 18px; color: #aa3c28; }
.center-hub .member-link-group>div { display: grid; align-items: stretch; gap: 8px; }
.center-hub .member-link-group .btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 14px; background: #faf8f6; border: 1px solid #eee7e1; border-radius: 8px; }
.center-hub .member-link-group .btn:hover { background: #fff0e8; border-color: #e1c4b6; }
.center-account-bottom { color: #685d56; }
.brand-website .panel { border-color: var(--aw-border); border-radius: var(--aw-radius); box-shadow: none; }
.brand-website .site-main:not(.market-main) .panel { margin-bottom: 22px; }
.brand-website :is(.page-title,.studio-heading h1) { font-size: 2rem; line-height: 1.4; margin-top: 0; margin-bottom: 12px; letter-spacing: -.03em; }
.brand-website .site-main #content>.page-title+p { color: #655d5b; line-height: 1.85; max-width: 900px; margin-bottom: 28px; }
.brand-website .site-main .field :is(input,textarea,select) { background: #fff; border: 1px solid #d9ccc5; border-radius: 8px; line-height: 1.65; padding: 11px 13px; }
.brand-website .site-main .field label { color: #5f524b; font-weight: 550; }
.brand-website .site-main .field :is(input,textarea,select):focus { border-color: #b74930; }
.brand-website :is(.notice,.empty) { color: #6c6058; line-height: 1.85; }
.brand-website .notice { background: #fff3e9; border: 1px solid #ebd4c4; border-radius: 10px; padding: 18px 22px; }
.brand-website .listrow { padding: 20px 0; }
.brand-website th { color: #66574e; background: #f7f2ee; }
.brand-website :is(td,th) { border-color: var(--aw-border); padding: 14px; }
.brand-website .tablewrap { border-radius: 10px; border-color: var(--aw-border); }
.brand-website .journey-project { background: #fff0e8; border-color: #ead3c5; }
.brand-website .journey-workflow .workflow-jumps { background: #fff; border-color: var(--aw-border); padding: 8px; border-radius: 12px; }
.brand-website .journey-workflow .workflow-step-link { border: 1px solid #e8e0db; background: #faf8f6; padding: 16px; border-radius: 8px; color: #5e5048; }
.brand-website .journey-workflow .workflow-step-link.is-current { background: var(--aw-brand); border-color: var(--aw-brand); color: #fff; box-shadow: none; }
.brand-website .workflow-step-description { opacity: 1; line-height: 1.65; }
.brand-website .workflow-completed-label { opacity: 1; }
.brand-website .journey-pane { border-color: var(--aw-border); padding: 30px!important; }
.brand-website :is(.journey-project p,.journey-heading p,.requirement-group>p,.course-field-hint,.journey-nextbar p,.trial-checklist p) { color: #68594f; }
.brand-website .course-reference { background: #f8f4ef; border-color: #e6d9cf; }
.brand-website .course-card { border-color: #e4d6cc; background: #fff; }
.brand-website .revision-progress-card { background: #fff3e9; border: 1px solid #e7c7b1; color: #664a37; }
.brand-website .revision-progress-card h3 { color: #6c3e22; }
.brand-website .creation-revision { background: #fff8f3; border-color: #e7d5c6; }
.brand-website .creation-revision p { color: #695a4f; }
.brand-website .creation-revision textarea { background: #fff; border-color: #d7c7bc; border-radius: 8px; color: #3b332d; }
.brand-website .journey-nextbar { border-color: #e2d6ce; }
.brand-website .publication-choices>div { background: #fff; border-color: #e2d1c5; }
.brand-website .publication-choices>div:last-child { background: #fff0e8; }
.brand-website .spec-preview { background: #fffdfa; color: #403833; border-color: #e6d9d0; }
.brand-website .site-footer { background: #f3ede7; border-color: #e5d9cf; margin-top: 0; }
.brand-website .site-footer p,.brand-website .footer-bottom { color: #716158; }
/* Dialogs are mounted outside the website wrapper; use the same neutral palette. */
.modal { color: #302a26; border: 1px solid #eadfd7; }
.modal :is(.field input,.field textarea,.field select) { border-color: #d9ccc4; border-radius: 8px; }
.modal .btn.primary { background: var(--aw-brand); border-color: var(--aw-brand); }
.modal .modalhead { border-bottom: 1px solid #eee4dc; padding-bottom: 18px; }
@media (max-width: 1200px) {
  .brand-website .site-header-inner { gap: 20px; }
  .center-navigation nav { gap: 14px; }
  .center-nav-group { padding-right: 14px; }
}
@media (max-width: 1000px) {
  .brand-website .application-tile { grid-template-columns: 1fr; }
  .brand-website .application-thumbnail { width: 100%; }
  .brand-website .application-actions { margin-top: 0; }
  .center-navigation nav { display: grid; grid-template-columns: 1fr 1fr; }
  .center-nav-group { border: 0; padding-right: 0; }
}
@media (max-width: 760px) {
  .brand-website .site-header-inner { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 10px 16px; }
  .brand-website .site-header-inner>.site-brand { margin-right: auto; }
  .brand-website .site-nav { order: 2; width: auto; flex: 1 1 auto; gap: 16px; }
  .brand-website .site-tools { display: contents; }
  .brand-website .quick-create { order: 0; margin: 0; }
  .brand-website .font-setting,.brand-website .lang { order: 3; margin-left: 0; }
  .brand-website .site-account { order: 4; min-height: 36px; }
  .brand-website .brand-lockup { width: 172px; }
  .brand-website .home-intro { padding: 28px 20px; }
  .brand-website .home-intro p { font-size: .9rem; }
  .brand-website .featured-carousel,.brand-website .hero-slides { min-height: 0; }
  .brand-website .hero-slides { padding: 30px 44px 62px; gap: 24px; }
  .brand-website .featured-copy h2 { font-size: 1.85rem; letter-spacing: -.04em; }
  .brand-website .hero-description { font-size: .92rem; }
  .brand-website .hero-primary,.brand-website .hero-secondary { font-size: .85rem!important; }
  .brand-website .featured-preview-heading strong { font-size: .9rem; }
  .brand-website .preview-footnote { font-size: .74rem; }
  .brand-website .carousel-prev,.brand-website .carousel-next { min-width: 32px; width: 32px; padding: 5px; top: 42%; }
  .brand-website .carousel-prev { left: 5px; }.brand-website .carousel-next { right: 5px; }
  .brand-website .home-search { margin-bottom: 18px; }
  .catalog-tip { display: none; }
  .brand-website .application-tile { grid-template-columns: 1fr; padding: 22px; gap: 20px; }
  .brand-website .application-thumbnail { order: -1; }
  .brand-website .application-info h3 { font-size: 1.15rem; }
  .brand-website .application-info>p { font-size: .9rem; }
  .brand-website .application-author { font-size: .8rem; }
  .brand-website .application-actions .btn { font-size: .85rem; }
  .brand-website .home-create { padding: 24px; margin-left: 20px; margin-right: 20px; }
  .center-navigation { gap: 18px; margin-bottom: 24px; }
  .center-back>span { width: 100%; }
  .center-navigation nav { grid-template-columns: 1fr; gap: 14px; }
  .center-nav-group { display: grid; grid-template-columns: 5.5rem minmax(0,1fr); gap: 6px; }
  .center-nav-label { margin: 10px 0 0; font-size: .75rem; }
  .center-nav-group>div { gap: 3px; }
  .center-navigation nav a { font-size: .8rem; padding: 8px; }
  .center-welcome { padding: 24px; }.center-welcome h1 { font-size: 1.6rem; }
  .center-summary>div { padding: 18px; }.center-summary strong { font-size: 1.6rem; }
  .brand-website .journey-pane { padding: 20px!important; }
  .brand-website .journey-workflow .workflow-step-link { padding: 12px; }
  .brand-website .home-catalog { scroll-margin-top: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-website * { transition: none!important; }
}

/* Keep the approved full logo and two common actions on the first mobile row. */
@media(max-width:760px){
 .brand-website .brand-lockup{width:154px;height:46px}
 .brand-website .brand-lockup img{width:154px;height:62px;top:-7px}
 .brand-website .site-account{order:0;font-size:.72rem;padding:8px 10px}
 .brand-website .quick-create{padding:10px 12px}
}
@media(max-width:760px){.brand-website .category-popover{top:var(--category-top,180px);max-height:calc(100dvh - var(--category-top,180px) - 16px)}}

/* Wrap controls before the tablet header overflows, including English large text. */
@media(min-width:761px) and (max-width:1100px){
 .brand-website .site-header-inner{flex-wrap:wrap;gap:10px 18px}
 .brand-website .site-tools{display:contents}
 .brand-website .site-nav{order:2;flex:1 1 auto}
 .brand-website .site-header-inner>.site-brand{margin-right:auto}
 .brand-website .quick-create,.brand-website .site-account{order:0}
 .brand-website .font-setting,.brand-website .lang{order:3}
}
.brand-website .home-catalog{scroll-margin-top:calc(var(--aw-header-height,88px) + 20px)}
@media(min-width:801px){
 .brand-website .journey-workflow .workflow-jumps{top:calc(var(--aw-header-height,88px) + 6px)}
 .brand-website .journey-pane{scroll-margin-top:calc(var(--aw-header-height,88px) + 150px)!important}
}
/* Long system type lists stay reachable at every font size. */
.brand-website .category-popover{max-height:calc(100dvh - var(--category-top,100px) - 16px);overflow-y:auto}

.catalog-load-more{grid-column:1 / -1;text-align:center;padding:24px}.catalog-load-more p{color:var(--muted,#767676);font-size:13px}

.recommendation-section-title{grid-column:1 / -1;margin-top:12px}.recommendation-section-title h3{font-size:1.2rem;margin:0}.application-tile[data-recommendation="personal"]{border-color:#e5b6a9}

/* Long browse filters start compact; the selected value stays in the summary. */
.brand-website .catalog-filter-fold{margin:12px 0 20px;border:1px solid #e5dbd5;border-radius:12px;background:#fff;overflow:hidden}
.brand-website .catalog-filter-fold>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px 18px;cursor:pointer;color:#5d5550;font-size:.9rem;min-height:48px}
.brand-website .catalog-filter-fold>summary::-webkit-details-marker{display:none}
.brand-website .catalog-filter-fold>summary:focus-visible{outline:2px solid #c94732;outline-offset:-3px;border-radius:12px}
.brand-website .catalog-filter-fold .filter-current{color:#b8432e;font-weight:600;overflow-wrap:anywhere;min-width:0}
.brand-website .catalog-filter-fold .filter-fold-label{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0;font-size:.82rem;color:#82746c}
.brand-website .catalog-filter-fold .filter-when-open{display:none}
.brand-website .catalog-filter-fold[open] .filter-when-open{display:inline}
.brand-website .catalog-filter-fold[open] .filter-when-closed{display:none}
.brand-website .catalog-filter-fold[open] .filter-fold-label svg{transform:rotate(180deg)}
.brand-website .catalog-filter-fold>.filters{margin:0;padding:4px 16px 16px;justify-content:flex-start}
@media(max-width:760px){.brand-website .catalog-filter-fold>summary{padding:12px;gap:8px}.brand-website .catalog-filter-fold .filter-title{flex-shrink:0}.brand-website .catalog-filter-fold>.filters{padding:4px 10px 12px}}

.brand-website .role-filter-quick{justify-content:flex-start;margin:12px 0 8px}.brand-website #role-filter-zone .catalog-filter-fold{margin-top:8px}