/* Awesome UI v0.1.2
 * Visual core inspired by modern product-system patterns.
 * No Untitled UI assets are redistributed.
 * Public integration contract: .aui-* | Independent core alias: .as-*
 */
:root{
  --aui-primary:var(--ac-brand-primary,#7f56d9);
  --aui-secondary:var(--ac-brand-secondary,#f4ebff);
  --aui-accent:var(--ac-brand-accent,#f79009);
  --aui-bg:var(--ac-brand-background,#f9fafb);
  --aui-surface:var(--ac-brand-surface,#fff);
  --aui-text:var(--ac-brand-text,#101828);
  --aui-muted:var(--ac-brand-muted,#667085);
  --aui-border:#eaecf0;
  --aui-border-strong:#d0d5dd;
  --aui-radius:16px;
  --aui-radius-sm:12px;
  --aui-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
  --aui-focus:0 0 0 4px color-mix(in srgb,var(--aui-primary) 18%,transparent);
}
.aui-app,.as-app,.aui-card,.as-card,.aui-button,.as-button,.aui-input,.as-input{box-sizing:border-box}
.aui-app *,.as-app *{box-sizing:border-box}
.aui-app,.as-app{color:var(--aui-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.aui-card,.as-card{background:var(--aui-surface);border:1px solid var(--aui-border);border-radius:var(--aui-radius);box-shadow:var(--aui-shadow)}
.aui-button,.as-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:var(--aui-radius-sm);padding:10px 16px;font:inherit;font-weight:650;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;color:var(--aui-text)}
.aui-button:hover,.as-button:hover{transform:translateY(-1px)}
.aui-button:focus-visible,.as-button:focus-visible,.aui-input:focus-visible,.as-input:focus-visible{outline:0;box-shadow:var(--aui-focus)}
.aui-button--primary,.as-button--primary{background:var(--aui-primary);color:#fff}
.aui-button--secondary,.as-button--secondary{background:var(--aui-secondary);color:var(--aui-text)}
.aui-button--tertiary,.as-button--tertiary{background:#fff;border-color:var(--aui-border-strong)}
.aui-button--danger,.as-button--danger{background:#d92d20;color:#fff}
.aui-button--ghost,.as-button--ghost{background:transparent;color:var(--aui-primary)}
.aui-button--link,.as-button--link{min-height:auto;padding:0;background:transparent;color:var(--aui-primary)}
.aui-input,.as-input{width:100%;min-height:44px;border:1px solid var(--aui-border-strong);border-radius:var(--aui-radius-sm);padding:10px 13px;background:#fff;color:var(--aui-text);font:inherit}
.aui-badge,.as-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2}
.aui-badge--success,.as-badge--success{background:#ecfdf3;color:#027a48}
.aui-badge--warning,.as-badge--warning{background:#fffaeb;color:#b54708}
.aui-badge--error,.as-badge--error{background:#fef3f2;color:#b42318}
.aui-badge--info,.as-badge--info{background:var(--aui-secondary);color:var(--aui-text)}
.aui-badge--neutral,.as-badge--neutral{background:#f2f4f7;color:#475467}
.aui-page-header,.as-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.aui-page-header h1,.as-page-header h1{margin:0;letter-spacing:-.03em;color:var(--aui-text)}
.aui-page-header p,.as-page-header p{margin:6px 0 0;color:var(--aui-muted)}
.as-page-header__actions{display:flex;gap:10px;flex-wrap:wrap}
.aui-metric-grid,.as-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.aui-metric-card,.as-metric-card{padding:20px}
.aui-metric-card__label,.as-metric-card__label{color:var(--aui-muted);font-size:13px;font-weight:650}
.aui-metric-card__value,.as-metric-card__value{display:block;margin-top:10px;font-size:34px;letter-spacing:-.04em;color:var(--aui-text)}
.aui-metric-card__meta,.as-metric-card__meta{margin-top:6px;color:var(--aui-muted);font-size:13px}
.aui-empty-state,.as-empty-state{text-align:center;padding:42px;color:var(--aui-muted)}
.aui-empty-state__icon,.as-empty-state__icon{font-size:40px;margin-bottom:8px}
.aui-table-wrap{overflow:auto;border-radius:var(--aui-radius)}
.aui-table{width:100%;border-collapse:collapse}
.aui-table th,.aui-table td{padding:13px 15px;border-bottom:1px solid var(--aui-border);text-align:left;white-space:nowrap;vertical-align:middle}
.aui-table th{font-size:12px;color:var(--aui-muted);text-transform:uppercase;letter-spacing:.06em}
.aui-data-list,.as-data-list{display:grid;gap:12px}
.as-data-list__item{padding:16px;display:grid;gap:6px}.as-data-list__item small,.as-data-list__item p{color:var(--aui-muted);margin:0}
.aui-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.aui-bottom-nav,.as-bottom-nav{position:fixed;z-index:999;bottom:0;left:0;right:0;display:none;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 8px max(8px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--aui-border)}
.aui-bottom-nav a,.as-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;color:var(--aui-muted);text-decoration:none;font-size:19px}
.aui-bottom-nav a span,.as-bottom-nav a span{font-size:11px}.aui-bottom-nav a.is-active,.as-bottom-nav a.is-active{color:var(--aui-primary)}
.aui-bottom-sheet[hidden],.as-bottom-sheet[hidden]{display:none!important}
.aui-bottom-sheet,.as-bottom-sheet{position:fixed;z-index:1100;inset:0;display:flex;align-items:flex-end}
.aui-bottom-sheet__backdrop,.as-bottom-sheet__backdrop{position:absolute;inset:0;border:0;background:rgba(16,24,40,.5)}
.aui-bottom-sheet__panel,.as-bottom-sheet__panel{position:relative;width:100%;max-height:86vh;overflow:auto;padding:10px 20px max(20px,env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(16,24,40,.18)}
.aui-bottom-sheet__handle,.as-bottom-sheet__handle{width:44px;height:5px;border-radius:999px;background:#d0d5dd;margin:0 auto 18px}
.aui-sheet-open{overflow:hidden}
.aui-chip-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.aui-chip-row::-webkit-scrollbar{display:none}
.aui-chip{flex:0 0 auto;min-height:40px;border:1px solid var(--aui-border-strong);border-radius:999px;background:#fff;padding:8px 14px;cursor:pointer}.aui-chip.is-active{border-color:var(--aui-primary);background:var(--aui-secondary)}
.aui-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.aui-section-header small{font-weight:800;letter-spacing:.12em;color:var(--aui-primary)}.aui-section-header h2{margin:4px 0 0;letter-spacing:-.03em}.aui-section-header span{color:var(--aui-muted)}
.aui-search-box{display:flex;gap:10px;max-width:720px;padding:8px;background:#fff;border:1px solid var(--aui-border-strong);border-radius:18px;box-shadow:var(--aui-shadow)}.aui-search-box .aui-input{border:0;outline:0;box-shadow:none}
.aui-movie-grid,.aui-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.aui-movie-card,.aui-product-card{overflow:hidden}.aui-movie-card__poster,.aui-product-card__media{display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,var(--aui-secondary),#fff7ed);font-size:54px}.aui-movie-card__body,.aui-product-card__body{padding:18px}.aui-movie-card h3,.aui-product-card h3{margin:0 0 7px;font-size:19px}.aui-movie-card p,.aui-product-card p{color:var(--aui-muted)}
.aui-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.aui-settings-grid>.aui-card{padding:22px}.aui-switch-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--aui-border)}
.aui-benefit-card{padding:22px}.aui-benefit-card small{color:var(--aui-muted)}
.aui-skeleton{border-radius:var(--aui-radius);background:linear-gradient(90deg,#f2f4f7,#eaecf0,#f2f4f7);background-size:200% 100%;animation:aui-shimmer 1.3s linear infinite}@keyframes aui-shimmer{to{background-position:-200% 0}}
.as-demo-card{padding:24px;max-width:700px}
@media(max-width:820px){.aui-metric-grid,.as-metric-grid,.aui-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aui-movie-grid,.aui-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .aui-page-header,.as-page-header,.aui-section-header{align-items:flex-start;flex-direction:column}
 .aui-metric-grid,.as-metric-grid,.aui-settings-grid,.aui-movie-grid,.aui-product-grid{grid-template-columns:1fr}
 .aui-bottom-nav,.as-bottom-nav{display:grid}
 .aui-button,.as-button{min-height:46px}
 .aui-movie-card{display:grid;grid-template-columns:116px 1fr}.aui-movie-card__poster{aspect-ratio:auto;min-height:158px}
 .aui-table thead{display:none}.aui-table tr{display:grid;padding:14px;border-bottom:1px solid var(--aui-border)}.aui-table td{padding:5px 0;border:0;white-space:normal}.aui-table td:first-child{font-weight:800;font-size:16px}
}

/* v0.1.2 expanded official patterns */
.aui-search-hero,.as-search-hero{padding:54px 0 34px}.aui-search-hero h1,.as-search-hero h1{margin:14px 0 8px;font-size:clamp(34px,6vw,66px);line-height:1;letter-spacing:-.045em;max-width:780px}.aui-search-hero p,.as-search-hero p{font-size:18px;line-height:1.6;color:var(--aui-muted);max-width:720px}.aui-search-hero .aui-search-box{margin-top:28px}.aui-search-hero .aui-chip-row{padding-top:18px}
.aui-icon-button,.as-icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--aui-border);border-radius:var(--aui-radius-sm);background:#fff;color:var(--aui-text);cursor:pointer}
.aui-page-header__actions,.as-page-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.aui-section-header__meta,.as-section-header__meta{color:var(--aui-muted)}
@media(max-width:640px){.aui-search-hero,.as-search-hero{padding:34px 0 20px}.aui-search-hero h1,.as-search-hero h1{font-size:42px}.aui-search-hero p,.as-search-hero p{font-size:16px}.aui-search-box,.as-search-box{display:grid;grid-template-columns:1fr;padding:6px}.aui-search-box .aui-button,.as-search-box .as-button{width:100%}}
