/* LUMVYA Studio: shared cobalt palette and organized creation areas. */
:root,body{--bg:#f5f7fc;--surface:#fff;--text:#11213d;--muted:#63718c;--line:#dce4f1;--green:#075de3;--mint:#dcecff}
body{background:var(--bg);color:var(--text)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#3b8cff}
h1 em,.eyebrow,.module-card strong,.check{color:#075de3}h1,h2,.module-card h2{color:#11213d}
.primary{background:#075de3;border-color:#075de3;box-shadow:0 4px 12px #075de319}.primary:hover{background:#064fc0;border-color:#064fc0}
.ghost:hover{background:#edf4ff;border-color:#9bbbeb}
.studio-header .brand{color:#13213d;font-size:22px}.studio-header .brand strong{display:block;line-height:1.2}.studio-header .brand-sub{display:block;font-size:12px;font-weight:600;padding:3px 0 0;letter-spacing:4px;color:#6d7b9b}.studio-header .mark{color:#075de3;background:#e5f0ff;border-radius:10px;font-size:32px;width:44px;height:44px}
.module-sidebar{overflow-y:auto;gap:4px;padding:12px 16px 24px}.module-sidebar button{padding:12px 14px;font-size:15px;color:#344561}.module-sidebar button.active,.module-sidebar button:hover{background:#e7f0ff;color:#075de3}.module-sidebar .sidebar-group{font-size:12px;color:#75829d;letter-spacing:.06em;font-weight:700;margin:20px 12px 8px;flex-shrink:0}.sidebar-support{border-top:1px solid #e2e9f4;padding-top:20px!important}
#module-home>h1{color:#0b1731;font-size:clamp(30px,3.15vw,48px)}#module-home>.module-lead{font-size:20px;color:#63718c}
.area-tabs{display:flex;gap:28px;border-bottom:1px solid #dce4f1;margin:28px 0 24px}.area-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 10px;background:transparent;color:#65748f;font-size:17px;font-weight:500}.area-tabs button[aria-selected=true]{border-bottom-color:#075de3;color:#075de3;font-weight:700}
.module-grid{gap:20px;margin:0 0 28px}.module-card{padding:0 0 20px;border-color:#e5eaf4;border-radius:14px;box-shadow:0 4px 16px #172d5510}.module-card .module-cover{border-radius:13px 13px 0 0;aspect-ratio:2.08/1;margin-bottom:18px}.module-card h2{margin:0 20px 8px;font-size:22px}.module-card p{margin:0 20px;color:#63718c}.module-card strong{display:block;margin:20px 18px 0;text-align:center;border-radius:8px;background:#075de3;padding:12px;color:#fff;font-size:15px}.module-card:hover{border-color:#91b9f3;box-shadow:0 8px 24px #172d5517}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card h2{font-size:20px}.content-card p{font-size:15px;min-height:45px}.content-card .module-cover{aspect-ratio:2/1;object-position:center 40%}
.module-lead,.module-output p{color:#63718c}.module-guide,.free-guidance,.reference-option{background:#edf4ff;border-color:#ccdff9;color:#2b436a}.module-guide p,.reference-option p{color:#4d6486}.module-fields,.module-output{border-color:#dce4f1}.module-field input,.module-field select,.module-field textarea,#module-prompt{border-color:#cbd8ec;color:#23395a;background:#fcfdff}.module-form .helper{font-size:14px;line-height:1.6;margin-bottom:16px}.module-output .primary{width:100%}.content-form .module-fields>.primary{width:100%}
.studio-tab.active{border-color:#075de3;color:#075de3}.studio-tab span{background:#e7f0ff}.creation-mode{background:#edf3fc;border-color:#dae5f5}.creation-mode button{color:#536d91}.creation-mode button.active{color:#075de3}#steps button.active{color:#075de3}.active .number{background:#075de3;border-color:#075de3}
.choice input:checked+span{border-color:#075de3;background:#edf4ff;color:#075de3;box-shadow:0 0 0 1px #075de3}.choice input:checked+span:before{border-color:#075de3;background:#edf4ff}.choice input:focus-visible+span{outline-color:#3b8cff}.choice span:hover{border-color:#679def}.choice input:checked+span small{color:#52709e}.with-swatches .choice input:checked+span:after{color:#075de3}.advanced summary{color:#385a88}.reference-option input,.ad-style-grid input{accent-color:#075de3}.ad-style-grid label:has(input:checked){border-color:#075de3;background:#edf4ff}
aside{background:#101e3b;border-color:#263b62;color:#f0f5ff}.summary-head .eyebrow,.example .eyebrow,.showcase-heading .eyebrow{color:#9cc7ff}.monogram{background:#263f6b;color:#d1e4ff}.summary-head h2{color:#f0f5ff}.summary-head .label,.identity-badge span:not(.monogram),.summary-row span,.example-showcase p,.reset{color:#b2c3de}.identity-badge,.summary-row,.example-showcase{border-color:#30456a}.profile-actions .primary{background:#075de3;color:white;border-color:#075de3}.profile-actions .ghost{color:#d8e7ff;border-color:#4f6893}.profile-actions .ghost:hover{background:#233858}.example-pair figcaption{color:#dbe7fa}.saved-initial{background:#e5f0ff;color:#075de3}.empty-saved{background:#f5f8ff;border-color:#b5c9e8}.result-banner{background:#edf5ff;border-color:#c1d8fa}.usage strong{color:#264f8b}#toast{background:#15376d;color:#f1f6ff}#prompt{background:#101e3b;color:#e0edff;border-color:#304971}
@media(min-width:1500px){body>main{padding-left:36px;padding-right:36px}}
@media(max-width:1150px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.module-sidebar{flex-direction:row;padding:10px 12px;overflow-x:auto;overflow-y:hidden}.module-sidebar .sidebar-group{display:none}.module-sidebar button{font-size:14px;padding:11px;white-space:nowrap}.studio-header .brand{font-size:22px}.studio-header .brand-sub{font-size:11px}.area-tabs{gap:8px;margin:22px 0}.area-tabs button{font-size:15px;flex:1;padding:12px 4px}.module-grid,.content-grid{grid-template-columns:1fr}.content-card p{min-height:0}.module-card h2{font-size:23px}#module-home>.module-lead{font-size:17px}}