@charset "UTF-8";
/* Workbench interface palette. Product artwork, prompt presets and canvas marks keep their own colors. */
:root{--paper:#f3f4f6;--white:#fff;--ink:#303745;--muted:#748093;--line:#d8dde5;--accent:#455d7d;--accent-hover:#587293;--gold-light:#d8dde5;--soft:#edf0f4;--error:#a8413e;--shadow:0 3px 18px #202b3c06;--navy:#202b3c;--silver:#d8dde5}
body{background:var(--paper);color:var(--ink)}
button:focus-visible,a:focus-visible{outline-color:#587293}
input:focus,textarea:focus,select:focus{border-color:#6b83a3!important;box-shadow:0 0 0 3px #455d7d16}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#455d7d}
::selection{background:#dce5f0;color:#263b56}
.eyebrow,.text-button{color:#596f8b}.hint,.muted{color:#738094}
.primary,#page-editor #generate,#page-details #detailGenerate{background:linear-gradient(180deg,#4d6687 0%,#3c5474 48%,#2d405d 100%);border-color:#2e435f;color:#fff;text-shadow:0 1px 1px #13243c40;box-shadow:inset 0 1px 0 #c8d7ea66,inset 0 -1px 0 #172d4866,0 2px 3px #202b3c12,0 5px 12px #253f6426}
.primary:not(:disabled):hover,#page-editor #generate:not(:disabled):hover,#page-details #detailGenerate:not(:disabled):hover{background:linear-gradient(180deg,#5b7698 0%,#476282 48%,#354e6f 100%);border-color:#3b5678;color:#fff;box-shadow:inset 0 1px 0 #dbe8f580,inset 0 -1px 0 #172d4855,0 3px 5px #202b3c18,0 7px 16px #253f642c}
.primary:not(:disabled):active,#page-editor #generate:not(:disabled):active,#page-details #detailGenerate:not(:disabled):active{background:linear-gradient(180deg,#2d405d,#435c7d);border-color:#283c57;color:#fff;box-shadow:inset 0 2px 4px #172d4850,inset 0 -1px 0 #d6e0ed40,0 1px 2px #202b3c12}
.secondary{background:linear-gradient(180deg,#fff,#eef1f5);border-color:#cdd5df;color:#536277;box-shadow:inset 0 1px #fff,0 2px 3px #202b3c08}
.secondary:not(:disabled):hover{background:linear-gradient(180deg,#fff,#e6ebf1);border-color:#aebdcf;color:#344c6b}
.secondary:not(:disabled):active{background:#e6ebf1}
.sidebar{background:linear-gradient(180deg,#243247 0%,#202b3c 60%,#1c2636 100%);border-right-color:#35445b;color:#dce4ef}
.sidebar nav{scrollbar-color:#51637d transparent}
.sidebar .brand-workbench strong{color:#f4f6fa}.sidebar .brand-workbench small{color:#a8b9cf}.sidebar .brand-workbench img{background:#f8f9fb;border-color:#d8dde555;box-shadow:0 3px 8px #111d3033}
.sidebar .nav-caption{color:#8fa3be}.sidebar .nav-item,.sidebar .nav-item .nav-label{color:#b7c5d8}
.sidebar .nav-item.active{background:linear-gradient(105deg,#607a9b35,#91a7c512);border-color:#8da5c430;color:#edf3fc;box-shadow:inset 3px 0 0 #b9c8dc,0 2px 4px #101c3020}
.sidebar .nav-item.active .nav-label{color:#edf3fc}.sidebar .nav-item:not(.active):hover{background:#cbd7e610;color:#fff}
.sidebar .nav-count{background:#cad8ea10;border-color:#bdcfe21a;color:#bac9dd}.sidebar .nav-chevron{color:#9eb1cb}
.sidebar [aria-expanded=true] .nav-chevron{color:#d6e2f2}.sidebar .library-nav-sub button{color:#99adc7}.sidebar .library-nav-sub button.is-active{background:#c4d4e51a;color:#e8f0fb;border-color:#9bb1d02b}
.sidebar .private-note{border-top-color:#d8dde51c;color:#bccbdf}.sidebar .private-note small{color:#8da2be}.sidebar-logout{color:#a8bad1}.sidebar-logout:hover{background:#cbd7e610;color:#fff}
.status-dot{background:#97aecb}.topbar{background:#fffefbd9;border-color:#d8dde5}.breadcrumb{color:#8b95a4}.topbar-right #accountBadge{color:#637188}
.card,.library-project,.library-template{border-color:#d8dde5}.library-project:hover,.library-template:hover,.project-card:hover,.template-card:hover{border-color:#a8b8cc;box-shadow:0 6px 20px #263b560c}
.tag{background:#edf2f8;border-color:#ccd8e7;color:#4d6585}.tag.neutral{background:#f1f3f6;border-color:#dde2ea;color:#737f90}
.step{background:#edf2f8;color:#4d6585}.library-number{background:#26374ceF;color:#e0e8f4}.library-media-tag{background:#fffffff2;border-color:#d8dde5;color:#61738c}.preview-affordance{background:#26374ce6;color:#f4f7fc;border-color:#d8dde530}
.design-type-badge{background:#2b3e58;border-color:#415a7b;color:#e9f0fa}.design-type-badge[data-design-type=details]{background:#e7edf5;border-color:#b8c8dc;color:#3f5778}
.project-state-badge{background:#f0f2f5;border-color:#d8dde5;color:#6e7a8c}.project-state-badge[data-project-state="generated"]{background:linear-gradient(180deg,#edf3fa,#dce6f2);border-color:#b8c9df;color:#405d80}
.library-kind-tabs{background:#e8ecf1;border-color:#d5dde7}.library-kind-tabs button[aria-selected=true]{background:linear-gradient(180deg,#f7faff,#dce6f2);border-color:#9fb3ce;color:#324e71;box-shadow:inset 0 1px #fff,0 2px 4px #202b3c14}
.home-welcome{background:linear-gradient(115deg,#fffefb 0%,#f6f7f9 55%,#eaf0f7 100%);border-color:#d8dde5;box-shadow:0 4px 18px #202b3c05}
.home-stat strong{color:#3b5475}.home-stat:hover{border-color:#9cafc7}.home-tool:hover{border-color:#a8bad1;box-shadow:0 8px 25px #202b3c0b}
.home-tool-icon{background:linear-gradient(145deg,#fcfdff,#e4eaf2);border-color:#ccd7e5;color:#526d90;box-shadow:inset 0 1px #fff,0 2px 3px #202b3c0c}.home-tool-link{color:#516d90}.home-recent-grid{scrollbar-color:#a7b5c8 #edf0f4}
.profile-entry{background:linear-gradient(#fff,#edf2f8);border-color:#ccd5e1;color:#4b6384;box-shadow:inset 0 1px #fff,0 2px 3px #202b3c08}.profile-entry:hover{background:#e9eff7;border-color:#9fb3ce}
.profile-account{background:#f0f3f7;border-color:#dce2ea}.profile-status:not(.error){color:#4d6f66}
.login-screen{background:radial-gradient(ellipse at 50% 20%,#e2e9f2 0,#f3f4f6 48%,#e7ebf1 100%)}
.login-card{background:#fffefb;border-color:#d4dce7;box-shadow:0 18px 60px #202b3c16,inset 0 1px #fff}.login-card .login-brand strong{color:#293d58}.login-card .login-brand small{color:#7086a2}.login-card .login-brand img{background:#f5f7fb;border-color:#d8dde5}
dialog{background:#fffefb;border-color:#d8dde5}dialog::backdrop{background:#17263a66}.workspace-footer{color:#8a95a5;border-color:#d8dde5}

/* Keep repeated library cards quiet; reserve solid navy for page-level creation actions. */
.library-number{background:#fffffff0;color:#63758c;border:1px solid #dbe2eb;box-shadow:0 1px 4px #202b3c08}
.preview-affordance{background:#fffffff2;color:#4d6687;border-color:#d5deea;box-shadow:0 2px 6px #202b3c0c;opacity:0;transition:opacity .16s}
.library-media:hover .preview-affordance,.library-media:focus-visible .preview-affordance{opacity:1}
.design-type-badge{background:#eaf1fa;border-color:#c4d4e8;color:#3c608c;box-shadow:inset 2px 0 #8da8ca}
.design-type-badge[data-design-type=details]{background:#f0f3f7;border-color:#d2dce8;color:#576e8c;box-shadow:inset 2px 0 #a5b5ca}
.library-project .button.primary,.library-template .button.primary{background:linear-gradient(180deg,#f8fbff,#e9f0f9);border-color:#bfcfe2;color:#3b5c84;text-shadow:none;box-shadow:inset 0 1px #fff,0 1px 3px #202b3c08;font-weight:600}
.library-project .button.primary:not(:disabled):hover,.library-template .button.primary:not(:disabled):hover{background:linear-gradient(180deg,#eaf2fc,#dce7f5);border-color:#9eb5d1;color:#2d4d76;box-shadow:inset 0 1px #fff,0 2px 5px #202b3c0c}
.library-project .button.primary:not(:disabled):active,.library-template .button.primary:not(:disabled):active{background:#dce7f5;border-color:#9eb5d1;color:#2d4d76;box-shadow:inset 0 1px 3px #202b3c12}
.library-project .button.secondary,.library-template .button.secondary{background:#fff;border-color:#e0e5ec;color:#6c7c91;box-shadow:none}
.library-project .button.secondary:not(:disabled):hover,.library-template .button.secondary:not(:disabled):hover{background:#f5f7fa;border-color:#cbd6e4;color:#4b6485;box-shadow:none}
@media(prefers-reduced-motion:reduce){.preview-affordance{transition:none}}