
/* HA3D: matte black, ivory, champagne. */
html[data-ha3d-premium]{
  color-scheme:dark;
  --ha3d-bg:#0d0f10;--ha3d-card:#17191a;--ha3d-surface:#1e2022;
  --ha3d-sidebar:#111314;--ha3d-text:#f3f1eb;--ha3d-muted:#a7adb1;
  --ha3d-subtle:#858d92;--ha3d-line:#2c2f31;--ha3d-gold:#bda578;
  --ha3d-gold-hover:#d1bb93;--ha3d-gold-line:#bda57859;--ha3d-accent-bg:#bda57812;
  --ha3d-success:#a5c9b6;--ha3d-success-bg:#1c3027;--ha3d-success-line:#3f6050;
  --ha3d-danger:#edb0ad;--ha3d-danger-bg:#382325;--ha3d-danger-line:#714448;
  --ha3d-info:#b4c5d7;--ha3d-info-bg:#1f2b36;--ha3d-info-line:#40586d;
  --ha3d-radius:8px;--ha3d-font:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;
  --ha3d-font-latin:'Manrope','Tajawal','Segoe UI',Arial,sans-serif;
}
html[data-ha3d-premium][data-theme=light]{
  color-scheme:light;
  --ha3d-bg:#f6f4ef;--ha3d-card:#fff;--ha3d-surface:#efede7;
  --ha3d-sidebar:#f0eee8;--ha3d-text:#272a2c;--ha3d-muted:#60686e;
  --ha3d-subtle:#747b80;--ha3d-line:#ddd9d0;--ha3d-gold:#87662f;
  --ha3d-gold-hover:#745526;--ha3d-gold-line:#87662f66;--ha3d-accent-bg:#87662f0d;
  --ha3d-success:#2c674c;--ha3d-success-bg:#eaf3ed;--ha3d-success-line:#a1c2ad;
  --ha3d-danger:#9d3e3d;--ha3d-danger-bg:#fbeeed;--ha3d-danger-line:#d6a9a6;
  --ha3d-info:#3f607d;--ha3d-info-bg:#edf2f7;--ha3d-info-line:#afc3d4;
}
html[data-ha3d-premium],html[data-ha3d-premium] body{
  --background:var(--ha3d-bg);--foreground:var(--ha3d-text);
  --card:var(--ha3d-card);--card-foreground:var(--ha3d-text);
  --popover:var(--ha3d-card);--popover-foreground:var(--ha3d-text);
  --primary:var(--ha3d-gold);--primary-foreground:#17191a;
  --secondary:var(--ha3d-surface);--secondary-foreground:var(--ha3d-text);
  --muted:var(--ha3d-surface);--muted-foreground:var(--ha3d-muted);
  --accent:var(--ha3d-accent-bg);--accent-foreground:var(--ha3d-gold);
  --border:var(--ha3d-line);--input:var(--ha3d-line);--ring:var(--ha3d-gold);
  --sidebar:var(--ha3d-sidebar);--sidebar-foreground:var(--ha3d-text);
  --sidebar-primary:var(--ha3d-gold);--sidebar-primary-foreground:#17191a;
  --sidebar-accent:var(--ha3d-accent-bg);--sidebar-accent-foreground:var(--ha3d-gold);
  --sidebar-border:var(--ha3d-line);--sidebar-ring:var(--ha3d-gold);--radius:8px;
  --bg:var(--ha3d-bg);--surface:var(--ha3d-card);--panel:var(--ha3d-card);
  --soft:var(--ha3d-surface);--ink:var(--ha3d-text);--text:var(--ha3d-text);
  --white:var(--ha3d-text);--dim:var(--ha3d-muted);--line:var(--ha3d-line);
  --edge:var(--ha3d-line);--blue:var(--ha3d-gold);--gold:var(--ha3d-gold);
  --font:var(--ha3d-font);
}
/* The older static pages use --muted for text and --accent for action colors. */
html[data-ha3d-premium] body:not(.antialiased){--muted:var(--ha3d-muted);--accent:var(--ha3d-gold)}
html[data-ha3d-premium] body.platform-frame{--accent:var(--ha3d-accent-bg)}
html[data-ha3d-premium][data-theme=light],html[data-ha3d-premium][data-theme=light] body{
  --primary-foreground:#fff;--sidebar-primary-foreground:#fff;
}
html[data-ha3d-premium] body{
  background:var(--ha3d-bg);color:var(--ha3d-text);font-family:var(--ha3d-font);
  line-height:1.75;-webkit-font-smoothing:antialiased;
}
html[data-ha3d-premium] :is(button,input,textarea,select){font-family:inherit}
html[data-ha3d-premium] :is(h1,h2,h3,h4){font-family:var(--ha3d-font);letter-spacing:0;text-wrap:pretty}
html[data-ha3d-premium] :is(h1,h2){line-height:1.4}
html[data-ha3d-premium] :is(button,a,input,textarea,select,summary):focus-visible{
  outline:2px solid var(--ha3d-gold);outline-offset:4px;
}
html[data-ha3d-premium] :is(input,textarea)::placeholder{color:var(--ha3d-subtle);opacity:1}
html[data-ha3d-premium] ::selection{background:#bda57845;color:var(--ha3d-text)}
html[data-ha3d-premium] :is(.muted,.small.muted,.intro,.carddesc,.auth-foot,.form-note,.modal-intro){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.eyebrow,.text-button,.text-link,.notification-open,.course-meta,.label){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.brand,.logo,.side-brand strong,.frame-brand span,.account-sidebar-title>span,.number){font-family:var(--ha3d-font-latin)}
html[data-ha3d-premium] :is(.brand span,.brand b,.logo b span){color:var(--ha3d-gold)}

/* Consistent quiet surfaces across the workspace, workshops, account and tools. */
html[data-ha3d-premium] :is(.panel,.card,.stage,.stat,.project-card,.student-folder,.work,.file,.empty,.empty-state,.summary,.metric,.collection-card,.compact-section,.media-tile,.media-viewer,.notification-link,.script-card,.issue-card,.player-panel,.account-install,.account-dashboard .page-head){
  background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);
  border-radius:var(--ha3d-radius);box-shadow:none;
}
html[data-ha3d-premium] :is(.project-card,.student-folder,.work,.script-card,.course-card){
  transition:border-color .18s ease,background-color .18s ease;
}
html[data-ha3d-premium] :is(.project-card,.student-folder,.work,.script-card,.course-card):hover{
  border-color:var(--ha3d-gold-line);transform:none;box-shadow:none;
}
html[data-ha3d-premium] :is(.primary,button.primary,a.primary,.learning-primary,.publish,.follow-button,.start-post){
  background:var(--ha3d-gold);color:var(--primary-foreground);border:1px solid var(--ha3d-gold);
  border-radius:var(--ha3d-radius);box-shadow:none;font-weight:700;
}
html[data-ha3d-premium] :is(.primary,button.primary,a.primary,.learning-primary,.publish,.follow-button,.start-post):hover{
  background:var(--ha3d-gold-hover);border-color:var(--ha3d-gold-hover);filter:none;transform:none;
}
html[data-ha3d-premium] :is(.secondary,button.secondary,a.secondary,.learning-secondary,.instructions-button,.locked-download){
  background:transparent;color:var(--ha3d-text);border:1px solid var(--ha3d-line);
  border-radius:var(--ha3d-radius);box-shadow:none;
}
html[data-ha3d-premium] :is(.secondary,button.secondary,a.secondary,.learning-secondary,.instructions-button):hover{
  background:var(--ha3d-surface);border-color:var(--ha3d-gold-line);color:var(--ha3d-gold);
}
html[data-ha3d-premium] :is(.primary,.secondary,.learning-primary,.learning-secondary){min-height:44px;padding:10px 18px;font-size:15px}
html[data-ha3d-premium] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select,.toolbar input,[data-slot=select-trigger]){
  background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);
  border-radius:var(--ha3d-radius);box-shadow:none;
}
html[data-ha3d-premium] :is(input[type=checkbox],input[type=radio],input[type=range],progress){accent-color:var(--ha3d-gold)}
html[data-ha3d-premium] input[type=file]::file-selector-button{
  background:var(--ha3d-surface);color:var(--ha3d-text);border:1px solid var(--ha3d-line);
  border-radius:6px;padding:7px 12px;margin-inline-end:12px;font:inherit;
}
html[data-ha3d-premium] :is(.toolbar input,.toolbar [data-slot=select-trigger]){min-height:48px}
html[data-ha3d-premium] :is(.toolbar,.catalog-tools){gap:14px}
html[data-ha3d-premium] :is(.toolbar select,.toolbar [data-slot=select-trigger]){min-width:135px}
html[data-ha3d-premium] :is(.info-bar,.account-banner,.ownership,.help-strip,.privacy-note,.demo-note,.account-overview-panel .course-options p){
  background:var(--ha3d-accent-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);
}
html[data-ha3d-premium] :is(.account-banner strong,.account-banner p,.info-bar p,.demo-note b){color:var(--ha3d-text)}
html[data-ha3d-premium] :is(.password,.script-usage-code,.aw-encryption-code){
  background:var(--ha3d-bg);border-color:var(--ha3d-gold-line);border-radius:var(--ha3d-radius);box-shadow:none;
}
html[data-ha3d-premium] :is(.password code,.script-usage-code code,.aw-encryption-code input){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.upload,.upload-zone,.taskplaceholder,.drop-area,.access-field,.admin-form fieldset,.video-editor){
  background:var(--ha3d-accent-bg);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);color:var(--ha3d-text);
}
html[data-ha3d-premium] :is(.upload:hover,.upload-zone:hover,.drop-area:hover){border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] :is(.error,.form-error,#page-error){color:var(--ha3d-danger);background:var(--ha3d-danger-bg);border-color:var(--ha3d-danger-line)}
html[data-ha3d-premium] :is(.danger,button.danger){color:var(--ha3d-danger);border-color:var(--ha3d-danger-line)}

/* Header: a calm hairline, compact controls and a clear page breadcrumb. */
html[data-ha3d-premium] :is(.topbar,.platform-frame .top,.account-workspace .top){
  background:var(--ha3d-bg);color:var(--ha3d-muted);border-color:var(--ha3d-line);
  box-shadow:none;backdrop-filter:none;border-radius:0;
}
html[data-ha3d-premium] .topbar{padding-inline:32px;min-height:68px}
html[data-ha3d-premium] .platform-frame .top{height:68px;min-height:68px;padding:12px 28px}
html[data-ha3d-premium] .topbar>.inline:first-child{font-size:14px}
html[data-ha3d-premium] :is(.topbar .secondary,.topbar .portal-refresh,.platform-frame .top #learning-toolbar button,.theme-toggle,.top-actions .round){
  border-radius:7px;background:var(--ha3d-card);border-color:var(--ha3d-line);color:var(--ha3d-text);box-shadow:none;
}
html[data-ha3d-premium] :is(.topbar .secondary,.platform-frame .top #learning-toolbar button){min-height:38px;font-size:13px;padding:7px 11px}
html[data-ha3d-premium] :is(.notification-bell,.notification-bell button){border-radius:7px!important}
html[data-ha3d-premium] :is(.frame-heading,.breadcrumb){color:var(--ha3d-muted);font-size:13px}
html[data-ha3d-premium] :is(.workspace,.platform-frame .shell>main){max-width:1510px;padding:34px 36px 52px}
html[data-ha3d-premium] :is(.page-heading,.fw-heading){margin-bottom:28px}
html[data-ha3d-premium] :is(.page-heading h2,.platform-frame .shell>main h1,.fw-heading h1){
  font-size:clamp(29px,2.6vw,38px);font-weight:700;line-height:1.4;letter-spacing:0;
}
html[data-ha3d-premium] .page-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:10px}
html[data-ha3d-premium] :is(.page-heading .muted,.fw-heading .muted){font-size:15px;line-height:1.8}

/* Right-hand navigation, with the same visual rhythm for both app shells. */
html[data-ha3d-premium] :is([data-slot=sidebar-inner],.platform-frame .shell>nav,.account-sidebar,.sidebar,.navigation){
  background:var(--ha3d-sidebar);color:var(--ha3d-text);border-color:var(--ha3d-line);box-shadow:none;
}
html[data-ha3d-premium] [data-slot=sidebar-inner]{border-inline-end:1px solid var(--ha3d-line)}
html[data-ha3d-premium] :is([data-slot=sidebar-content],.platform-frame .shell>nav,.account-sidebar){
  scrollbar-width:thin;scrollbar-color:var(--ha3d-line) transparent;overscroll-behavior:contain;
}
html[data-ha3d-premium] :is(.side-brand,.frame-brand,.account-sidebar-title){
  color:var(--ha3d-text);background:transparent;border-color:var(--ha3d-line);
}
html[data-ha3d-premium] .side-brand{padding:28px 24px 26px;border-bottom:1px solid var(--ha3d-line);margin:0 16px 12px;gap:16px}
html[data-ha3d-premium] .side-brand strong{font-size:22px;font-weight:800;letter-spacing:3px;line-height:1.1}
html[data-ha3d-premium] .side-brand strong .small{display:inline-block;font-size:9px;font-weight:500;letter-spacing:3.5px;color:var(--ha3d-gold);margin-top:8px}
html[data-ha3d-premium] :is(.side-brand svg,.frame-brand svg){color:var(--ha3d-gold);stroke-width:1.4;width:30px;height:30px;flex-shrink:0}
html[data-ha3d-premium] .platform-frame .frame-brand{padding:28px 12px 27px;margin:0 0 14px;font-size:23px;gap:16px;letter-spacing:3px;flex-shrink:0}
html[data-ha3d-premium] .frame-brand span{position:relative;padding-bottom:15px;line-height:1.2}
html[data-ha3d-premium] .frame-brand span:after{content:'STUDIO';position:absolute;inset-inline:0;bottom:0;font-size:8px;letter-spacing:3.5px;color:var(--ha3d-gold);text-align:center}
html[data-ha3d-premium] :is(.account-sidebar-title>span,.identity-icon){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.frame-nav-label,.account-nav-label,[data-slot=sidebar-group-label],.rail-heading){color:var(--ha3d-subtle);font-size:12px;font-weight:500;letter-spacing:0}
html[data-ha3d-premium] [data-slot=sidebar-content]>.small{color:var(--ha3d-subtle)!important;font-size:12px;padding-top:9px;padding-bottom:9px}
/* The navigation enhancer marks only headings replaced by its grouped labels. */
html[data-ha3d-premium] [data-ha3d-nav-legacy-label]{display:none!important}
html[data-ha3d-premium] [data-slot=sidebar-menu]{gap:3px}
html[data-ha3d-premium] :is([data-slot=sidebar-menu-button],.account-sidebar nav a,.platform-frame .shell>nav>a:not(.frame-brand),[data-ha3d-nav-control]){
  position:relative;border:1px solid transparent;border-inline-start-width:1px;border-radius:7px;
  background:transparent;color:var(--ha3d-text);min-height:44px;font-size:15px;font-weight:400;
  padding:10px 13px;line-height:1.5;gap:12px;box-shadow:none;transition:background-color .16s,color .16s;
}
html[data-ha3d-premium] :is([data-slot=sidebar-menu-button],.account-sidebar nav a,.platform-frame .shell>nav>a:not(.frame-brand),[data-ha3d-nav-control]):hover{
  background:var(--ha3d-surface);color:var(--ha3d-text);border-color:transparent;
}
html[data-ha3d-premium] :is([data-slot=sidebar-menu-button][data-active=true],.account-sidebar nav a[aria-current],.platform-frame .shell>nav>a.active,.platform-frame .shell>nav>a[aria-current=page],[data-ha3d-nav-control][aria-current=page]){
  background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:transparent;border-radius:7px;box-shadow:inset -3px 0 var(--ha3d-gold);font-weight:700;
}
html[data-ha3d-premium][dir=ltr] :is([data-slot=sidebar-menu-button][data-active=true],.account-sidebar nav a[aria-current],.platform-frame .shell>nav>a.active,.platform-frame .shell>nav>a[aria-current=page],[data-ha3d-nav-control][aria-current=page]){box-shadow:inset 3px 0 var(--ha3d-gold)}
html[data-ha3d-premium] :is([data-slot=sidebar-menu-button],[data-ha3d-nav-control]) svg{width:19px;height:19px;stroke-width:1.5;flex-shrink:0}
html[data-ha3d-premium] :is([data-slot=sidebar-menu-button]>span:last-child,[data-ha3d-nav-control]>span:last-child){min-width:0}
html[data-ha3d-premium] :is(.ha3d-nav-group){padding-top:18px;margin-top:18px;border-top:1px solid var(--ha3d-line)}
html[data-ha3d-premium] :is(.ha3d-nav-group-label){font-size:12px;font-weight:400;color:var(--ha3d-subtle);margin:0 13px 9px}
html[data-ha3d-premium] [data-ha3d-nav-item][data-ha3d-group-label]:not([hidden]){position:relative;margin-block-start:46px}
html[data-ha3d-premium] [data-ha3d-nav-item][data-ha3d-group-label]:not([hidden]):before{
  content:attr(data-ha3d-group-label);position:absolute;inset-inline:0;top:-43px;
  height:35px;padding:15px 13px 0;border-top:1px solid var(--ha3d-line);
  color:var(--ha3d-subtle);font-size:12px;font-weight:400;line-height:1.5;pointer-events:none;
}
html[data-ha3d-premium] [data-ha3d-nav-item][data-ha3d-nav-group=learn][data-ha3d-group-label]{margin-block-start:26px}
html[data-ha3d-premium] [data-ha3d-nav-item][data-ha3d-nav-group=learn][data-ha3d-group-label]:before{top:-27px;border-top:0;padding-top:0;height:20px}
html[data-ha3d-premium] :is(.platform-frame .shell>nav>#paid-nav){background:transparent;color:var(--ha3d-gold);border:1px solid var(--ha3d-gold-line);border-radius:7px;box-shadow:none;font-weight:600}
html[data-ha3d-premium] :is(.side-user,#learning-account,.ha3d-account-footer){
  background:transparent;color:var(--ha3d-text);border-color:var(--ha3d-line);padding:16px 14px 12px;
}
html[data-ha3d-premium] :is(.side-user>strong,#learning-account strong,.account-identity strong){font-size:13px;line-height:1.5;font-weight:600}
html[data-ha3d-premium] :is(.side-user p,.side-user .small,#learning-account small,.account-identity small){font-size:11px;color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.side-user button,#learning-account>a,#learning-account #learning-signout){color:var(--ha3d-muted);font-size:12px;min-height:32px;padding-block:6px}
html[data-ha3d-premium] .side-user .user-avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid var(--ha3d-gold-line)}
html[data-ha3d-premium] .platform-frame #learning-account{margin-top:auto;border-top:1px solid var(--ha3d-line);padding-top:12px}
html[data-ha3d-premium] .platform-frame #learning-account .learning-identity{gap:10px;padding:10px 9px}
html[data-ha3d-premium] :is(#learning-account img,#learning-account .learning-initial,.account-initials){width:36px;height:36px;border:1px solid var(--ha3d-gold-line);background:transparent;color:var(--ha3d-gold);border-radius:50%;object-fit:cover}
html[data-ha3d-premium] .account-identity{border-color:var(--ha3d-line);padding-block:18px;gap:10px}

/* Portfolio cards and dashboard imagery. Images remain the actual student work. */
html[data-ha3d-premium] .cards{gap:18px}
html[data-ha3d-premium] :is(.project-cover,.media-symbol){background:var(--ha3d-surface);color:var(--ha3d-muted);border-color:var(--ha3d-line)}
html[data-ha3d-premium] .project-cover{height:auto;aspect-ratio:16/9;overflow:hidden}
html[data-ha3d-premium] .project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
html[data-ha3d-premium] .project-card:hover .project-cover img{transform:scale(1.025)}
html[data-ha3d-premium] .project-cover>.number{background:#0d0f10ce;color:#f3f1eb;border:1px solid #ffffff18;border-radius:5px;font-size:10px}
html[data-ha3d-premium] .card-body{padding:18px 20px}
html[data-ha3d-premium] .card-body h3{font-size:19px;font-weight:500;margin:10px 0 7px}
html[data-ha3d-premium] .student-folder{padding:20px;overflow:hidden;text-align:start}
html[data-ha3d-premium] .student-folder .student-folder-avatar{width:44px;height:44px;margin-bottom:12px;border:1px solid var(--ha3d-line)}
html[data-ha3d-premium] .student-folder h3{font-size:17px;font-weight:600;margin:8px 0}
html[data-ha3d-premium] .student-folder .muted{font-size:12px;line-height:1.7;margin-bottom:4px}
html[data-ha3d-premium] :is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover]){display:block;width:calc(100% + 40px);max-width:none;aspect-ratio:16/9;object-fit:cover;margin:-20px -20px 16px;background:var(--ha3d-surface);border-bottom:1px solid var(--ha3d-line)}
html[data-ha3d-premium] :is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover])[hidden]{display:none!important}
html[data-ha3d-premium] .student-folder:has(>:is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover]):not([hidden])){padding:20px}
html[data-ha3d-premium] .student-folder:has(>:is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover]):not([hidden])) .student-folder-avatar{float:inline-start;width:38px;height:38px;margin-block:3px 5px;margin-inline:0 12px}
html[data-ha3d-premium] .activity-badge{background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border:1px solid var(--ha3d-gold-line);border-radius:20px;font-size:11px;padding:3px 10px}
html[data-ha3d-premium] .studio-overview-hero{border-radius:var(--ha3d-radius);border-color:var(--ha3d-line);background:var(--ha3d-card)}
html[data-ha3d-premium] .studio-overview-hero:has(.studio-hero-image):after{background:linear-gradient(270deg,#0d0f10f2,#0d0f10c9 35%,#0d0f1040 80%)}
html[data-ha3d-premium][dir=ltr] .studio-overview-hero:has(.studio-hero-image):after{background:linear-gradient(90deg,#0d0f10f2,#0d0f10c9 35%,#0d0f1040 80%)}
html[data-ha3d-premium] .studio-hero-copy h3{font-weight:600}
html[data-ha3d-premium] :is(.studio-section-label,.studio-hero-mark){color:var(--ha3d-gold)}
html[data-ha3d-premium] .dashboard-project-stats .stat{border:1px solid var(--ha3d-line);min-height:130px;border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .dashboard-project-stats .stat:hover{transform:none;border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] .dashboard-project-stats .stat>svg{color:var(--ha3d-gold)}
html[data-ha3d-premium] .dashboard-project-stats .stat>strong{font-size:32px}

/* Free workshops: generous real covers, simple tags, visible progress and actions. */
html[data-ha3d-premium] .fw-library{
  --fw-bg:var(--ha3d-card);--fw-line:var(--ha3d-line);--fw-gold:var(--ha3d-gold);
  --fw-text:var(--ha3d-text);--fw-muted:var(--ha3d-muted);max-width:1320px;
}
html[data-ha3d-premium] .fw-library .workshopgrid{gap:20px;align-items:stretch}
html[data-ha3d-premium] .fw-library .workshopitem{border-radius:var(--ha3d-radius);border:1px solid var(--ha3d-line);background:var(--ha3d-card);overflow:hidden;transform:none}
html[data-ha3d-premium] .fw-library .workshopitem:hover{border-color:var(--ha3d-gold-line);transform:none}
html[data-ha3d-premium] .fw-library .thumb{height:auto;aspect-ratio:16/10;background:var(--ha3d-surface);overflow:hidden}
html[data-ha3d-premium] .fw-library .thumb img{width:100%;height:100%;object-fit:cover;display:block}
html[data-ha3d-premium] .fw-library .cardbody{padding:21px 22px 20px;gap:0;flex:1;display:flex;flex-direction:column}
html[data-ha3d-premium] .fw-library .cardbody h2{font-size:clamp(20px,1.55vw,25px);font-weight:700;line-height:1.55;margin:14px 0 10px}
html[data-ha3d-premium] .fw-library .cardbody .muted{font-size:14px;line-height:1.9}
html[data-ha3d-premium] .fw-library .fw-free{background:transparent;border:1px solid var(--ha3d-gold-line);color:var(--ha3d-gold);font-size:12px;border-radius:6px;padding:3px 10px;line-height:1.8}
html[data-ha3d-premium] .fw-library .fw-state{background:var(--ha3d-surface);color:var(--ha3d-muted);border:1px solid var(--ha3d-line);border-radius:6px;font-size:12px;padding:3px 9px;line-height:1.8}
html[data-ha3d-premium] .fw-library .fw-state.complete{background:var(--ha3d-success-bg);color:var(--ha3d-success);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .fw-library .fw-state.review{background:var(--ha3d-info-bg);color:var(--ha3d-info);border-color:var(--ha3d-info-line)}
html[data-ha3d-premium] .fw-library :is(.fw-state.revision,.fw-state.stopped){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] .fw-library .fw-tags{gap:7px}
html[data-ha3d-premium] .fw-library .fw-open{
  margin-top:20px;min-height:46px;padding:10px 16px;border:1px solid var(--ha3d-gold-line);
  background:transparent;color:var(--ha3d-gold);border-radius:var(--ha3d-radius);font-size:16px;font-weight:700;
}
html[data-ha3d-premium] .fw-library .fw-open:hover{background:var(--ha3d-accent-bg);border-color:var(--ha3d-gold)}
html[data-ha3d-premium] .fw-library .cardbody .fw-progress{padding-top:20px;margin-top:auto;margin-bottom:0}
html[data-ha3d-premium] .fw-progress strong{color:var(--ha3d-gold);font-size:19px;font-weight:600}
html[data-ha3d-premium] :is(.fw-progress progress,.progress,.progress-line){background:var(--ha3d-surface);height:6px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--ha3d-line)}
html[data-ha3d-premium] .fw-progress progress::-webkit-progress-bar{background:var(--ha3d-surface);border-radius:20px;box-shadow:inset 0 0 0 1px var(--ha3d-line)}
html[data-ha3d-premium] .fw-progress progress::-webkit-progress-value{background:var(--ha3d-gold);border-radius:20px}
html[data-ha3d-premium] .fw-progress progress::-moz-progress-bar{background:var(--ha3d-gold);border-radius:20px}
html[data-ha3d-premium] .progress i{background:var(--ha3d-gold)}
html[data-ha3d-premium] .fw-cover-fallback{background:var(--ha3d-surface);color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.fw-hero.detailhead,.fw-section,.fw-question-panel,.gw-lecture,.gw-video,.gw-folder,.gw-next,.gw-achievement,.gw-start-timer,.gw-lecture-timer){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);box-shadow:none}
html[data-ha3d-premium] :is(.fw-section,.fw-current,.gw-lecture.is-current){border-top-width:1px;border-top-color:var(--ha3d-gold-line)!important}
html[data-ha3d-premium] :is(.fw-section-number,.gw-unit-index){color:var(--ha3d-gold);background:var(--ha3d-accent-bg);border-color:var(--ha3d-gold-line);border-radius:6px}
html[data-ha3d-premium] :is(.fw-lesson,.fw-choice,.fw-message,.gw-course-outline li,.gw-folder .gw-folder,.gw-start-units>span,.deadline-units span){background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .fw-lesson{border-width:1px}
html[data-ha3d-premium] .fw-lesson.is-approved{background:var(--ha3d-success-bg);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] :is(.fw-lesson.is-approved .fw-lesson-status,.gw-lecture-timer.is-open strong){color:var(--ha3d-success)}
html[data-ha3d-premium] :is(.fw-message.assistant,.fw-choice button[aria-pressed=true]){background:var(--ha3d-accent-bg);border-color:var(--ha3d-gold-line);color:var(--ha3d-text)}
html[data-ha3d-premium] .fw-message.admin{background:var(--ha3d-info-bg);border-color:var(--ha3d-info-line)}
html[data-ha3d-premium] :is(.fw-message header,.gw-folder>summary,.gw-course-outline>summary,.gw-start-timer strong,.gw-start-units b){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.fw-message time,.fw-question-state,.gw-start-timer>small,.gw-start-units small,.gw-folder>summary small,.gw-course-outline>summary small){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.fw-question-list a,.fw-file-symbol,.task-reference,.gw-video-picture,.gw-course-outline){background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .gw-course-outline bdi{color:var(--ha3d-text)}
html[data-ha3d-premium] :is(.gw-watch[aria-pressed=true],.gw-video.is-watched){border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .gw-watch[aria-pressed=true]{background:var(--ha3d-success-bg);color:var(--ha3d-success)}
html[data-ha3d-premium] .gw-check{background:var(--ha3d-success);color:#10221a}
html[data-ha3d-premium] .gw-filters button[aria-pressed=true]{background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] .fw-breadcrumb{color:var(--ha3d-muted)}
html[data-ha3d-premium] .fw-breadcrumb a:hover{color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.fw-section-caption,.fw-access-note,.lesson-resource-section,.gw-video-grid,.gw-course-outline){border-color:var(--ha3d-line)}

/* Live workshop manager and the per-video student task/submission workflow. */
html[data-ha3d-premium] :is(.aw-card,.aw-hero,.aw-stats>div,.aw-player,.aw-video-card,.aw-content-groups,.aw-lecture-settings,.aw-flat-empty,.aw-content-group,.aw-video-task,.aw-preview-bar,.gw-classroom-header .gw-task-progress){
  background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);box-shadow:none;
}
html[data-ha3d-premium] :is(.aw-content-file,.aw-content-group .aw-content-group,.aw-video-task [data-video-task-gate],.aw-placeholder,.aw-video-picture,.gw-cover-recovery){
  background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);
}
html[data-ha3d-premium] :is(.aw-card-body h2,.aw-video-info h3,.gw-video-info h3){color:var(--ha3d-text);font-weight:600}
html[data-ha3d-premium] :is(.aw label,.aw-lesson small,.aw-metrics,.aw-stats small,.aw-player small,.aw-file-info small,.aw-group-heading small,.aw-video-info small,.aw-video-task small,.aw-preview-bar p,.gw-cover-recovery small,.aw .upload small){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.aw-stats b,.aw-number,.aw-file-number,.aw-file a,.aw-group-heading,.aw-task-picture,.aw-content-groups>summary,.aw-lecture-settings>summary,.aw-video-task>summary,.aw-preview-bar strong,.aw-content-heading [data-order-status]){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.aw-number,.aw-content-file .secondary,.aw-order-controls button,.aw-file-remove){background:var(--ha3d-surface);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:6px}
html[data-ha3d-premium] .aw-file-remove{color:var(--ha3d-danger)}
html[data-ha3d-premium] :is(.aw-tabs,.aw-lesson,.aw-file-section,.aw-editor header,.aw-editor footer,.aw-classroom-header){border-color:var(--ha3d-line)}
html[data-ha3d-premium] .aw-filters{background:var(--ha3d-card);border:1px solid var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] :is(.aw-tabs button,.aw-filters button){color:var(--ha3d-muted);border-radius:6px}
html[data-ha3d-premium] :is(.aw-tabs button.active,.aw-filters button.active){background:var(--ha3d-accent-bg);color:var(--ha3d-gold)}
html[data-ha3d-premium] .aw-pill{background:var(--ha3d-surface);color:var(--ha3d-muted);border:1px solid var(--ha3d-line);border-radius:6px;font-size:12px;padding:3px 9px;line-height:1.7}
html[data-ha3d-premium] .aw-pill.active{background:var(--ha3d-success-bg);color:var(--ha3d-success);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] :is(.aw-pill.draft,.aw-pill.upcoming){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] :is(.aw-video-grid,.fwm-flat-workshop .gw-video-grid){gap:18px}
html[data-ha3d-premium] :is(.aw-video-card,.gw-workshop .fwm-resource-card){border:1px solid var(--ha3d-line);background:var(--ha3d-card);border-radius:var(--ha3d-radius);box-shadow:none}
html[data-ha3d-premium] :is(.aw-video-picture,.gw-workshop .gw-video-picture){border-radius:0;background:var(--ha3d-bg);color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.aw-video-number,.gw-video-index){background:#0d0f10e6;color:#d1bb93;border:1px solid #ffffff18;border-radius:5px;font:12px/1.7 var(--ha3d-font-latin)}
html[data-ha3d-premium] :is(.aw-video-info,.fwm-flat-workshop .gw-video-info){padding:14px}
html[data-ha3d-premium] :is(.aw-video-info h3,.fwm-flat-workshop .gw-video-info h3){font-size:17px;line-height:1.6;margin-bottom:8px}
html[data-ha3d-premium] :is(.aw-video-info small,.fwm-flat-workshop .gw-video-info small){font-size:12px;line-height:1.8}
html[data-ha3d-premium] :is(.aw-video-controls,.gw-workshop .fwm-resource-card .gw-video-actions){gap:10px;padding:0 14px 16px}
html[data-ha3d-premium] .aw-video-controls button{min-height:46px;line-height:1.6;font-size:13px;padding:9px 7px;white-space:normal}
html[data-ha3d-premium] .aw-video-controls [data-admin-task]{color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);background:transparent}
html[data-ha3d-premium] .aw-video-controls [data-admin-reviews]{color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);background:var(--ha3d-accent-bg)}
html[data-ha3d-premium] .aw-video-controls [data-admin-files]{color:var(--ha3d-muted);background:transparent;border-color:var(--ha3d-line)}
html[data-ha3d-premium] .aw-video-controls button:not(:disabled):hover{background:var(--ha3d-surface);border-color:var(--ha3d-gold)}
html[data-ha3d-premium] .aw-editor header button{width:42px;height:42px;flex-shrink:0;background:var(--ha3d-surface);color:var(--ha3d-text);border-radius:7px}
html[data-ha3d-premium] :is(.aw-editor header,.aw-editor footer){background:var(--ha3d-card);color:var(--ha3d-text)}
html[data-ha3d-premium] .aw-editor-body{scrollbar-width:thin;scrollbar-color:var(--ha3d-line) transparent}
html[data-ha3d-premium] .aw-group-name{background:var(--ha3d-bg)!important;color:var(--ha3d-gold)!important;border-color:var(--ha3d-gold-line)!important}
html[data-ha3d-premium] .aw-save-status{background:var(--ha3d-accent-bg);border-color:var(--ha3d-gold-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .aw-save-status strong{color:var(--ha3d-text)}
html[data-ha3d-premium] .aw-save-status small{color:var(--ha3d-muted)}
html[data-ha3d-premium] .aw-save-status[data-state=success]{background:var(--ha3d-success-bg);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .aw-save-status[data-state=error]{background:var(--ha3d-danger-bg);border-color:var(--ha3d-danger-line)}
html[data-ha3d-premium] .aw-task-picture img{background:var(--ha3d-bg);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .aw-content-file.is-drop-target,html[data-ha3d-premium] .aw-content-group.is-drop-target{outline-color:var(--ha3d-gold)}
html[data-ha3d-premium] .gw-resource-heading{background:var(--ha3d-bg);border-color:var(--ha3d-line)}
html[data-ha3d-premium] .gw-classroom-header{border-color:var(--ha3d-line)}
html[data-ha3d-premium] .gw-workshop :is(.fwm-work-files,.fwm-video-lock,.fwm-legacy-task,.fwm-empty-video,.fwm-preview-note){background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .gw-workshop :is(.fwm-work-files>summary,.fwm-dialog-video,.fwm-dialog>header h2){color:var(--ha3d-gold)}
html[data-ha3d-premium] .gw-workshop :is(.fwm-work-files>summary span,.fwm-work-file small,.fwm-submit-form label){color:var(--ha3d-muted)}
html[data-ha3d-premium] .gw-workshop .fwm-download-watch .gw-native-slot>a,html[data-ha3d-premium] .gw-workshop .fwm-download-watch .gw-native-slot>button{
  background:var(--ha3d-surface);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);min-height:48px;font-size:14px;
}
html[data-ha3d-premium] .gw-workshop .fwm-watch-checkbox.secondary{background:var(--ha3d-surface);color:var(--ha3d-muted);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .gw-workshop .fwm-watch-checkbox[aria-checked=true]{background:var(--ha3d-success-bg);color:var(--ha3d-success);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .gw-workshop .fwm-task-question>.secondary{background:transparent;color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);border-radius:var(--ha3d-radius);min-height:48px;font-size:14px}
html[data-ha3d-premium] .gw-workshop .fwm-task-submit.primary{background:var(--ha3d-gold);color:var(--primary-foreground);border-color:var(--ha3d-gold);border-radius:var(--ha3d-radius);min-height:48px;font-weight:700}
html[data-ha3d-premium] .gw-workshop .fwm-task-submit.fwm-task-approved{background:var(--ha3d-success-bg);color:var(--ha3d-success);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .gw-workshop :is(.fwm-task-pending,.fwm-task-revision){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);opacity:1}
html[data-ha3d-premium] .gw-workshop .fwm-video-locked{background:var(--ha3d-bg);border-color:var(--ha3d-line)}
html[data-ha3d-premium] .gw-workshop .fwm-resource-card .gw-video-actions>.gw-video-question{color:var(--ha3d-muted);background:transparent;border-color:var(--ha3d-line);font-size:14px}
html[data-ha3d-premium] .gw-workshop :is(.fwm-dialog,.fwm-submit-form input,.fwm-submit-form textarea){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .gw-workshop .fwm-dialog>header{border-color:var(--ha3d-line)}
html[data-ha3d-premium] .gw-workshop .fwm-dialog :is(button,a):focus-visible{outline:2px solid var(--ha3d-gold);outline-offset:4px}
html[data-ha3d-premium] .gw-workshop .fwm-submit-form :is(input,textarea){background:var(--ha3d-bg);font-size:15px}
html[data-ha3d-premium] .gw-workshop .fwm-task-deadline{background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .gw-workshop .fwm-task-deadline>time{color:var(--ha3d-muted)}
html[data-ha3d-premium] .gw-workshop .fwm-task-instructions{color:var(--ha3d-text);line-height:1.9}
@media(max-width:650px){
  html[data-ha3d-premium] :is(.aw-video-grid,.fwm-flat-workshop .gw-video-grid){gap:12px}
  html[data-ha3d-premium] :is(.aw-video-info,.fwm-flat-workshop .gw-video-info){padding:12px}
  html[data-ha3d-premium] :is(.aw-video-controls,.gw-workshop .fwm-resource-card .gw-video-actions){padding:0 12px 14px;gap:9px}
}

/* Community, account and resource libraries retain their original application layout. */
html[data-ha3d-premium] :is(.welcome,.learning-start,.featured,.composer,.post,.news-post){background:var(--ha3d-card);color:var(--ha3d-text);border:1px solid var(--ha3d-line);border-radius:var(--ha3d-radius);box-shadow:none}
html[data-ha3d-premium] :is(.welcome p,.learning-start p,.featured p,.community-guide small,.post-head small,.author small,.post-summary,.section-label,.rail-footer,.feed-end){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.search,.composer-top button,.comment,.comment-bubble,.comment-input-box,.comment-input,.comment-input input,.form-tools select,.feed-heading select,.post-head .post-label){background:var(--ha3d-surface);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .search input{background:transparent;border:0;color:var(--ha3d-text);box-shadow:none}
html[data-ha3d-premium] :is(.nav-list button.selected,.filters button.active,.feed-tabs button.active){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:transparent;box-shadow:inset -3px 0 var(--ha3d-gold);border-radius:7px}
html[data-ha3d-premium] :is(.nav-list button,.nav-list a,.shortcut){border-radius:7px}
html[data-ha3d-premium] :is(.nav-list a,.nav-list button,.shortcut){color:var(--ha3d-text)}
html[data-ha3d-premium] :is(.rail-divider,.composer-options,.post-actions,.post-comments,.form-tools,.dialog-head,.reply-context){border-color:var(--ha3d-line)}
html[data-ha3d-premium] .rail-divider{background:var(--ha3d-line)}
html[data-ha3d-premium] :is(.post-actions button,.comment-meta,.comment-toolbar button,.love-count,.reaction-counts,.comment-admin){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.post-save.saved,.post-actions button.liked,.comment-toolbar .comment-send){color:var(--ha3d-gold);background:var(--ha3d-accent-bg)}
html[data-ha3d-premium] :is(.post-picture,.post-image,.lesson-video,.post-media,.detail-image,.instructions-image){background:#0d0f10;border-color:var(--ha3d-line)}
html[data-ha3d-premium] :is(.avatar.me,.course-icon,.account-heading-icon,.download-preview-icon){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] :is(.script-art,.script-art.has-cover,.script-art.has-cover>img,.issue-thumb,.script-body){border-color:var(--ha3d-line)}
html[data-ha3d-premium] .script-art:not(.has-cover){background:var(--ha3d-surface)}
html[data-ha3d-premium] :is(.script-description,.issue-info p,.issue-tags,.issue-filter>span,.help-strip div>span,.access-field small,.course-note){color:var(--ha3d-muted)}
html[data-ha3d-premium] :is(.instructions-button,.download-preview-icon,.art-index,.art-label,.issue-tags>span:first-child){color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.tabs button.active,.tabs button[aria-selected=true],.tabs button[aria-pressed=true]){color:var(--ha3d-gold);border-color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.admin-reply,.message.admin,.notice.unread,.notification-link.unread){background:var(--ha3d-accent-bg);border-color:var(--ha3d-gold-line);color:var(--ha3d-text)}
html[data-ha3d-premium] :is(.message,.image-comment,.detail-tabs,.course-progress,.lesson-board){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .detail-tabs button{color:var(--ha3d-muted);border-radius:6px}
html[data-ha3d-premium] .detail-tabs button[aria-selected=true]{background:var(--ha3d-surface);color:var(--ha3d-gold);box-shadow:none}
html[data-ha3d-premium] .lesson-board .lesson-check-card{border-radius:var(--ha3d-radius);background:var(--ha3d-bg);color:var(--ha3d-text);border-color:var(--ha3d-line)}
html[data-ha3d-premium] .lesson-board .lesson-check-card.is-done{background:var(--ha3d-success-bg);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] .lesson-board .lesson-check-card.is-done .lesson-card-state{color:var(--ha3d-success)}
html[data-ha3d-premium] .lesson-card-icon{background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] :is(.badge,.pill){background:var(--ha3d-accent-bg);color:var(--ha3d-gold);border-color:var(--ha3d-gold-line);font-weight:500;box-shadow:none}
html[data-ha3d-premium] :is(.badge.approved,.badge.answered,.badge.complete,.pill.complete){background:var(--ha3d-success-bg);color:var(--ha3d-success);border-color:var(--ha3d-success-line)}
html[data-ha3d-premium] :is(.badge.closed,.badge.off,.badge.stopped){background:var(--ha3d-danger-bg);color:var(--ha3d-danger);border-color:var(--ha3d-danger-line)}
html[data-ha3d-premium] :is(.badge.active,.badge.review,.badge.waiting,.badge.enrolled){background:var(--ha3d-info-bg);color:var(--ha3d-info);border-color:var(--ha3d-info-line)}
html[data-ha3d-premium] .badge{border-radius:6px;font-size:12px;padding:4px 10px;border-width:1px}

/* Modal/notification/upload surfaces: only appearance, no sizing or visibility overrides. */
html[data-ha3d-premium] :is(dialog:not(.platform-tour-canvas),.notification-dialog,[data-slot=dialog-content],[data-slot=alert-dialog-content],[data-slot=sheet-content],[data-slot=select-content],[data-slot=dropdown-menu-content],[data-slot=popover-content]){
  background:var(--ha3d-card)!important;color:var(--ha3d-text)!important;
  border-color:var(--ha3d-line);border-radius:var(--ha3d-radius)!important;box-shadow:0 24px 80px #0005;
}
html[data-ha3d-premium] :is([data-slot=sheet-header],.modal-head,.viewer-top,.notification-dialog header,.dialog-head){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line)}
html[data-ha3d-premium] :is([data-slot=dialog-description],[data-slot=sheet-description],.notification-link small,.modal-head){color:var(--ha3d-muted)}
html[data-ha3d-premium] dialog::backdrop{background:#050607b8;backdrop-filter:blur(4px)}
html[data-ha3d-premium] :is([data-slot=select-item][data-highlighted],[data-slot=dropdown-menu-item][data-highlighted]){background:var(--ha3d-surface);color:var(--ha3d-gold)}
html[data-ha3d-premium] :is([data-slot=table-head],th){background:var(--ha3d-surface);color:var(--ha3d-muted);border-color:var(--ha3d-line)}
html[data-ha3d-premium] :is([data-slot=table-row],[data-slot=table-cell],td){border-color:var(--ha3d-line)}
html[data-ha3d-premium] :is(.row:hover,.notification-link:hover){background:var(--ha3d-surface)}
html[data-ha3d-premium] :is(td strong,.notification-link strong){color:var(--ha3d-text)}
html[data-ha3d-premium] :is(td small,.file small,.lesson small){color:var(--ha3d-muted)}

/* Public-facing course pages share the palette without changing their compositions. */
html[data-ha3d-premium] :is(.header,.page-header,.footer,.footer-bottom,.software-strip,.software,.proof,.section-heading){border-color:var(--ha3d-line)}
html[data-ha3d-premium] :is(.page-header,.courses-section,.workshops-section){background:var(--ha3d-bg)}
html[data-ha3d-premium] :is(.course-card,.purchase,.course-notice){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line);border-radius:var(--ha3d-radius);box-shadow:none}
html[data-ha3d-premium] :is(.btn,.button.primary){border-radius:var(--ha3d-radius);background:var(--ha3d-gold);color:var(--primary-foreground);border-color:var(--ha3d-gold);box-shadow:none}
html[data-ha3d-premium] :is(.btn:hover,.button.primary:hover){background:var(--ha3d-gold-hover);border-color:var(--ha3d-gold-hover);transform:none}
html[data-ha3d-premium] .btn.ghost{background:transparent;color:var(--ha3d-text);border-color:var(--ha3d-gold-line)}
html[data-ha3d-premium] .btn.ghost:hover{background:var(--ha3d-accent-bg)}
html[data-ha3d-premium] :is(.course-bottom,.course-bottom a,.course-actions,.course-details,.purchase-inner,.faq details,.curriculum li,.benefits article){border-color:var(--ha3d-line)}
html[data-ha3d-premium] .course-bottom a{border-radius:6px;color:var(--ha3d-gold)}
html[data-ha3d-premium] :is(.course-grid .course-card:nth-child(-n+2) .course-bottom a,.course-bottom a:hover){background:var(--ha3d-gold);border-color:var(--ha3d-gold);color:var(--primary-foreground)}
html[data-ha3d-premium] :is(.course-kind,.course-badge,.course-number){border-radius:6px;background:#0d0f10d9;color:#f3f1eb;border-color:#ffffff24}
html[data-ha3d-premium] :is(.course-card p,.benefits p,.about-lead p,.faq details p,.price-note,.purchase small,.section-head p,.course-intro,.footer>p){color:var(--ha3d-muted)}
html[data-ha3d-premium] .contact{background:var(--ha3d-card);color:var(--ha3d-text);border:1px solid var(--ha3d-line);border-radius:var(--ha3d-radius)}
html[data-ha3d-premium] .contact :is(.label,p){color:var(--ha3d-muted)}
html[data-ha3d-premium] .contact .btn{background:var(--ha3d-gold);color:var(--primary-foreground);border-color:var(--ha3d-gold)}
html[data-ha3d-premium] .mobile-booking{background:var(--ha3d-sidebar);border-color:var(--ha3d-line)}
html[data-ha3d-premium] .auth-art{background:#111314;color:#f3f1eb;border-color:var(--ha3d-gold)}
html[data-ha3d-premium] .auth-art :is(.eyebrow,.brand b){color:#bda578}
html[data-ha3d-premium] .auth-art p{color:#a7adb1}
html[data-ha3d-premium] :is(.auth-content,.auth form){background:var(--ha3d-card);color:var(--ha3d-text);border-color:var(--ha3d-line)}

@media(min-width:1200px){
  html[data-ha3d-premium] .fw-library .workshopgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  html[data-ha3d-premium] :is(.workspace,.platform-frame .shell>main){padding:28px 24px 44px}
  html[data-ha3d-premium] .fw-library .cardbody{padding:18px}
  html[data-ha3d-premium] .fw-library .cardbody h2{font-size:21px}
}
@media(max-width:900px){
  html[data-ha3d-premium] .account-sidebar nav a[aria-current]{box-shadow:inset 0 -2px var(--ha3d-gold)}
  html[data-ha3d-premium] .account-sidebar [data-ha3d-nav-item][data-ha3d-group-label]{margin-block-start:0}
  html[data-ha3d-premium] .account-sidebar [data-ha3d-nav-item][data-ha3d-group-label]:before{content:none}
}
@media(max-width:768px){
  html[data-ha3d-premium] :is(.workspace,.platform-frame .shell>main){padding:24px 16px 38px}
  html[data-ha3d-premium] .platform-frame .top{height:auto;min-height:106px;padding:8px 12px;gap:6px}
  html[data-ha3d-premium] .platform-frame .top #learning-toolbar{gap:7px}
  html[data-ha3d-premium] .platform-frame .top #learning-toolbar button{min-width:42px;min-height:42px}
  html[data-ha3d-premium] .platform-frame .shell>nav{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  html[data-ha3d-premium] [data-sidebar=sidebar][data-mobile=true]{
    width:min(288px,calc(100vw - 42px));height:100dvh;max-height:100dvh;
    border-radius:0!important;background:var(--ha3d-sidebar)!important;
  }
  html[data-ha3d-premium] [data-mobile=true]>[data-slot=sidebar-inner]{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  html[data-ha3d-premium] [data-mobile=true] [data-slot=sidebar-content]{min-height:0;overscroll-behavior:contain}
  html[data-ha3d-premium] :is(.side-brand,.platform-frame .frame-brand){padding-block:24px 23px}
  html[data-ha3d-premium] .side-brand{margin-inline:12px}
  html[data-ha3d-premium] .side-user{padding:13px 16px}
  html[data-ha3d-premium] .fw-library .thumb{aspect-ratio:16/9}
}
@media(max-width:640px){
  html[data-ha3d-premium] .topbar{padding-inline:16px;min-height:64px}
  html[data-ha3d-premium] :is(.page-heading h2,.platform-frame .shell>main h1,.fw-heading h1){font-size:29px}
  html[data-ha3d-premium] .page-heading .muted{font-size:14px}
  html[data-ha3d-premium] .page-heading{gap:16px}
  html[data-ha3d-premium] .toolbar{gap:9px;flex-wrap:wrap}
  html[data-ha3d-premium] .toolbar input{flex-basis:100%;min-width:0}
  html[data-ha3d-premium] .toolbar :is(select,[data-slot=select-trigger]){min-width:0;max-width:100%;flex:1}
  html[data-ha3d-premium] .cards{gap:16px}
  html[data-ha3d-premium] .card-body{padding:17px 18px}
  html[data-ha3d-premium] .fw-library .cardbody{padding:20px}
  html[data-ha3d-premium] .fw-library .cardbody h2{font-size:23px}
  html[data-ha3d-premium] .fw-library .fw-open{font-size:16px;min-height:48px}
  html[data-ha3d-premium] .fw-heading{gap:15px;flex-wrap:wrap}
  html[data-ha3d-premium] :is(.fw-question-panel,.gw-lecture){padding:16px}
  html[data-ha3d-premium] .student-folder{padding:18px}
  html[data-ha3d-premium] .student-folder:has(>:is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover]):not([hidden])){padding:18px}
  html[data-ha3d-premium] :is(.ha3d-folder-cover,.ha3d-folder-preview,[data-ha3d-folder-cover]){width:calc(100% + 36px);margin:-18px -18px 15px}
  html[data-ha3d-premium] .dashboard-project-stats .stat{min-height:118px;padding:15px}
  html[data-ha3d-premium] .dashboard-project-stats .stat>strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
  html[data-ha3d-premium] :is(.project-card,.student-folder,.work,.script-card,.course-card,.project-cover img,.fw-library .workshopitem){transition:none;transform:none}
}
