/* finesse · register=product · A=graphite+existing-lavender · B=PingFang-600/400
 * C=compact-creator-shell · D=CSS-feedback · E=matte-panels · SOUL=6 SPECTACLE=2 DENSITY=7
 * Loaded only by non-canvas pages; existing controls, routes and data remain authoritative. */
body:not(.canvas-studio){
 --mm-page:#0c0e10;--mm-panel:#191b1d;--mm-control:#23262a;
 --mm-border:rgba(215,212,228,.09);--mm-accent:#b8a6e8;
 --mm-hover:#2d3035;--mm-active:#383244;--mm-soft:rgba(184,166,232,.14);
 --mm-shadow:0 14px 36px -26px rgba(8,7,14,.8);
 --workspace-rail-width:64px;
}
html.workspace-rail-expanded body:not(.canvas-studio){--workspace-rail-width:208px}
body:not(.canvas-studio) :is(.workspace-layout,.shell){min-width:0}
body:not(.canvas-studio) .workspace-rail{
 width:var(--workspace-rail-width);padding:16px 10px 12px;
 background:#1a1c1e;border-right:1px solid var(--mm-border);
}
body:not(.canvas-studio) .workspace-rail .brand{padding:0 5px;margin-bottom:22px;height:38px;min-height:38px}
body:not(.canvas-studio) .workspace-rail .brand-logo{width:32px;height:32px;min-width:32px;border-radius:9px}
body:not(.canvas-studio) .workspace-rail .workspace-navigation{gap:10px}
body:not(.canvas-studio) .workspace-rail :is(.workspace-nav-link,.rail-toggle){border-radius:12px}
body:not(.canvas-studio) .workspace-rail .workspace-nav-link.active{background:#2b2d32;box-shadow:inset 0 1px rgba(239,234,250,.06)}
body:not(.canvas-studio) .workspace-rail .workspace-navigation>a:nth-child(2){background:linear-gradient(145deg,#353345,#63568a);color:#ece7fa;box-shadow:inset 0 1px rgba(239,234,250,.12)}
body:not(.canvas-studio) .workspace-rail .rail-divider{margin:5px 7px;background:var(--mm-border)}
body:not(.canvas-studio) .workspace-header{height:64px;min-height:64px;padding:0 28px;background:transparent;border-bottom:0;backdrop-filter:none}
body:not(.canvas-studio) .workspace-identity{gap:12px}
body:not(.canvas-studio) .workspace-location{font-size:12px;letter-spacing:0}
body:not(.canvas-studio) .workspace-header :is(.points-balance,.workspace-redeem){height:36px;min-height:36px;padding:0 12px;border-radius:99px;background:var(--mm-panel);border:1px solid var(--mm-border);box-shadow:none}
body:not(.canvas-studio) .workspace-header .points-balance strong{font-size:17px}
body:not(.canvas-studio) .workspace-main{max-width:1440px;padding:30px 44px 56px;margin-inline:auto}
body:not(.canvas-studio) :is(.primary,.secondary,.tiny-button,.canvas-link){box-shadow:none;border-radius:10px}
body:not(.canvas-studio) .secondary{background:var(--mm-control);border-color:var(--mm-border)}
body:not(.canvas-studio) :is(.profile-dropdown,.account-popover-panel,.composer-parameter-panel){background:#202226;border-color:var(--mm-border);border-radius:16px;box-shadow:0 16px 44px rgba(8,7,14,.35)}
body:not(.canvas-studio) .studio-dialog{background:var(--mm-panel);border:1px solid var(--mm-border);border-radius:20px}
body:not(.canvas-studio) :is(.studio-dialog input,.studio-dialog select,.studio-dialog textarea){background:var(--mm-control);border-color:var(--mm-border);border-radius:10px}

/* The two modes sit above the same form; every event target stays in place. */
body.creative-home:not(.canvas-studio) .workspace-main{padding-top:26px}
body.creative-home:not(.canvas-studio) .creative-hero{max-width:1040px;margin:0 auto 32px}
body.creative-home:not(.canvas-studio) .studio-intro{justify-content:center;text-align:center;margin:0 0 82px;gap:0}
body.creative-home:not(.canvas-studio) .studio-intro>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:18px;row-gap:7px}
body.creative-home:not(.canvas-studio) .studio-kicker{display:flex;align-items:center;gap:0;grid-row:1/3;margin:0;padding-right:18px;border-right:1px solid var(--mm-border);font-size:10px;letter-spacing:.7px;white-space:nowrap}
body.creative-home:not(.canvas-studio) .studio-kicker:before{content:"";display:block;flex:none;width:28px;height:28px;margin-right:9px;background:url('/brand/rocanvas-icon-128.png') center/contain no-repeat}
body.creative-home:not(.canvas-studio) .studio-intro h1{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:0;text-align:left}
body.creative-home:not(.canvas-studio) .studio-intro-copy{margin:0;font-size:12px;line-height:1.5;text-align:left}
body.creative-home:not(.canvas-studio) .creative-composer{
 position:relative;padding:12px 12px 10px;border:1px solid var(--mm-border);border-radius:24px;
 background:var(--mm-panel);box-shadow:var(--mm-shadow);isolation:auto;
}
body.creative-home:not(.canvas-studio) .creative-composer:before{left:24%;right:24%;background:linear-gradient(90deg,transparent,rgba(184,166,232,.32),transparent)}
body.creative-home:not(.canvas-studio) .creative-composer>.creative-mode-switch{
 position:absolute;top:-62px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;
 width:max-content;max-width:100%;margin:0;padding:4px;border:1px solid var(--mm-border);border-radius:99px;
 background:#17181c;box-shadow:0 10px 24px -18px rgba(184,166,232,.7);
}
body.creative-home:not(.canvas-studio) .creative-mode-switch a{min-height:34px;padding:7px 19px;border-radius:99px;font-size:13px;white-space:nowrap}
body.creative-home:not(.canvas-studio) .creative-mode-switch a.active{background:var(--mm-control);box-shadow:inset 0 1px rgba(239,234,250,.1)}
body.creative-home:not(.canvas-studio) .creative-mode-switch a>span{font-size:10px}
body.creative-home:not(.canvas-studio) .composer-content{display:flex;align-items:flex-start;gap:12px;min-height:88px}
body.creative-home:not(.canvas-studio) .composer-reference{position:static;flex:none;width:72px;min-width:72px;height:82px;min-height:82px;padding:8px;border-radius:16px;background:var(--mm-control);border-color:var(--mm-border);gap:7px}
body.creative-home:not(.canvas-studio) .composer-reference>span{display:block;font-size:11px;white-space:nowrap}
body.creative-home:not(.canvas-studio) .creative-composer textarea{display:block;flex:1;min-width:0;width:0;height:88px;min-height:88px;padding:3px 30px 8px 0;font-size:14px;line-height:1.8;transition:none}
body.creative-home:not(.canvas-studio) .creative-composer.composer-expanded textarea{height:280px}
body.creative-home:not(.canvas-studio) .composer-expand{top:2px;right:0}
body.creative-home:not(.canvas-studio) .composer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:4px 0 0;border-top:0}
body.creative-home:not(.canvas-studio) :is(.composer-select,.composer-parameters>summary){min-height:36px;border-radius:99px;background:var(--mm-control);border-color:var(--mm-border);padding:5px 11px}
body.creative-home:not(.canvas-studio) .composer-select select{min-height:23px;font-size:13px}
body.creative-home:not(.canvas-studio) .composer-model{max-width:300px;flex:0 1 250px}
body.creative-home:not(.canvas-studio) .composer-reference-mode{max-width:150px;order:initial}
body.creative-home:not(.canvas-studio) .composer-parameters{order:initial}
body.creative-home:not(.canvas-studio) .composer-generate{order:initial;min-height:36px;gap:8px;margin-left:auto;padding:0;background:transparent;border:0;box-shadow:none}
body.creative-home:not(.canvas-studio) .composer-submit{width:36px;height:36px;min-width:36px;background:#655180;border-color:rgba(184,166,232,.3)}
body.creative-home:not(.canvas-studio) .composer-submit:disabled{background:#303139;border-color:transparent}
body.creative-home:not(.canvas-studio) .composer-footer{margin-top:9px;padding:0 2px;min-height:20px;font-size:11px;line-height:1.6}
body.creative-home:not(.canvas-studio) .composer-footer button{font-size:11px;min-height:24px}
body.creative-home:not(.canvas-studio) .composer-references:not(:empty){margin:6px 0 12px 84px}
body.creative-home:not(.canvas-studio) .creative-under-composer{margin-top:14px;gap:12px}
body.creative-home:not(.canvas-studio) .creative-new{padding:9px 12px 9px 8px;gap:9px;min-width:168px;min-height:46px;border-radius:15px;background:var(--mm-panel);border:1px solid var(--mm-border)}
body.creative-home:not(.canvas-studio) .creative-new>svg{width:32px;height:32px;padding:7px;background:linear-gradient(145deg,#353345,#63568a);border-radius:10px}
body.creative-home:not(.canvas-studio) .creative-new b{font-size:12px;font-weight:500}
body.creative-home:not(.canvas-studio) .creative-ideas{gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.creative-home:not(.canvas-studio) .creative-ideas button{font-size:11px;padding:6px 10px;background:var(--mm-panel);border-color:var(--mm-border)}

/* Existing feature artwork becomes a compact banner row above the user's projects. */
body.creative-home:not(.canvas-studio) .creative-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 28px}
body.creative-home:not(.canvas-studio) .creative-feature{position:relative;min-width:0;min-height:172px;padding:23px 24px;gap:16px;border:1px solid var(--mm-border);border-radius:20px;overflow:hidden;background:var(--mm-panel)}
body.creative-home:not(.canvas-studio) .feature-production{isolation:isolate;background:#222029}
body.creative-home:not(.canvas-studio) .feature-image-window{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-width:0;border-radius:0}
body.creative-home:not(.canvas-studio) .feature-image-window>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.75) brightness(.57);transform:none}
body.creative-home:not(.canvas-studio) .feature-production:after{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,14,20,.88),rgba(15,14,20,.12));pointer-events:none}
body.creative-home:not(.canvas-studio) .feature-frame-mark{right:15px;left:auto;top:13px;bottom:auto}
body.creative-home:not(.canvas-studio) .feature-library{flex-direction:row-reverse;justify-content:space-between;background:linear-gradient(115deg,#24232e,#191b1f)}
body.creative-home:not(.canvas-studio) .feature-library-art{width:28%;min-width:82px;height:116px}
body.creative-home:not(.canvas-studio) .creative-feature h2{font-size:20px;line-height:1.4;margin:7px 0 8px}
body.creative-home:not(.canvas-studio) .creative-feature p{font-size:12px;line-height:1.7;max-width:340px}
body.creative-home:not(.canvas-studio) .creative-feature .feature-index{font-size:9px;letter-spacing:1px}
body.creative-home:not(.canvas-studio) .feature-link{font-size:11px;margin-top:13px}
body:not(.canvas-studio) .workspace-project-toolbar{gap:16px;margin-bottom:18px;padding:0;border:0}
body:not(.canvas-studio) .workspace-project-toolbar .section-title{font-size:16px;font-weight:500}
body:not(.canvas-studio) .workspace-project-toolbar .search{width:220px}
body:not(.canvas-studio) .workspace-project-toolbar .search input{border-radius:99px;background:var(--mm-panel);border-color:var(--mm-border)}
body:not(.canvas-studio) .workspace-projects{gap:22px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
body:not(.canvas-studio) .workspace-projects .project-card{padding-bottom:10px;border-radius:16px;background:var(--mm-panel);border-color:var(--mm-border);box-shadow:none}
body:not(.canvas-studio) .workspace-projects .project-cover{border-radius:15px 15px 0 0;aspect-ratio:16/10}
body:not(.canvas-studio) .workspace-projects .project-meta{padding:12px 13px 0}
body:not(.canvas-studio) .workspace-projects .project-meta h3{font-size:13px;font-weight:500}
body:not(.canvas-studio) .workspace-projects .empty{background:rgba(25,27,29,.65);border:1px dashed rgba(215,212,228,.16);border-radius:20px;min-height:180px;padding:40px 20px}
body:not(.canvas-studio) :is(.roc-home-agent-panel,.roc-agent-skill-panel){background:var(--mm-panel);border-color:var(--mm-border);border-radius:18px}
body:not(.canvas-studio) .roc-home-agent-form textarea{background:var(--mm-control);border-color:var(--mm-border);border-radius:12px}
body:not(.canvas-studio) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--mm-accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 body:not(.canvas-studio) :is(.secondary,.workspace-redeem,.workspace-nav-link,.rail-toggle):hover{background:var(--mm-hover)}
 body.creative-home:not(.canvas-studio) .creative-feature:hover{transform:translateY(-2px);border-color:rgba(184,166,232,.27)}
 body.creative-home:not(.canvas-studio) .composer-reference:hover{background:var(--mm-hover);border-color:rgba(184,166,232,.27)}
}
@media(max-width:1100px){
 body:not(.canvas-studio) .workspace-main{padding-inline:28px}
 body.creative-home:not(.canvas-studio) .creative-hero{max-width:940px}
 body.creative-home:not(.canvas-studio) .composer-model{flex-basis:200px}
 body.creative-home:not(.canvas-studio) .creative-feature{padding:20px}
 body.creative-home:not(.canvas-studio) .creative-feature h2{font-size:18px}
}
@media(max-width:760px){
 body:not(.canvas-studio){--workspace-rail-width:0px}
 html.workspace-rail-expanded body:not(.canvas-studio){--workspace-rail-width:0px}
 body:not(.canvas-studio) .workspace-rail{width:100%;padding:8px 12px;height:64px;min-height:64px}
 body:not(.canvas-studio) .workspace-rail .brand{margin:0;padding:0 5px}
 body:not(.canvas-studio) .workspace-rail .workspace-navigation{gap:4px}
 body:not(.canvas-studio) .workspace-header{height:58px;min-height:58px;padding:0 16px}
 body:not(.canvas-studio) .workspace-header :is(.points-balance,.workspace-redeem){min-height:40px}
 body:not(.canvas-studio) .workspace-main{padding:24px 16px 40px}
 body.creative-home:not(.canvas-studio) .workspace-main{padding-top:22px}
 body.creative-home:not(.canvas-studio) .studio-intro{margin-bottom:80px}
 body.creative-home:not(.canvas-studio) .studio-intro>div{display:block}
 body.creative-home:not(.canvas-studio) .studio-kicker{justify-content:center;border:0;padding:0;margin:0 0 10px;font-size:9px}
 body.creative-home:not(.canvas-studio) .studio-intro h1{font-size:22px;text-align:center}
 body.creative-home:not(.canvas-studio) .studio-intro-copy{text-align:center;margin-top:5px}
 body.creative-home:not(.canvas-studio) .creative-composer{padding:12px;border-radius:20px}
 body.creative-home:not(.canvas-studio) .creative-composer>.creative-mode-switch{top:-63px}
 body.creative-home:not(.canvas-studio) .creative-mode-switch a{min-height:40px;padding:8px 15px}
 body.creative-home:not(.canvas-studio) .composer-content{min-height:104px;gap:10px}
 body.creative-home:not(.canvas-studio) .composer-reference{width:60px;min-width:60px;height:76px;min-height:76px}
 body.creative-home:not(.canvas-studio) .composer-reference>span{font-size:10px}
 body.creative-home:not(.canvas-studio) .creative-composer textarea{height:104px;min-height:104px;font-size:14px;padding-right:24px}
 body.creative-home:not(.canvas-studio) .composer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"kind model" "reference reference" "parameters generate";gap:8px;padding-top:8px}
 body.creative-home:not(.canvas-studio) .composer-kind{grid-area:kind}
 body.creative-home:not(.canvas-studio) .composer-model{grid-area:model;max-width:none}
 body.creative-home:not(.canvas-studio) .composer-reference-mode{grid-area:reference;max-width:none}
 body.creative-home:not(.canvas-studio) .composer-parameters{grid-area:parameters}
 body.creative-home:not(.canvas-studio) .composer-generate{grid-area:generate;margin-left:auto}
 body.creative-home:not(.canvas-studio) :is(.composer-select,.composer-parameters>summary){min-height:40px;min-width:0;padding-inline:10px}
 body.creative-home:not(.canvas-studio) .composer-select select{min-width:0;width:100%;font-size:12px}
 body.creative-home:not(.canvas-studio) .composer-submit{width:40px;height:40px;min-width:40px}
 body.creative-home:not(.canvas-studio) .composer-footer{flex-wrap:wrap;gap:2px}
 body.creative-home:not(.canvas-studio) .composer-footer button{min-height:36px;margin-left:auto}
 body.creative-home:not(.canvas-studio) .composer-references:not(:empty){margin-left:0}
 body.creative-home:not(.canvas-studio) .creative-under-composer{align-items:flex-start;flex-wrap:wrap}
 body.creative-home:not(.canvas-studio) .creative-ideas{justify-content:flex-start}
 body.creative-home:not(.canvas-studio) .creative-features{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px}
 body.creative-home:not(.canvas-studio) .creative-feature{min-height:158px;padding:20px;gap:12px}
 body:not(.canvas-studio) .workspace-project-toolbar{align-items:flex-start;flex-direction:column}
 body:not(.canvas-studio) .workspace-project-toolbar .actions-row{width:100%;flex-wrap:wrap;gap:8px}
 body:not(.canvas-studio) .workspace-project-toolbar .search{width:auto;min-width:130px;flex:1}
 body:not(.canvas-studio) .workspace-project-toolbar :is(.primary,.secondary){white-space:nowrap;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){
 body:not(.canvas-studio) :is(.creative-feature,.feature-image-window>img,.feature-library-art>span,.workspace-projects .project-card,.workspace-rail,.workspace-layout,.shell){transition:none!important}
}
/* Native hidden states continue to suppress controls for the selected creation mode. */
body.creative-home:not(.canvas-studio) :is(.composer-select,.composer-parameters)[hidden]{display:none!important}

/* Keep the composer border neutral in every input state. */
body.creative-home:not(.canvas-studio) #composer-prompt{outline:none!important;border:0!important;box-shadow:none!important}
body.creative-home:not(.canvas-studio) .creative-composer{border-color:var(--mm-border)!important;box-shadow:var(--mm-shadow)!important}
body.creative-home:not(.canvas-studio) .creative-composer:before{display:none!important}
body:not(.canvas-studio) :is(input,textarea,select):focus{border-color:var(--mm-border)!important;box-shadow:none!important;outline-color:#bfc0c6!important}
body:not(.canvas-studio) :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#bfc0c6!important}