/* Studio chrome follows the selected Horizon palette; editor fields keep their
   readable light pair and the live sample keeps the colors being edited. */
body #desktop #win-theme-studio {min-width:min(660px,calc(100vw - 24px));background:var(--fm-finish-canvas,#f7f3ed)!important;color:#302d2a!important;}
body #desktop #win-theme-studio > .titlebar {background:linear-gradient(110deg,var(--horizon-dark,#123b3c),color-mix(in srgb,var(--horizon-mid,#376568) 70%,#132439) 72%,color-mix(in srgb,var(--horizon-mid,#376568) 60%,#132439))!important;}
body #desktop #win-theme-studio > .titlebar > :first-child {color:#fffaf3!important;}
body #desktop #win-theme-studio .fm-studio-body {--fm-menu-text:#302d2a;--fm-menu-muted:#625951;--fm-menu-field:#fffdf8;--fm-menu-border:#d5cbbd;--fm-menu-scheme:light;--text:#302d2a;--muted:#625951;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--fm-finish-canvas,#f7f3ed)!important;color:#302d2a!important;color-scheme:light;min-height:0;overflow:hidden;}
#win-theme-studio .fm-studio-body * {box-sizing:border-box;}
#win-theme-studio .fm-studio-intro {display:flex;align-items:center;gap:8px;flex-shrink:0;}
#win-theme-studio .fm-studio-intro>div {flex:1;}
#win-theme-studio .fm-studio-intro span {font-size:9px;font-weight:750;letter-spacing:.12em;color:#406562;}
#win-theme-studio h2 {font-size:24px;letter-spacing:-.04em;margin:2px 0 3px;color:#263d3c;}
#win-theme-studio p {margin:0;font-size:11px;line-height:1.5;}
#win-theme-studio h3 {font-size:16px;margin:0 0 4px;}
body #desktop #win-theme-studio .fm-studio-body :is(button,input,select) {font-family:inherit;font-size:12px;line-height:1.4;color:#302d2a!important;background:#fffdf8!important;border:1px solid #d5cbbd!important;border-radius:9px;box-shadow:none!important;padding:7px 9px;min-height:32px;height:auto;}
#win-theme-studio button {cursor:pointer;}
#win-theme-studio button:disabled {opacity:.45;cursor:default;}
body #desktop #win-theme-studio .fm-studio-body button:hover:not(:disabled) {background:var(--fm-surface-soft,#e8eee9)!important;}
#win-theme-studio input:not([type=color]) {width:100%;min-width:0;user-select:text;}
#win-theme-studio input[type=color] {width:36px;padding:4px;flex:0 0 36px;height:32px;}
#win-theme-studio :is(input,select,button,summary):focus-visible {outline:2px solid var(--horizon-mid,#35636b)!important;outline-offset:2px;}
#win-theme-studio :is([aria-invalid=true], input:invalid) {outline:2px solid #a53142!important;}
#win-theme-studio [hidden] {display:none!important;}
#win-theme-studio .fm-studio-theme-fields {display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;flex-shrink:0;padding:12px;border:1px solid #d5cbbd;border-radius:12px;background:#fffdf8;}
#win-theme-studio label {display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:650;min-width:0;color:#625951;}
#win-theme-studio select {max-width:100%;min-width:0;}
#win-theme-studio .fm-studio-workspace {display:grid;grid-template-columns:175px minmax(0,1fr);gap:16px;flex:1;min-height:0;}
#win-theme-studio .fm-studio-nav {overflow:auto;padding:3px 8px 3px 0;scrollbar-width:thin;}
body #desktop #win-theme-studio .fm-studio-nav button {display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:5px;border-color:transparent!important;background:transparent!important;margin-bottom:4px;padding:9px 11px;font-size:11px;}
body #desktop #win-theme-studio .fm-studio-nav button[aria-pressed=true] {background:var(--fm-surface-selection,linear-gradient(115deg,#d7e5df,#ecdfce))!important;color:#302d2a!important;font-weight:750;}
#win-theme-studio .fm-studio-edited-dot {color:#30736d;font-size:17px;visibility:hidden;}
#win-theme-studio [data-edited=true] .fm-studio-edited-dot {visibility:visible;}
#win-theme-studio .fm-studio-editor {overflow:auto;padding:12px;border:1px solid #d5cbbd;border-radius:14px;background:#fffdf8;scrollbar-width:thin;}
#win-theme-studio .fm-studio-area-heading {display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;}
#win-theme-studio .fm-studio-area-heading>div {flex:1;}
#win-theme-studio .fm-studio-area-heading p {color:#625951;}
#win-theme-studio .fm-studio-area-heading small {display:block;font-size:10px;color:#306863;margin-top:6px;}
#win-theme-studio #fm-studio-reset-area {white-space:nowrap;}
#win-theme-studio #fm-studio-sample {min-height:100px;border:1px solid;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:7px;justify-content:center;margin-bottom:14px;}
#win-theme-studio #fm-studio-sample strong {font-size:19px;letter-spacing:-.025em;}
#win-theme-studio #fm-studio-sample span {font-size:12px;}
#win-theme-studio .fm-studio-gradient-controls {display:flex;align-items:flex-end;gap:10px;margin-bottom:13px;}
#win-theme-studio #fm-studio-radial {display:flex;gap:8px;}
#win-theme-studio .fm-studio-gradient-controls input {max-width:92px;}
#win-theme-studio .fm-studio-stop {display:grid;grid-template-columns:36px minmax(82px,1fr) 90px 90px 30px;gap:8px;align-items:end;margin-bottom:9px;}
#win-theme-studio .fm-studio-stop>button {font-size:18px;line-height:1;padding:4px;}
#win-theme-studio .fm-studio-stop-footer {display:flex;align-items:center;gap:12px;margin:12px 0 17px;}
#win-theme-studio .fm-studio-stop-footer button {white-space:nowrap;}
#win-theme-studio .fm-studio-stop-footer span {font-size:10px;line-height:1.5;color:#625951;}
#win-theme-studio .fm-studio-ink-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#win-theme-studio .fm-studio-ink-controls label>span {display:flex;gap:5px;min-width:0;}
#win-theme-studio #fm-studio-contrast {font-size:10px;color:#625951;margin:12px 0;}
#win-theme-studio .fm-studio-css {background:#ece7df;padding:10px 12px;border-radius:10px;}
#win-theme-studio summary {cursor:pointer;font-size:11px;font-weight:650;}
#win-theme-studio code {display:block;font-size:10px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;padding-top:10px;user-select:text;}
#win-theme-studio .fm-studio-footer {flex-shrink:0;display:flex;flex-direction:column;gap:9px;padding-top:4px;}
#win-theme-studio .fm-studio-footer>div {display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
#win-theme-studio #fm-studio-status {font-size:11px;min-height:17px;color:#302d2a;}
#win-theme-studio #fm-studio-status[data-error=true] {color:#51151d;}
body #desktop #win-theme-studio .fm-studio-primary {background:var(--fm-surface-action,linear-gradient(115deg,#234d4d,#576b59))!important;color:#fffdf8!important;border:0!important;font-weight:700;}
body #desktop #win-theme-studio .fm-studio-primary:hover {background:var(--fm-surface-action,linear-gradient(115deg,#234d4d,#576b59))!important;filter:brightness(1.08);}
.fm-studio-entry {display:flex;align-items:center;gap:15px;padding:16px;margin:12px 0 20px;border-radius:14px;background:linear-gradient(112deg,color-mix(in srgb,var(--horizon-mid) 18%,#fffaf3),#fffaf3 60%,color-mix(in srgb,var(--horizon-light) 30%,#fffaf3));color:#302d2a;}
.fm-studio-entry>div {flex:1;}.fm-studio-entry strong {color:#302d2a!important;font-size:15px;}.fm-studio-entry p {margin:5px 0 0;font-size:12px;color:#625951!important;line-height:1.5;}
body #desktop #win-control .fm-studio-entry button {background:var(--horizon-dark,#234d4d)!important;color:#fffdf8!important;border:0!important;padding:11px 15px;border-radius:11px;white-space:nowrap;}
@media(max-width:760px),(max-height:620px){body #desktop #win-theme-studio .fm-studio-body{padding:12px;overflow:auto;}.fm-studio-entry{align-items:flex-start;flex-direction:column;}#win-theme-studio .fm-studio-workspace{flex:none;min-height:350px;}#win-theme-studio .fm-studio-intro{flex-wrap:wrap;}#win-theme-studio .fm-studio-theme-fields{grid-template-columns:1fr;}#win-theme-studio .fm-studio-workspace{grid-template-columns:130px minmax(0,1fr);gap:10px;}#win-theme-studio .fm-studio-stop{grid-template-columns:36px minmax(65px,1fr) 64px 64px 25px;gap:4px;}#win-theme-studio .fm-studio-ink-controls{grid-template-columns:1fr;}#win-theme-studio .fm-studio-area-heading{flex-direction:column;}#win-theme-studio .fm-studio-editor{overflow:visible;}#win-theme-studio .fm-studio-nav{max-height:600px;}}