/* CreatorToolPilot Beta 5.0 — unified soft-black + purple theme */
:root{
  --bg:#17181d;
  --card:#202128;
  --card-2:#24252d;
  --card-3:#292a32;
  --text:#f5f5f7;
  --muted:#a9abb5;
  --line:#343640;
  --line-2:#41434e;
  --primary:#8b5cf6;
  --primary2:#a78bfa;
  --soft:#2d2543;
  --success:#6ed6ae;
  --successbg:#18342b;
  --warning:#f3c86a;
  --warningbg:#352d1d;
  --shadow:0 18px 48px rgba(0,0,0,.18);
}
html{background:#17181d}
body,
.home-refresh,
.toolmint-directory-page,
.toolmint-tool-page,
.market-page,
.collage-page,
.subtitle-page,
.mockup-page{
  background:#17181d!important;
  color:#f5f5f7!important;
}
body{background-image:none!important}

/* One shared header across every page */
.site-header,
.home-refresh .site-header,
.toolmint-directory-page .site-header,
.toolmint-tool-page .site-header,
.market-page .site-header,
.collage-page .site-header,
.mockup-page .site-header,
.subtitle-header{
  height:72px!important;
  min-height:72px;
  background:rgba(26,27,32,.97)!important;
  border-bottom:1px solid #30313a!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px);
  position:sticky;
  top:0;
  z-index:100;
}
.site-header .header-inner{
  width:min(1180px,calc(100% - 36px))!important;
  min-height:72px!important;
  height:72px!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.site-header .brand{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;color:#f5f5f7!important;min-width:max-content}
.site-header .brand-icon,
.site-header .brand-mark{
  width:41px!important;height:41px!important;border-radius:13px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#754de8,#9c69f7)!important;color:#fff!important;box-shadow:none!important;font-size:20px!important;
}
.site-header .brand-copy,.site-header .brand>div:not(.brand-mark){display:flex;flex-direction:column;line-height:1.1}
.site-header .brand strong{color:#f7f7fa!important;font-size:16px!important;letter-spacing:-.3px}
.site-header .brand small,.site-header .brand span:not(.brand-icon){color:#a7a8b3}
.site-header .brand-copy small,.site-header .brand>div:not(.brand-mark)>span{font-size:10px!important;color:#a7a8b3!important;margin-top:4px}
.header-right{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
.header-nav{display:flex!important;align-items:center!important;gap:16px!important;min-width:0}
.header-nav .header-link{
  display:inline-flex!important;align-items:center;white-space:nowrap;padding:7px 2px!important;
  color:#d2d3dc!important;text-decoration:none!important;font-size:13px!important;font-weight:780!important;line-height:1.2;
  border-bottom:2px solid transparent;
}
.header-nav .header-link:hover{color:#fff!important}
.header-nav .header-link.active-nav{color:#cbbcff!important;border-bottom-color:#8b5cf6!important}
.header-nav .nav-beta,.header-pro-link{display:none!important}
.site-account-nav{display:flex;align-items:center;gap:7px}
.site-account-login{background:#23242b!important;color:#e6e6eb!important;border:1px solid #3a3c46!important;box-shadow:none!important}
.site-account-login:hover{background:#292a32!important;color:#fff!important}
.site-account-create{background:#8b5cf6!important;color:#fff!important;box-shadow:none!important;border-color:#9a72fa!important}
.site-account-summary{background:#23242b!important;border-color:#383a44!important}.site-account-summary span{color:#efeff4!important}.site-account-summary small{color:#b7a5ff!important}

/* Shared surfaces and controls */
.site-footer,.home-refresh .site-footer,.toolmint-directory-page .site-footer,.toolmint-tool-page .site-footer,.collage-page .site-footer{
  background:#191a1f!important;border-top:1px solid #30313a!important;color:#9799a4!important;
}
.footer-links a,.site-footer a{color:#b6b7c1!important}
input:not([type="color"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:#1a1b20;color:#f1f1f5;border-color:#3b3d47;
}
::placeholder{color:#777a86;opacity:1}

/* Creator Tools + homepage */
.home-refresh .home-hero-v47{background:#1d1e24!important;border-color:#343640!important}
.home-refresh .hero-showcase-v47,.home-refresh .home-trust-v47,.home-refresh .popular-card-v47,.home-refresh .home-tool-card,.home-refresh .feature-strip div{background:#202128!important;border-color:#343640!important}
.home-refresh .showcase-card-v47{background:#292a32!important;border-color:#393b45!important}
.home-refresh .popular-icon-v47,.home-refresh .home-tool-icon{background:#2d2543!important}
.toolbox-shell,.tool-panel{background:#202128!important;border-color:#343640!important}
.tool-tabs{background:#1c1d22!important;border-color:#343640!important}.tool-tab{color:#a9abb5!important;border-color:#30313a!important}.tool-tab.active{background:#2d2543!important;color:#d8cdff!important}
.panel-top h2,.results-head h3,.result-text{color:#f3f3f6!important}.panel-top p,.results-head p,.field-foot{color:#a3a5b0!important}
.field label{color:#dedee5!important}.field textarea,.field input,.field select{background:#1a1b20!important;color:#f3f3f6!important;border-color:#3b3d47!important}
.ghost-btn,.copy-all-btn,.copy-btn{background:#292a32!important;color:#dedee6!important;border-color:#41434e!important}
.result-card{background:#24252d!important;border-color:#383a44!important}.result-index{background:#2d2543!important;color:#cbbcff!important}.type-pill{background:#30313a!important;color:#b8bac4!important}
.feature-strip div{background:#202128!important;border-color:#343640!important}.single-tool-note{background:#202128!important;border-color:#343640!important;color:#a9abb5!important}
.tool-page-switch-link{background:#202128!important;border-color:#343640!important;color:#b6b7c1!important}.tool-page-switch-link.active{background:#2d2543!important;border-color:#5a4788!important;color:#d5c9ff!important}
.generator-seo-intro,.generator-seo-two-col>div,.generator-seo-examples,.generator-seo-faq,.generator-related-tools,.generator-seo-grid article{background:#202128!important;border-color:#343640!important}
.generator-angle-grid>div{background:#1a1b20!important;border-color:#343640!important}
.generator-related-links a{background:#2d2543!important;border-color:#554486!important}

/* ToolMint directory */
.toolmint-directory-page{--mint-bg:#17181d;--mint-card:#202128;--mint-line:#343640;--mint-muted:#a9abb5;--mint-purple:#8b5cf6}
.mint-directory-badge{background:#2d2543!important;border-color:#554486!important;color:#d6cbff!important}
.mint-directory-hero h1,.mint-category-title h2,.mint-future-categories h2,.mint-popular-head h2{color:#f5f5f7!important}
.mint-directory-hero h1 span{color:#a78bfa!important}.mint-directory-hero>p,.mint-cat-desc,.mint-category-title small,.mint-card-body p,.mint-future-categories p,.mint-popular-head p{color:#a9abb5!important}
.mint-directory-search,.mint-private-note,.mint-filter-wrap,.mint-no-results,.mint-future-categories{background:#202128!important;border-color:#343640!important;color:#d8d9df!important}
.mint-directory-search input{background:transparent!important;border:0!important;color:#f5f5f7!important}.mint-directory-search b{background:#2d2543!important;color:#d6cbff!important}
.mint-filter-chip{background:#24252d!important;border-color:#3a3c46!important;color:#c1c2ca!important}.mint-filter-chip:hover,.mint-filter-chip.active{background:#2d2543!important;border-color:#6b55a8!important;color:#eee9ff!important}
.mint-directory-card,.mint-popular-card{background:#202128!important;border-color:#343640!important;color:#f2f2f5!important;box-shadow:none!important}.mint-directory-card:hover,.mint-popular-card:hover{background:#26272f!important;border-color:#6f58b4!important}
.mint-card-icon,.mint-popular-icon{background:#2d2543!important;color:#cabdff!important}.mint-card-body h3,.mint-popular-card strong{color:#eeeeF3!important}.mint-card-arrow{color:#a78bfa!important}
.future-cat-grid span{background:#24252d!important;border-color:#393b45!important;color:#c4c5cd!important}

/* ToolMint individual tool pages */
.tool-page-breadcrumbs,.tool-page-breadcrumbs a{color:#999ca8!important}.tool-page-hero h1,.tool-card-head strong,.tool-info-grid h2,.related-tools h2{color:#f4f4f7!important}.tool-page-hero p,.tool-info-grid p{color:#a9abb5!important}
.tool-page-icon,.tool-page-badges span{background:#2d2543!important;border-color:#554486!important;color:#d5c8ff!important}
.tool-card-main,.tool-info-grid article{background:#202128!important;border-color:#343640!important;box-shadow:none!important}.tool-card-head{border-color:#343640!important}.tool-card-head span{color:#b8a8fa!important}
.tm-field label{color:#d8d9df!important}.tm-field input,.tm-field textarea,.tm-field select{background:#1a1b20!important;border-color:#3a3c46!important;color:#f2f2f5!important}
.tm-btn{background:#292a32!important;border-color:#41434e!important;color:#e9e9ed!important}.tm-btn.primary{background:#8b5cf6!important;border-color:#9b78fa!important;color:#fff!important}.tm-btn.success{background:#254737!important;border-color:#3d795e!important;color:#b8f2d8!important}
.tm-result,.tm-result pre,.tm-image-preview{background:#1a1b20!important;border-color:#343640!important;color:#d9dae0!important}.tm-result th,.tm-result td{border-color:#343640!important}
.related-tools-row a{background:#24252d!important;border-color:#3b3d47!important;color:#ccc0ff!important}.related-tools-row a:hover{background:#2d2543!important;border-color:#6d58ad!important;color:#fff!important}

/* ToolMint Flow, suggestion and 3D helper panels */
.tm-flow-strip,.tm-flow-hub,.tm-flow-card,.tm-flow-special,.mint-suggest{background:#202128!important;border-color:#343640!important;box-shadow:none!important}
.tm-flow-step,.tm-flow-card-steps span{background:#24252d!important;border-color:#3a3c46!important;color:#b9bbc4!important}.tm-flow-step.current,.tm-flow-step.done{background:#2d2543!important;border-color:#6c57ab!important;color:#e4ddff!important}
.tm-flow-note,.tm-flow-card p,.mint-suggest-copy p,.mint-suggest-status,.tm-3d-note{color:#a3a5af!important}.tm-flow-card h2,.mint-suggest-copy h2{color:#f2f2f5!important}
.mint-suggest-copy .tag,.tm-flow-badge{background:#2d2543!important;border-color:#554486!important;color:#d6cbff!important}.mint-suggest-form input,.mint-suggest-form textarea,.mint-suggest-form select{background:#1a1b20!important;border-color:#3b3d47!important;color:#f1f1f4!important}
.tm-3d-preview,.tm-3d-stat,.tm-spool{background:#1a1b20!important;border-color:#343640!important}.tm-3d-preview strong{color:#cbbcff!important}

/* Marketplace */
.market-page{--market-accent:#8b5cf6;--market-card:#202128;--market-line:#343640;--market-muted:#a9abb5;--market-good:#6ed6ae;--market-warn:#f3c86a;background:#17181d!important}
.market-badge,.market-note{background:#2d2543!important;border-color:#554486!important;color:#d8cdff!important}.market-hero h1,.market-section h2,.market-product h3,.market-card h2,.market-card h3{color:#f5f5f7!important}.market-hero h1 span{background:none!important;color:#a78bfa!important;-webkit-text-fill-color:initial!important}.market-hero p,.market-section-head p,.market-product p,.market-seller,.market-policy{color:#a9abb5!important}
.market-btn{background:#292a32!important;border-color:#41434e!important;color:#eeeeF3!important}.market-btn.primary{background:#8b5cf6!important;border-color:#9b78fa!important;color:#fff!important}
.market-strip>div,.market-card,.market-product,.market-empty,.market-account-banner,.market-submission,.market-admin-card,.market-modal-card{background:#202128!important;border-color:#343640!important;box-shadow:none!important}
.market-product-cover{background:linear-gradient(135deg,#352851,#24252d)!important}.market-chip{background:#24252d!important;border-color:#3b3d47!important;color:#c7c8d0!important}
.market-form input,.market-form select,.market-form textarea,.market-admin-copy input,.market-upload-preview,.market-upload-grid img,.market-modal-main,.market-modal-thumb,.market-admin-description,.market-admin-images img{background:#1a1b20!important;border-color:#3b3d47!important;color:#f2f2f5!important}
.market-form label,.market-admin-copy label{color:#d8d9df!important}.market-form small,.market-form-status,.market-account-banner span,.market-submission small,.market-admin-meta,.market-admin-result{color:#9fa1ad!important}
.market-modal-close{background:#292a32!important;color:#fff!important}.market-modal-backdrop{background:rgba(10,10,13,.84)!important}

/* Subtitle Maker */
.subtitle-page{--st-bg:#17181d;--st-text:#f5f5f7;--st-muted:#a9abb5;--st-border:#343640;--st-purple:#8b5cf6;--st-purple2:#a78bfa}
.subtitle-hero h1,.subtitle-panel h2,.account-state strong,.auth-card h2{color:#f5f5f7!important}.subtitle-hero p,.helper-copy,.beta-note,.account-state p{color:#a9abb5!important}.subtitle-kicker,.active-subtitle-link{color:#bcaeff!important}.subtitle-privacy-chip{background:#2d2543!important;border-color:#554486!important;color:#d6cbff!important}
.subtitle-panel,.account-strip,.auth-card,.caption-row,.export-section{background:#202128!important;border-color:#343640!important;box-shadow:none!important}.upload-drop,.video-stage-wrap,.caption-editor-empty{background:#1a1b20!important;border-color:#3b3d47!important;color:#b8bac4!important}
.subtitle-controls-panel select,.caption-text-input,.auth-card form input{background:#1a1b20!important;border-color:#3b3d47!important;color:#f1f1f5!important}.subtitle-controls-panel label:not(.upload-drop):not(.toggle-row){color:#dadbe1!important}
.subtitle-primary-btn,.subtitle-export-btn,.subtitle-download-btn,.auth-submit{background:#8b5cf6!important;color:#fff!important;box-shadow:none!important}.subtitle-secondary-btn,.account-btn-light{background:#292a32!important;border-color:#41434e!important;color:#e8e8ed!important}
.account-btn-primary,.account-btn-credit{background:#8b5cf6!important;border-color:#9b78fa!important;color:#fff!important}.account-stat,.account-meter-wrap{background:#24252d!important;border-color:#393b45!important}.auth-backdrop{background:rgba(10,10,13,.84)!important}

/* Collage Studio */
.collage-hero h1,.collage-panel h2,.workspace-topbar strong,.export-bar strong,.collage-info-grid h2{color:#f5f5f7!important}.collage-hero p,.collage-info-grid p,.workspace-topbar small,.export-bar small{color:#a9abb5!important}.collage-privacy-note{background:#2d2543!important;border-color:#554486!important;color:#d7ccff!important}
.collage-app-shell,.collage-sidebar,.collage-workspace,.collage-info-grid article{background:#202128!important;border-color:#343640!important;box-shadow:none!important}.collage-panel,.workspace-topbar,.selection-toolbar,.export-bar{background:#24252d!important;border-color:#343640!important}
.upload-drop,.canvas-stage,.empty-canvas-message,.photo-thumbs img{background:#1a1b20!important;border-color:#3b3d47!important}.style-chip,.tiny-btn,.secondary-collage-btn,.selection-controls button{background:#292a32!important;border-color:#41434e!important;color:#e4e4e9!important}.style-chip.active{background:#2d2543!important;border-color:#6f58b4!important;color:#eee9ff!important}
.primary-collage-btn{background:#8b5cf6!important;color:#fff!important;box-shadow:none!important}.text-input,.control-label select,.text-row select{background:#1a1b20!important;border-color:#3b3d47!important;color:#f1f1f5!important}

/* 3D Mockup Studio */
.mockup-breadcrumbs,.mockup-breadcrumbs a{color:#999ca8!important}.mockup-hero h1,.mockup-panel h2,.mockup-stage-top strong,.mockup-export-card strong,.mockup-info h2{color:#f5f5f7!important}.mockup-hero h1 span{color:#a78bfa!important}.mockup-hero p,.mockup-info p,.mockup-info ul,.mockup-help,.mockup-hint,.mockup-note{color:#a9abb5!important}.mockup-badge,.mockup-private{background:#2d2543!important;border-color:#554486!important;color:#d7ccff!important}
.mockup-panel,.mockup-stage-card,.mockup-info article,.mockup-export-card{background:#202128!important;border-color:#343640!important;box-shadow:none!important}.mockup-stage-top,.mockup-stage-bottom,.mockup-section{border-color:#343640!important}.mockup-viewport,.mockup-fallback{background:#1a1b20!important;border-color:#343640!important}
.mockup-select,.mockup-file,.mockup-model-pill{background:#1a1b20!important;border-color:#3b3d47!important;color:#f2f2f5!important}.mockup-chip,.mockup-btn{background:#292a32!important;border-color:#41434e!important;color:#e7e7ec!important}.mockup-chip.active,.mockup-camera-actions .mockup-btn.active{background:#2d2543!important;border-color:#6e58b3!important;color:#eee9ff!important}.mockup-btn.primary{background:#8b5cf6!important;border-color:#9b78fa!important;color:#fff!important}

/* Legal / informational pages */
.legal-page{color:#f5f5f7!important}.legal-page h1,.legal-page h2{color:#f5f5f7!important}.legal-page .lead,.legal-page p,.legal-page ul{color:#b0b2bc!important}.legal-page .eyebrow{color:#bcaeff!important}.legal-page .card{background:#202128!important;border-color:#343640!important}.legal-page .notice{background:#2d2543!important;border-color:#554486!important;color:#d7ccff!important}.legal-page a{color:#bcaeff!important}.updated{color:#90929d!important}.legal-footer{color:#9799a4!important}

/* Auth modal everywhere */
.site-auth-backdrop{background:rgba(10,10,13,.82)!important}.site-auth-card{background:#202128!important;border:1px solid #343640!important;color:#f5f5f7!important}.site-auth-close{background:#292a32!important;color:#d9dae0!important}.site-auth-card h2{color:#f5f5f7!important}.site-auth-card>p,.site-auth-message{color:#a9abb5!important}.site-auth-card label{color:#d5d6dc!important}.site-auth-card input{background:#1a1b20!important;color:#f2f2f5!important;border-color:#3b3d47!important}.site-auth-fineprint{border-color:#343640!important;color:#8f919c!important}

@media(max-width:1040px){
  .header-nav{gap:10px!important}.header-nav .header-link{font-size:12px!important}.site-header .brand-copy small{display:none!important}
}
@media(max-width:820px){
  .site-header,.subtitle-header{height:auto!important;min-height:0!important}
  .site-header .header-inner{height:auto!important;min-height:0!important;flex-wrap:wrap!important;padding:9px 0 8px!important;gap:8px 14px!important}
  .header-right{order:3;width:100%;display:flex!important;justify-content:space-between!important;gap:8px!important}
  .header-nav{flex:1;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.header-nav::-webkit-scrollbar{display:none}
  .header-nav .header-link{display:inline-flex!important;font-size:11px!important;padding:6px 0!important}
  .site-account-nav{display:none!important}
}
@media(max-width:560px){
  .site-header .header-inner{width:min(100% - 24px,1180px)!important}
  .site-header .brand-icon,.site-header .brand-mark{width:36px!important;height:36px!important;border-radius:11px!important;font-size:18px!important}
  .site-header .brand strong{font-size:14px!important}
  .header-nav{gap:13px!important}.header-nav .header-link{font-size:10.5px!important}
}