/* Desktop navigation and account */
#cvV3App .sidebar-group-heading{position:relative;display:flex;align-items:center;}
#cvV3App .sidebar-group-heading>.nav-button{padding-right:34px;}
#cvV3App .sidebar-disclosure{position:absolute;right:2px;display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#bcb4a5;}
#cvV3App .sidebar-disclosure:hover{background:#ffffff0b;color:#efd498;}
#cvV3App .sidebar-disclosure .icon{width:14px;height:14px;transition:transform 180ms ease;}
#cvV3App .sidebar-disclosure[aria-expanded=true] .icon{transform:rotate(180deg);}
#cvV3App .account-entry{display:flex;align-items:center;width:100%;gap:10px;padding:12px 9px;border:1px solid #443a29;border-radius:10px;background:#211c14;text-align:left;}
#cvV3App .account-entry:hover{background:#2b2418;border-color:#887044;}
#cvV3App .account-entry-icon{display:grid;place-items:center;width:32px;height:34px;border-radius:8px;background:#e3c47714;color:#e3c477;flex:none;}
#cvV3App .account-entry strong{display:block;font-size:12px;font-weight:550;}
#cvV3App .account-entry small{display:block;margin-top:4px;color:#c1b18e;font-size:11px;}
#cvV3App .account-entry>.icon{margin-left:auto;width:14px;color:#b9a57e;}
/* Design comparison uses the same reveal and source pairs as the mini-app. */
#cvV3App .design-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
#cvV3App .design-group{min-width:0;border:1px solid #40372a;border-radius:12px;overflow:hidden;background:#191714;}
#cvV3App .design-comparison{--design-play:paused;position:relative;display:block;isolation:isolate;width:100%;height:260px;overflow:hidden;background:#0f0e0c;}
#cvV3App .design-comparison.is-running{--design-play:running;}
#cvV3App .design-comparison>img,#cvV3App .design-comparison>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
#cvV3App .design-comparison>.design-after,#cvV3App .design-comparison>video{clip-path:inset(0 0 0 40%);}
#cvV3App .design-divider{position:absolute;top:0;bottom:0;left:40%;width:1px;background:#f7e0ad;z-index:3;}
#cvV3App .design-divider:after{content:'';position:absolute;top:50%;left:-8px;width:17px;height:28px;border:1px solid #e3c477;background:#241d12;border-radius:5px;}
#cvV3App .design-label{position:absolute;top:10px;left:10px;background:#16130fe8;border:1px solid #d5bd8638;border-radius:5px;padding:5px 8px;color:#f0e5d2;font-size:10px;z-index:4;}
#cvV3App .design-label.is-after{left:auto;right:10px;}
#cvV3App .design-group-heading{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;border-top:1px solid #40372a;}
#cvV3App .design-group-heading h2{font-size:17px;}
#cvV3App .design-group-heading p{font-size:11px;color:#bbad95;line-height:1.6;margin-top:6px;}
#cvV3App .design-scenario-list{display:grid;padding:0 8px 8px;}
#cvV3App .design-scenario-list button{display:flex;align-items:center;gap:12px;padding:12px 9px;min-height:44px;text-align:left;border-top:1px solid #3c3326;color:#e3d8c5;font-size:12px;line-height:1.5;}
#cvV3App .design-scenario-list button:hover{background:#2c2418;color:#f1d59b;}
#cvV3App .design-scenario-list .icon{margin-left:auto;color:#c9ac70;width:15px;height:15px;}
#cvV3App .design-banner-link{display:flex;align-items:center;gap:13px;margin-top:20px;padding:17px 20px;border:1px solid #40372a;border-radius:10px;background:#191714;text-align:left;width:100%;}
#cvV3App .design-banner-link strong{font-size:14px;font-weight:550;}
#cvV3App .design-banner-link small{display:block;margin-top:5px;color:#bcae95;font-size:12px;}
#cvV3App .design-banner-link>.icon{margin-left:auto;width:18px;color:#e3c477;}
#cvV3App .studio-editor[data-workflow-section=design] .live-design-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;}
#cvV3App .studio-editor[data-workflow-section=design] .live-design-options button{font-size:12px;min-height:36px;white-space:normal;}
#cvV3App .studio-editor #live-workflow-host .live-design-form{position:static!important;inset:auto!important;width:100%;height:auto;max-width:none;background:none;padding:0;overflow:visible;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-shell{width:100%;max-width:none;margin:0;padding:0;background:none;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-topbar,#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-hero{display:none;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-main{min-width:0;padding:20px;border:1px solid #40372a;border-radius:12px;background:#191714;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-upload{min-height:240px;max-height:360px;border:1px dashed #76603d;border-radius:10px;background:#121110;box-shadow:none;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-upload:hover{background:#211c14;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-upload-icon{border-color:#675232;background:#2d2518;color:#e3c477;border-radius:9px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-empty{padding:24px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-empty b{font-size:15px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-empty :is(span,small){color:#bcae95;font-size:11px;line-height:1.7;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-checkout{position:sticky;top:16px;display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #40372a;border-radius:12px;background:#191714;}
#cvV3App .studio-editor #live-workflow-host .desktop-design-example{border-radius:8px;overflow:hidden;margin-bottom:16px;}
#cvV3App .studio-editor #live-workflow-host .desktop-design-example .design-comparison{height:240px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-summary{padding:0;border:0;background:none;margin:0 0 14px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-summary>div>span{font-size:11px;letter-spacing:0;color:#bcae95;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-summary b{font-size:23px;color:#f2d695;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-secure{display:none;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-submit{width:fit-content;max-width:100%;margin:0;min-height:40px;padding:10px 14px;font-size:13px;gap:14px;border-radius:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-scenario-footnote{font-size:11px;line-height:1.6;color:#bcae95;text-align:left;margin-top:12px;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-task-style-settings,.cv-task-reference-settings,.cv-task-video-settings,.cv-task-product-scene-settings){border-color:#4b3f2c;background:#151310;border-radius:9px;padding:16px;margin-top:18px;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-task-reference-order,.cv-task-placement-prefix){background:#251e14;color:#e0cdab;border-color:#55432a;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-task-style-select-wrap select,.cv-task-placement-prompt textarea,.cv-task-product-scene-settings textarea){background:#100f0d;color:#f0e5d3;border-color:#5d4b31;font-size:13px;line-height:1.6;padding:10px 12px;border-radius:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-video-options button{min-height:36px;padding:8px 12px;border-color:#57472f;background:#12110f;color:#cbbda4;font-size:12px;border-radius:7px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-video-options button.active{background:#392d1c;color:#f1d49a;border-color:#bc9858;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-add{background:#12110f;border-color:#675332;color:#e3c477;border-radius:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-tile{height:135px;min-width:0;}
/* Genjutsu retains its production form and approval controller. */
#cvV3App .studio-editor #cvLiveMotion{--bg:#101010;--surface:#191714;--field:#121110;--muted:#b9ae9a;--line:#443a2b;--gold:#e3c477;--accent:#e3c477;font-family:inherit;font-size:13px;overflow:visible;}
#cvV3App .studio-editor #cvLiveMotion>main{width:100%;min-width:0;max-width:none;margin:0;}
#cvV3App .studio-editor #cvLiveMotion.motion-settings-view #modes,#cvV3App .studio-editor #cvLiveMotion.motion-mode-picker #settings{display:none;}
#cvV3App .studio-editor #cvLiveMotion #modes{padding:8px 0 0;}
#cvV3App .studio-editor #cvLiveMotion #modes>:is(.eyebrow,h1,.lead,.chapter){display:none;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-card{display:flex;flex-direction:column;padding:18px;border:1px solid #4a3e2c;background:#191714;border-radius:12px;box-shadow:none;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-card.selected{background:#211c14;border-color:#aa8a4e;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-heading{display:none;}
#cvV3App .studio-editor #cvLiveMotion #modes h3{font-size:22px;letter-spacing:-.025em;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-description{font-size:13px;color:#c2b59f;line-height:1.6;min-height:0;margin:9px 0 14px;}
#cvV3App .studio-editor #cvLiveMotion #modes .chooser-comparison{margin:0;background:#0e0d0b;border-radius:8px;border-color:#403526;}
#cvV3App .studio-editor #cvLiveMotion #modes .chooser-comparison figure{cursor:pointer;}
#cvV3App .studio-editor #cvLiveMotion #modes .chooser-comparison figure:focus-visible{outline:2px solid #e3c477;outline-offset:-3px;}
#cvV3App .studio-editor #cvLiveMotion #modes .chooser-comparison video{height:310px;aspect-ratio:auto;object-fit:contain;}
#cvV3App .studio-editor #cvLiveMotion #modes .playback{display:none;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-detail{margin:14px 0 12px;font-size:12px;color:#c6b79b;min-height:0;}
#cvV3App .studio-editor #cvLiveMotion #modes .choose{width:fit-content;min-width:150px;min-height:40px;font-size:13px;padding:10px 14px;border-radius:8px;}
#cvV3App .studio-editor #cvLiveMotion #modes .choose.secondary{background:#292217;border-color:#7c6540;}
#cvV3App .studio-editor #cvLiveMotion #modes .mode-guide{background:#191714;border-color:#443a2b;border-radius:10px;margin-top:20px;}
#cvV3App .studio-editor #cvLiveMotion #modes .chooser-footnote{font-size:12px;max-width:85ch;color:#c1b39b;}
#cvV3App .studio-editor #cvLiveMotion #settings{border:0;padding:0;margin:0;max-width:none;width:100%;}
#cvV3App .studio-editor #cvLiveMotion .motion-settings-heading{padding:0 0 18px;}
#cvV3App .studio-editor #cvLiveMotion .motion-settings-heading>:is(h2,p,.motion-settings-brand){display:none;}
#cvV3App .studio-editor #cvLiveMotion .motion-settings-steps{margin:0;padding:14px 0;max-width:720px;font-size:12px;}
#cvV3App .studio-editor #cvLiveMotion .motion-settings-heading>[data-modes]{margin-bottom:4px;}
#cvV3App .studio-editor #cvLiveMotion.motion-settings-view .settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;width:100%;max-width:none;align-items:start;}
#cvV3App .studio-editor #cvLiveMotion #settingsForm{display:grid;gap:16px;min-width:0;}
#cvV3App .studio-editor #cvLiveMotion .panel{padding:20px;margin:0;background:#191714;border:1px solid #443a2b;border-radius:12px;min-width:0;}
#cvV3App .studio-editor #cvLiveMotion .panel-top{gap:12px;margin-bottom:14px;}
#cvV3App .studio-editor #cvLiveMotion .panel h3{font-size:17px;line-height:1.4;}
#cvV3App .studio-editor #cvLiveMotion .tag{font-size:10px;padding:5px 8px;border-radius:5px;border-color:#655232;white-space:nowrap;}
#cvV3App .studio-editor #cvLiveMotion :is(.hint,.fineprint){font-size:12px;color:#bcae95;line-height:1.65;}
#cvV3App .studio-editor #cvLiveMotion .upload-zone{min-height:170px;border:1px dashed #76603d;border-radius:9px;background:#121110;padding:20px;}
#cvV3App .studio-editor #cvLiveMotion .upload-zone strong{font-size:14px;}
#cvV3App .studio-editor #cvLiveMotion .source-check{background:#211b13;border-color:#51412a;border-radius:8px;padding:14px;}
#cvV3App .studio-editor #cvLiveMotion .character{background:#13110f;border:1px solid #4b3f2b;border-radius:9px;padding:16px;margin-top:12px;}
#cvV3App .studio-editor #cvLiveMotion textarea,#cvV3App .studio-editor #cvLiveMotion select{max-width:100%;width:100%;border:1px solid #5d4b31;background:#121110;color:#f0e5d3;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6;}
#cvV3App .studio-editor #cvLiveMotion textarea::placeholder{color:#b0a28a;}
#cvV3App .studio-editor #cvLiveMotion .summary{position:sticky;top:16px;align-self:start;padding:18px;}
#cvV3App .studio-editor #cvLiveMotion .summary .eyebrow{display:none;}
#cvV3App .studio-editor #cvLiveMotion .summary .primary{width:fit-content;max-width:100%;min-height:40px;font-size:13px;padding:10px 14px;}
#cvV3App .studio-editor #cvLiveMotion .summary .price-summary strong{font-size:21px;line-height:1.4;}
#cvV3App .studio-editor #cvLiveMotion .summary :is(.motion-price-meta,.motion-balance-line){font-size:11px;}
#cvV3App .studio-editor #cvLiveMotion .notice{background:#2a2017;border-color:#5a4530;color:#e9c49e;border-radius:8px;font-size:12px;padding:14px;}
#cvV3App .studio-editor #cvLiveMotion .add-button,#cvV3App .studio-editor #cvLiveMotion .quality-grid label>span{background:#19150f;border:1px solid #645030;color:#e3c477;border-radius:8px;min-height:40px;padding:10px 12px;font-size:12px;}
#cvV3App .studio-editor #cvLiveMotion .quality-grid label:has(input:checked)>span{background:#352a1b;border-color:#c09b5a;}
#cvV3App .studio-editor #cvLiveMotion .motion-extras{margin:0;border-color:#443a2b;}
#cvV3App .studio-editor #cvLiveMotion footer{font-size:11px;padding:22px 0;color:#b6a78c;}
@media(prefers-reduced-motion:no-preference){
 #cvV3App .design-after,#cvV3App .design-comparison>video{animation:desktop-design-wipe 7.4s ease-in-out infinite;animation-play-state:var(--design-play);}
 #cvV3App .design-divider{animation:desktop-design-line 7.4s ease-in-out infinite;animation-play-state:var(--design-play);}
}
@keyframes desktop-design-wipe{0%,16%,100%{clip-path:inset(0 0 0 25%);}48%,68%{clip-path:inset(0 0 0 75%);}}
@keyframes desktop-design-line{0%,16%,100%{left:25%;}48%,68%{left:75%;}}
@media(max-width:1200px){#cvV3App .design-groups{grid-template-columns:repeat(2,minmax(0,1fr));}#cvV3App .design-comparison{height:240px;}}
@media(max-width:1050px){
 #cvV3App .sidebar-group-heading>.nav-button{padding:10px;}
 #cvV3App .sidebar-disclosure{right:-5px;bottom:0;width:22px;height:24px;background:#211d16;}
 #cvV3App .sidebar-disclosure .icon{width:12px;height:12px;}
 #cvV3App .sidebar-group .studio-subnav:not([hidden]){display:grid!important;position:fixed;left:78px;top:var(--sidebar-menu-top,180px);z-index:30;width:235px;max-height:calc(100dvh - 32px);overflow:auto;padding:8px;border:1px solid #6e5936;background:#1c1813;border-radius:10px;box-shadow:0 16px 40px #0007;}
 #cvV3App .account-entry{justify-content:center;padding:8px 0;border:0;background:none;}
 #cvV3App .account-entry>span:not(.account-entry-icon),#cvV3App .account-entry>.icon{display:none;}
 #cvV3App .studio-editor #live-workflow-host .cv-task-scenario-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px;}
 #cvV3App .studio-editor #cvLiveMotion.motion-settings-view .settings-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px;}
}
@media(max-width:850px){
 #cvV3App .design-groups{grid-template-columns:minmax(0,1fr);}
 #cvV3App .design-comparison{height:300px;}
 #cvV3App .studio-editor #live-workflow-host .cv-task-scenario-workspace,#cvV3App .studio-editor #cvLiveMotion.motion-settings-view .settings-layout{grid-template-columns:minmax(0,1fr)!important;}
 #cvV3App .studio-editor #live-workflow-host .cv-task-scenario-checkout,#cvV3App .studio-editor #cvLiveMotion .summary{position:static;}
 #cvV3App .studio-editor #cvLiveMotion #modes .mode-grid{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:590px){#cvV3App .studio-editor #cvLiveMotion .panel{padding:15px;}#cvV3App .studio-editor #cvLiveMotion #modes .chooser-comparison video{height:260px;}}
#cvV3App .design-comparison:not(.design-product-demo)>img,#cvV3App .design-comparison>video{object-fit:cover;}
#cvV3App .design-divider:after{display:none;}
#cvV3App .design-divider svg{position:absolute;top:50%;left:-9px;width:19px;height:28px;padding:2px;border:1px solid #e3c477;background:#241d12;color:#e3c477;border-radius:5px;}
#cvV3App .design-product-sources{position:absolute;left:12px;bottom:12px;display:flex;gap:7px;z-index:3;}
#cvV3App .design-product-sources>span{position:relative;display:block;width:70px;height:82px;background:#16130f;border:1px solid #b79a5c;border-radius:6px;overflow:hidden;}
#cvV3App .design-product-sources img{width:100%;height:100%;object-fit:contain;}
#cvV3App .design-product-sources small{position:absolute;left:3px;top:3px;padding:2px 5px;background:#14110de8;border-radius:3px;color:#f1dfb7;font-size:9px;}
#cvV3App .studio-editor[data-workflow-section=design] .live-design-options button.active{background:#352a1b;color:#f3d89b;border-color:#b89654;}
#cvV3App .studio-editor #live-workflow-host .cv-task-style-select-wrap .cv-select-trigger{background:#121110;color:#eee4d5;border-color:#5d4b31;min-height:40px;font-size:13px;}
#cvV3App .studio-editor #cvLiveMotion .summary .price-summary:has([data-pending]){display:grid;gap:8px;}
#cvV3App .studio-editor #cvLiveMotion .summary .price-summary [data-pending]{font-size:18px;text-align:left;}
@media(prefers-reduced-motion:no-preference){#cvV3App .design-product-sources{animation:design-source-float 7.4s ease-in-out infinite;animation-play-state:var(--design-play);}}
@keyframes design-source-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-head span{color:#eee3d0;font-size:13px;font-weight:550;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-head small{max-width:none;color:#bcae95;font-size:11px;line-height:1.6;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-head>b{background:#33291b;color:#f0d496;font-size:11px;border-radius:6px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-order{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;padding:12px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-order>span{background:#3d301c;color:#eaca86;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-order b{font-size:12px;color:#e1d3bb;font-weight:500;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-order small{font-size:11px;color:#bcae95;line-height:1.6;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-add>span{background:#33291b;color:#e3c477;border-radius:7px;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-add b{font-size:13px;color:#eee3d0;font-weight:550;}
#cvV3App .studio-editor #live-workflow-host .cv-task-reference-add small{font-size:11px;color:#bcae95;line-height:1.6;}
#cvV3App .studio-editor #live-workflow-host .cv-task-placement-title :is(span,em){font-size:12px;font-weight:500;color:#cdbb9b;}
#cvV3App .studio-editor #live-workflow-host .cv-task-placement-prefix{font-size:12px;line-height:1.6;background:none;padding:10px 0;color:#bcae95;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-task-placement-prompt,.cv-task-product-scene-settings) textarea::placeholder{color:#ad9d83;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-task-placement-prompt,.cv-task-product-scene-settings)>small{color:#bcae95;font-size:11px;line-height:1.6;}
#cvV3App .studio-editor #cvLiveMotion .motion-source-panel #sourceStatus{margin-top:10px;}
/* One independent scenario card per mini-app mode. */
#cvV3App .design-category{margin-top:32px;}
#cvV3App .design-category+.design-category{padding-top:28px;border-top:1px solid #393126;margin-top:32px;}
#cvV3App .design-category-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
#cvV3App .design-category-heading h2{font-size:19px;line-height:1.4;font-weight:550;}
#cvV3App .design-category-heading p{color:#bcae95;font-size:12px;line-height:1.6;margin-top:5px;}
#cvV3App .design-modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
#cvV3App .design-mode-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;border:1px solid #4b3f2c;border-radius:12px;background:#191714;color:#f2e9da;}
#cvV3App .design-mode-card:hover{border-color:#ae8c4d;background:#211b13;}
#cvV3App .design-mode-card>.design-comparison{height:240px;flex:none;border-bottom:1px solid #423727;}
#cvV3App .design-card-body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1;}
#cvV3App .design-card-body>strong{font-size:16px;line-height:1.4;font-weight:550;min-height:2.8em;}
#cvV3App .design-card-description{font-size:12px;line-height:1.65;color:#c2b49c;}
#cvV3App .design-card-action{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #3c3224;color:#ecd098;font-size:12px;}
#cvV3App .design-card-action>.icon{margin-left:auto;width:16px;height:16px;}
#cvV3App .design-style-images{position:absolute;inset:0;}
#cvV3App .design-style-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 300ms ease;}
#cvV3App .design-style-images img.is-current{opacity:1;}
#cvV3App .design-style-progress{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:4px;}
#cvV3App .design-style-progress i{flex:1;min-width:0;height:2px;background:#ffffff50;}
#cvV3App .design-style-progress i.is-current{background:#f0cf85;}
#cvV3App .design-reference-demo .design-product-sources>span{width:64px;height:72px;}
#cvV3App .design-reference-demo>.design-product-sources{gap:5px;}
@media(max-width:1200px){#cvV3App .design-modes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:660px){#cvV3App .design-modes-grid{grid-template-columns:minmax(0,1fr);}#cvV3App .design-card-body>strong{min-height:0;}#cvV3App .design-category{margin-top:24px;}}
@media(prefers-reduced-motion:reduce){#cvV3App .design-style-images img{transition:none;}}