/* Google100.net balanced slate, sage, and warm-stone theme — loaded last. */
:root{
  --ui-page:#e6e8e4;
  --ui-surface:#f4f2ed;
  --ui-surface-soft:#eceeea;
  --ui-surface-blue:#dde5e5;
  --ui-ink:#28363b;
  --ui-muted:#657279;
  --ui-line:#c6ccc8;
  --ui-blue:#536f7a;
  --ui-blue-dark:#405b65;
  --ui-teal:#647f73;
  --ui-gold:#a88445;
  --ui-warm:#9a6b59;
  --ui-shadow:0 16px 42px rgba(48,61,62,.13);
  color-scheme:light;
}
html,body{background:#e6e8e4!important;color:var(--ui-ink)!important}
body{background:linear-gradient(140deg,#e3e5e1 0%,#ecebe6 48%,#dde3df 100%)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(83,111,122,.3)!important}
.app,.workspace{background:#e4e7e3!important}
.sidebar{background:#f2f0eb!important;border-color:#c5cbc7!important;box-shadow:8px 0 28px rgba(54,67,68,.08)!important}
.stage{background:radial-gradient(circle at 52% 18%,rgba(104,127,119,.18),transparent 36%),linear-gradient(145deg,#d5dad7,#ebeae5 58%,#dce2df)!important}
.brand{background:linear-gradient(115deg,#eeece6,#e0e5e2)!important;border-color:#c3cac6!important}
.brand strong,.topbar strong,.tab-panel h2{color:#2d3d43!important}.brand small,.topbar span{color:#6a777c!important}
.tabs{background:#e7e9e5!important;border-color:#c7cdc9!important}
.tabs button,.button-grid button,.topbar button,.sidebar>button,.tab-panel>button,.file-btn,.library-actions button,.anchor-grid button,.icon-grid button,.home-btn,
:is(#albumView,#myAlbumView) .back-link,:is(#albumView,#myAlbumView) .create-link{background:#f5f3ee!important;color:#35474e!important;border-color:#c3cac6!important;box-shadow:none!important}
.tabs button:hover,.button-grid button:hover,.topbar button:hover,.tab-panel>button:hover,.file-btn:hover,.library-actions button:hover,.anchor-grid button:hover,.icon-grid button:hover,.home-btn:hover{background:#dfe6e3!important;border-color:#8da39a!important;color:#314e50!important}
.tabs button.active,.primary,.chips button.active,:is(#albumView,#myAlbumView) .album-template-categories button.active{background:linear-gradient(135deg,#536f7a,#647f73)!important;border-color:#536f7a!important;color:#fff!important}
.tab-panel h3{color:#596f73!important}.tab-panel label{color:#516066!important}
.tab-panel input,.tab-panel select,.tab-panel textarea,.select-field,.template-search-tools input,.search-wrap input{background:#faf8f3!important;color:#2e3d43!important;border-color:#c2c9c5!important}
.tab-panel input:focus,.tab-panel select:focus,.tab-panel textarea:focus{border-color:#718d89!important;box-shadow:0 0 0 3px rgba(100,127,115,.14)!important}
.builder-card,.contact-editor-card,.library-item,.empty,.hint,.layer{background:#e9ebe7!important;border-color:#c9ceca!important}
.layer.active{background:#dce5e1!important;border-color:#7d9990!important}.layer button{background:#dfe4e1!important;color:#425b5e!important}
.chips button{background:#f6f4ef!important;color:#536167!important;border-color:#c4cbc7!important}
.topbar{background:rgba(241,240,235,.95)!important;border-color:#c5cbc7!important;backdrop-filter:blur(14px)}
.studio-tools-popover,.toast{background:#f4f2ed!important;border-color:#c4cbc7!important;color:#314148!important}
.mobile-quick-actions{background:rgba(239,239,234,.97)!important;border-color:#c3cac6!important}.mobile-quick-actions button{background:#f7f5f0!important;color:#34474d!important;border-color:#c3cac6!important}
.home-view{background:radial-gradient(circle at 10% 10%,rgba(83,111,122,.14),transparent 27%),radial-gradient(circle at 90% 15%,rgba(100,127,115,.13),transparent 28%),linear-gradient(145deg,#e5e7e3,#efede8 48%,#dfe4e0)!important}
.home-header,.album-header{background:rgba(242,240,235,.94)!important;border-color:#c5cbc7!important;box-shadow:0 6px 20px rgba(53,67,68,.07)!important}
.g-number,.g-domain{color:#35464d!important}
.home-nav a{color:#526166!important}.home-nav a:hover,.home-nav a.active{color:#38545b!important;background:#dfe6e3!important;box-shadow:inset 0 0 0 1px #becac5!important}
.home-hero{background:linear-gradient(145deg,rgba(244,242,237,.98),rgba(231,234,230,.98))!important;border-color:#c4cbc7!important;box-shadow:var(--ui-shadow)!important}
.home-hero h1,.home-feature-grid h2,.home-cta h2{color:#2d3d43!important}.home-lead,.home-feature-grid p,.home-cta p{color:#647278!important}.home-kicker{color:#617b70!important}
.home-benefit-list div,.home-feature-grid article{background:#f4f2ed!important;border-color:#c8ceca!important;box-shadow:0 10px 26px rgba(51,65,66,.07)!important}
.home-benefit-list strong{color:#34474d!important}.home-benefit-list span,.home-trust-row{color:#68767b!important}
.home-btn.primary{background:linear-gradient(135deg,#526f7a,#667f73)!important;border-color:#526f7a!important;color:#fff!important}
.home-cta{background:linear-gradient(115deg,#dfe5e2,#e9e5de)!important;border-color:#c3cbc6!important;box-shadow:0 14px 32px rgba(54,68,67,.08)!important}
:is(#albumView,#myAlbumView){background:linear-gradient(145deg,#e3e6e2,#ecebe6 55%,#dce2de)!important;color:#2e3e44!important}
:is(#albumView,#myAlbumView) .album-header strong,:is(#albumView,#myAlbumView) h1,:is(#albumView,#myAlbumView) h2,:is(#albumView,#myAlbumView) h3{color:#2d4046!important}
:is(#albumView,#myAlbumView) .album-header small,:is(#albumView,#myAlbumView) p,:is(#albumView,#myAlbumView) .note,:is(#albumView,#myAlbumView) .section-copy{color:#657379!important}
:is(#albumView,#myAlbumView) .hero,:is(#albumView,#myAlbumView) .template-album-library,:is(#albumView,#myAlbumView) .showcase,:is(#albumView,#myAlbumView) .library{background:rgba(243,241,236,.9)!important;border-color:#c5ccc8!important;box-shadow:0 14px 34px rgba(53,67,68,.08)!important}
:is(#albumView,#myAlbumView) .stats>div,:is(#albumView,#myAlbumView) .album-card,:is(#albumView,#myAlbumView) .carousel-card{background:#f4f2ed!important;border-color:#c7cdc9!important;color:#314248!important}
:is(#albumView,#myAlbumView) .template-search-tools button,:is(#albumView,#myAlbumView) .search-wrap button,:is(#albumView,#myAlbumView) .album-template-categories button{background:#f5f3ee!important;color:#506167!important;border-color:#c3cac6!important}
.global-copyright{background:rgba(218,221,216,.98)!important;color:#647177!important;border-color:#bdc5c0!important;box-shadow:0 -5px 16px rgba(49,63,64,.06)!important}.global-copyright strong{color:#34474d!important}
.compact-logo{font-size:21px!important;letter-spacing:-1.2px!important;line-height:1;display:inline-flex;align-items:baseline;flex-shrink:0}
.studio-brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.studio-brand-copy .compact-logo{margin-bottom:4px}
.topbar-title{gap:12px!important}.topbar-title>.compact-logo{margin-right:2px}
.album-header>.compact-logo{font-size:23px!important;margin-inline:auto 12px}
@media(max-width:820px){
  .topbar-title>.compact-logo{font-size:18px!important}.topbar-title>div strong{font-size:14px!important}
  .album-header{flex-wrap:wrap!important}.album-header>.compact-logo{order:-1;width:100%;justify-content:center;margin:0 0 8px!important}
}
@media(max-width:520px){.topbar-title>.compact-logo .g-domain{display:none}.topbar-title>.compact-logo{font-size:17px!important}}


/* ===== Version 2.0 Phase 1 Theme ===== */
:root{
 --g100-bg:#24384d;
 --g100-surface:#314a63;
 --g100-panel:#ffffff;
 --g100-primary:#4c7ecb;
 --g100-accent:#5fa7a6;
 --g100-text:#243447;
}
html,body{
 background:linear-gradient(180deg,#24384d,#2d4660) !important;
 color:#eef4fb !important;
}
header,.topbar,.navbar,.app-header{
 background:#22364a !important;
 color:white !important;
}
.sidebar,.panel,.toolbar,.card,.dialog,.modal,.property-panel{
 border-radius:16px !important;
}
button,.btn{
 border-radius:12px !important;
}