/* Seko-style official H5 skin */
:root{--cinelo-bg:#0c0c0d;--cinelo-panel:rgba(18,19,22,.78);--cinelo-border:rgba(255,255,255,.11);--cinelo-text:#f8fafc;--cinelo-dim:#a7b0be;--cinelo-accent:#ff7a3d;--cinelo-cyan:#22d3ee}
html{background:var(--cinelo-bg)!important}
body{min-height:100vh!important;background:var(--cinelo-bg)!important;color:var(--cinelo-text)!important}
.cinelo-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0c0c0d;pointer-events:none}
.cinelo-bg-video{position:absolute;inset:0;width:100vw;height:100vh;background:#06070a;opacity:1!important;visibility:visible!important}
.cinelo-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96;filter:brightness(.88) contrast(1.08) saturate(1.08)}
.cinelo-bg-video:before,.cinelo-bg-video:after{display:none!important}
.cinelo-bg-grid{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,rgba(255,255,255,.08),transparent 42%),linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.08) 42%,rgba(0,0,0,.22)),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.16) 52%,#0c0c0d 100%);pointer-events:none}
.cinelo-bg-fade{position:absolute;left:0;right:0;top:72vh;height:34vh;background:linear-gradient(180deg,rgba(12,12,13,0),#0c0c0d 72%,#0c0c0d)}
body.history-bg-video .cinelo-bg-grid,body.history-bg-video .cinelo-bg-fade{display:none!important}
@keyframes cineloStage{0%{background-position:0 0,0 0,0 0}100%{background-position:0 0,0 0,280px 0}}
.page{position:relative;z-index:1;max-width:1280px!important;padding:18px 32px 64px!important;background:transparent!important}
.site-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.site-logo{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:19px;font-weight:900;text-decoration:none}
.site-logo img{width:34px;height:34px;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.site-links{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--cinelo-border);border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px)}
.site-links a{height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;color:rgba(255,255,255,.72)!important;font-size:13px!important;font-weight:900;text-decoration:none}
.site-links a:hover,.site-links a.active{background:rgba(255,255,255,.1);color:#fff!important}
#create .template-panel{min-height:calc(100vh - 92px)!important;margin-bottom:18px!important;padding:14vh 64px 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;overflow:visible!important}
#create .template-panel:before,#create .template-panel:after{display:none!important}
.hero-kicker{width:max-content;margin:0 0 12px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);font-size:11px;font-weight:900;letter-spacing:0}
#create .template-panel h1{display:block!important;margin:0 0 14px!important;color:#fff!important;font-size:70px!important;line-height:.98!important;font-weight:950!important;text-shadow:0 18px 60px rgba(0,0,0,.46)}
#create .template-panel h1:before{display:none!important}
#create .template-panel .lead{max-width:820px!important;margin:0 0 20px!important;color:rgba(255,255,255,.82)!important;font-size:19px!important;line-height:1.72!important;font-weight:750!important;text-shadow:0 8px 34px rgba(0,0,0,.5)}
#create .template-panel .value-row{margin:0 0 30px!important}
#create .template-panel .value-row span{height:30px!important;border-radius:7px!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;backdrop-filter:blur(14px)}
.tpls{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:14px 0 0!important}
.tpl{height:132px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.12)!important;background-color:#15171b!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
.tpl:before{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.68))!important}
.tpl span{font-size:18px!important;font-weight:950!important;color:#fff!important}
.tpl.active{outline:0!important;border-color:rgba(255,122,61,.95)!important;box-shadow:0 0 0 2px rgba(255,122,61,.22),0 22px 48px rgba(0,0,0,.28)!important}
.compose-panel{max-width:960px!important;margin:-230px auto 18px!important;position:relative;z-index:2}
.prompt-card{padding:20px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;background:rgba(10,12,18,.68)!important;box-shadow:0 36px 120px rgba(0,0,0,.58)!important;backdrop-filter:blur(26px)}
.compose-panel textarea{color:#fff!important}
.compose-panel textarea::placeholder{color:rgba(255,255,255,.52)!important}
.control-select,.ratio-trigger{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
.ratio-trigger i{color:rgba(255,255,255,.62)!important}
#generate{background:linear-gradient(135deg,#ff7a3d,#a78bfa 55%,#22d3ee)!important;box-shadow:0 16px 32px rgba(255,122,61,.18)!important}
.create-quota{max-width:920px;margin:0 auto 16px!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;backdrop-filter:blur(18px)}
.create-quota b{color:#fff!important}.create-quota span{color:rgba(255,255,255,.6)!important}
.result-empty{max-width:920px;margin:0 auto 18px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.62)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
.result-empty b{color:#fff!important}
.site-footer{color:rgba(255,255,255,.46)!important}.site-footer a{color:rgba(255,255,255,.55)!important}
.bottom-nav{display:none!important;background:rgba(15,16,19,.82)!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 18px 52px rgba(0,0,0,.36)!important;backdrop-filter:blur(20px)}
.bottom-nav-item{color:rgba(255,255,255,.58)!important}.bottom-nav-item.active{background:rgba(255,255,255,.1)!important;color:#fff!important}
#historySec .panel,#plansSec .panel,#mineSec .panel{background:rgba(255,255,255,.96)}
#historySec .history-hero,#plansSec .pay-hero,#mineSec .mine-hero{background:linear-gradient(135deg,#14161b 0%,#101217 55%,#1c1712 100%)!important}
@media(max-width:720px){
  .page{padding:10px 12px 44px!important}
  .site-topbar{height:48px;margin-bottom:8px}
  .site-links{display:none}
  .site-logo{font-size:16px}
  .site-logo img{width:30px;height:30px}
  .cinelo-bg-video{height:100vh;width:100vw}
  #create .template-panel{min-height:calc(100vh - 60px)!important;padding:10vh 4px 18px!important}
  #create .template-panel h1{font-size:48px!important}
  #create .template-panel .lead{font-size:14px!important;line-height:1.7!important}
  #create .template-panel .value-row{gap:6px!important;margin-bottom:20px!important}
  #create .template-panel .value-row span{height:27px!important;padding:0 9px!important}
  .tpls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
  .tpl{height:102px!important}
  .tpl span{font-size:15px!important;left:10px!important;right:10px!important;bottom:10px!important}
  .compose-panel{margin:-220px 0 14px!important}
  .prompt-card{border-radius:14px!important;padding:14px!important}
  .prompt-options{justify-content:flex-start!important;overflow-x:auto!important}
}

/* 2026063003 unified official skin */
:root{--ui-bg:#08090c;--ui-card:rgba(15,17,23,.76);--ui-card2:rgba(255,255,255,.075);--ui-line:rgba(255,255,255,.12);--ui-text:#f8fafc;--ui-sub:#aab4c4;--ui-hot:#ff7a3d;--ui-blue:#39b7ff;--ui-green:#16c784;--ui-dark:#111827;--ui-paper:#f8fafc}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.panel,.detail-body,.history-panel .history-item,.order-item,#plans .card,.login-sheet,.pay-sheet,.share-sheet,.doc,.wrap .card{border:1px solid var(--ui-line)!important;background:rgba(255,255,255,.88)!important;border-radius:12px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
#historySec .panel,#plansSec .panel,#mineSec .panel{background:rgba(255,255,255,.9)!important}
.history-hero,.pay-hero,.mine-hero,.result-head{border-color:rgba(255,255,255,.16)!important;background:linear-gradient(135deg,rgba(13,15,21,.92),rgba(24,20,18,.9))!important;color:#fff!important;backdrop-filter:blur(20px)}
.history-panel,.plans-panel{background:transparent!important;border:0!important;box-shadow:none!important}
.tab-page:not(#create){max-width:1040px;margin:0 auto}
#result{max-width:980px!important;margin:0 auto 18px!important}
.detail-body{display:grid;grid-template-columns:1fr;gap:4px;padding:18px!important}
.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
.block,.card,.shot,.stat,.bgm-box,.audio-box{border-radius:10px!important;background:#fff!important;border-color:#e5e7eb!important;color:#17202a!important}
.shot{box-shadow:0 12px 30px rgba(15,23,42,.06)}
.result-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.result-actions button,.detail-wide,.detail-export button,.mini-btn,.history-panel .history-item button,.plan-buy,.login-primary,#submitFeedback{border-radius:9px!important}
.voice-btn,.image-btn,#generate,.plan-buy,.login-primary,#submitFeedback{background:linear-gradient(135deg,var(--ui-hot),#a78bfa 58%,var(--ui-blue))!important;color:#fff!important}
.light-btn,.ghost-btn,.history-tabs button,.quick-card,.mine-entry-card,.account-action{border:1px solid #e5e7eb!important;background:#f8fafc!important;color:#17202a!important}
.history-tabs button.active,.site-links a.active{background:#111827!important;color:#fff!important}
.quick-grid,.mine-entry-grid{gap:12px!important}
.quick-card,.mine-entry-card{box-shadow:0 12px 26px rgba(15,23,42,.06)!important}
input,textarea,select{background:rgba(255,255,255,.92)!important;border-color:#d7dce5!important;color:#17202a!important}
.compose-panel textarea{background:transparent!important;color:#fff!important}
.control-select,.ratio-trigger{background:rgba(255,255,255,.1)!important;color:#fff!important}
.modal-mask{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(10px)}
.login-sheet,.pay-sheet,.share-sheet{background:rgba(255,255,255,.96)!important;color:#17202a!important;border-radius:18px!important;margin-bottom:18px}
.login-tabs button.active{background:#111827!important;color:#fff!important}
.doc-back,.page>a[href="/"],.links a{display:inline-flex;align-items:center;height:38px;margin:0 0 14px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.08);color:#fff!important;backdrop-filter:blur(16px)}
.doc h1,.wrap h1{display:block!important;color:#111827!important;font-size:34px!important;margin:0 0 16px!important}
.doc h1:before{display:none!important}
.doc h3{color:#111827!important}
.doc p,.wrap p{color:#374151!important}
.wrap{max-width:760px;margin:0 auto;padding:26px 16px 56px}
.wrap .card{padding:24px!important}
.wrap label{color:#111827!important}
.ok{background:#ecfdf5!important;color:#047857!important}.err{background:#fff1f2!important;color:#be123c!important}
@media(max-width:720px){.tab-page:not(#create){max-width:none}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cards{grid-template-columns:1fr!important}.login-sheet,.pay-sheet,.share-sheet{width:calc(100% - 24px)!important;margin-bottom:12px}.share-actions{grid-template-columns:1fr}.share-hero{grid-template-columns:1fr}.share-hero h1{font-size:28px}.doc h1,.wrap h1{font-size:27px!important}}

/* 2026063005 readability polish */
.panel,.detail-body,.history-panel .history-item,.order-item,#plans .card,.doc,.wrap .card,.mine-menu-panel,.action-panel,.feedback-panel{color:#17202a!important;background:rgba(255,255,255,.94)!important;border-color:rgba(226,232,240,.95)!important}
.panel h1,.panel h2,.panel h3,.doc h1,.doc h3,.wrap h1,.wrap h3{color:#111827!important}
.panel p,.panel div,.panel span,.panel em,.panel b,.panel small,.doc p,.wrap p{color:inherit}
.muted,.plan-desc,.quick-card em,.mine-entry-card em,.history-meta,.history-time,.stat span{color:#5b6675!important}
.history-hero,.pay-hero,.mine-hero,.result-head{background:linear-gradient(135deg,rgba(13,15,21,.96),rgba(31,26,22,.94))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.history-hero *,.pay-hero *,.mine-hero *,.result-head *{color:#fff!important}
.history-hero .muted,.pay-hero p,.mine-hero .muted,.mine-hero .mine-sub,.result-meta{color:rgba(255,255,255,.74)!important}
.history-panel,.plans-panel{background:transparent!important;border:0!important;box-shadow:none!important;color:#17202a!important}
.compose-panel{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}
.prompt-card{background:rgba(8,10,15,.78)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.prompt-card *{color:inherit}
.compose-panel textarea{color:#fff!important;background:transparent!important}
.compose-panel textarea::placeholder{color:rgba(255,255,255,.62)!important}
.prompt-options{justify-content:center!important;gap:8px!important;overflow-x:auto!important}
.control-select{min-width:92px!important;width:auto!important;flex:0 0 auto!important;height:38px!important;padding:0 10px!important;border-radius:10px!important;font-size:13px!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important}
.control-select option,#aspect_ratio.native-hidden option{background:#fff!important;color:#17202a!important}

/* 20260703 mobile-native detail actions */
.result-head .result-actions.compact-actions{grid-template-columns:minmax(0,1fr) 96px!important;gap:8px!important}
.result-head .result-actions.compact-actions .main-action{grid-column:auto!important;height:42px!important}
.result-head .result-actions.compact-actions .light-btn{height:42px!important}
.web-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:5px;border-radius:12px;background:#ebe4d8}
.web-detail-tabs button{height:34px!important;margin:0!important;border-radius:9px!important;background:transparent!important;color:#5d6673!important;font-size:12.5px!important;font-weight:900!important;box-shadow:none!important}
.web-detail-tabs button.active{background:#10151b!important;color:#fff!important}
.action-sheet-mask{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.38);display:flex;align-items:flex-end;justify-content:center;padding:18px}
.action-sheet{width:100%;max-width:460px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 -10px 34px rgba(15,23,42,.2)}
.action-sheet b{display:block;color:#17202a;font-size:15px;font-weight:900;margin:4px 4px 10px}
.action-sheet button{display:flex;width:100%;height:44px;align-items:center;justify-content:center;border:0;border-radius:9px;background:#f8fafc;color:#17202a;font-size:14px;font-weight:900;margin-top:8px}
.action-sheet button.danger{background:#fff1f2;color:#be123c}
.action-sheet button.cancel{background:#10151b;color:#fff}
.ratio-trigger{min-width:120px!important;justify-content:center!important;gap:6px!important}
.ratio-menu{background:#fff!important;color:#17202a!important;border-color:#d7dce5!important}
.ratio-menu button{color:#17202a!important;background:#fff!important}
.ratio-menu button.active,.ratio-menu button:hover{background:#eef4ff!important;color:#111827!important}
.result-empty{background:rgba(8,10,15,.62)!important;color:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.14)!important}
.result-empty b{color:#fff!important}
.create-quota{background:rgba(8,10,15,.62)!important;color:#fff!important}
.tpl span{font-size:19px!important}
button,.mini-btn,.bar button,.result-actions button,.detail-wide,.detail-export button,.history-panel .history-item button,.history-tabs button,.quick-grid a,.quick-grid button,.account-action{font-size:13px!important;letter-spacing:0!important}
.hero-kicker{font-size:12px!important;color:rgba(255,255,255,.86)!important}
.history-tabs button{height:38px!important;background:#fff!important;color:#17202a!important}
.history-tabs button.active{background:#111827!important;color:#fff!important}
.quick-card,.mine-entry-card{background:#fff!important;color:#17202a!important;border-color:#e2e8f0!important}
.quick-card b,.mine-entry-card b{color:#111827!important}
.plan-buy,#generate,.login-primary,#submitFeedback,.voice-btn,.image-btn{color:#fff!important;background:linear-gradient(135deg,#ff7a3d,#8b7cf6 56%,#22a7ff)!important}
#plans .plan-buy{display:block!important;width:min(46%,180px)!important;min-width:118px!important;height:40px!important;margin:12px 0 0 auto!important;padding:0 18px!important;border-radius:10px!important;font-size:15px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(59,130,246,.18)!important}
/* 20260705 pay card polish */
#plans .card.plan-card{position:relative!important;overflow:hidden!important;padding:16px!important;margin-bottom:12px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfaf7)!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
#plans .plan-card:nth-child(2){border-color:rgba(20,184,166,.42)!important;box-shadow:0 14px 34px rgba(20,184,166,.14)!important}
#plans .plan-card:nth-child(2):before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 8px 8px 0;background:#14b8a6}
#plans .plan-row{align-items:flex-start!important;gap:12px!important}
#plans .plan-title{font-size:16px!important;font-weight:900!important;color:#111827!important;line-height:1.25!important}
#plans .plan-desc{margin-top:4px!important;font-size:13px!important;line-height:1.35!important;color:#64748b!important;font-weight:600!important}
#plans .plan-price{font-size:22px!important;font-weight:1000!important;color:#ef4444!important;line-height:1.1!important;white-space:nowrap!important}
#plans .plan-buy{width:min(46%,180px)!important;min-width:118px!important;height:40px!important;margin:14px 0 0 auto!important;padding:0 18px!important;border-radius:12px!important;background:#111827!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(17,24,39,.14)!important}
#plans .plan-card:nth-child(2) .plan-buy{background:#0f766e!important;box-shadow:0 12px 26px rgba(15,118,110,.18)!important}
.doc,.wrap .card{max-width:860px;margin-left:auto!important;margin-right:auto!important;line-height:1.72!important}
.site-footer,.site-footer a{font-size:13px!important;color:rgba(255,255,255,.7)!important}
@media(max-width:720px){
  .control-select{min-width:82px!important;height:36px!important;font-size:12px!important}
  .ratio-trigger{min-width:110px!important}
  .prompt-options{justify-content:flex-start!important}
  .panel,.detail-body,#plans .card,.doc,.wrap .card{background:rgba(255,255,255,.96)!important}
  .compose-panel,.result-empty,.create-quota{background:transparent!important}
  button,.mini-btn,.bar button,.result-actions button,.detail-wide,.detail-export button,.history-panel .history-item button,.history-tabs button,.quick-grid a,.quick-grid button,.account-action{font-size:12.5px!important}
}

/* 2026063005 hero specificity fix */
#historySec .history-hero,#plansSec .pay-hero,#mineSec .mine-hero{background:linear-gradient(135deg,rgba(13,15,21,.97),rgba(33,27,22,.95))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
#historySec .history-hero * ,#plansSec .pay-hero * ,#mineSec .mine-hero *{color:#fff!important}
#historySec .history-hero .icon-refresh,#mineSec .mine-hero .account-action{background:#fff!important;color:#111827!important;border-color:#fff!important}
#mineSec .mine-hero .quota-main,#mineSec .mine-hero .quota-main *{color:#17202a!important}
#mineSec .mine-hero .quota-mini div,#mineSec .mine-hero .quota-mini div *{color:#fff!important}
.history-empty button{background:#c73a1a!important;color:#fff!important}

/* 2026063023 result action contrast */
.result-head .result-actions .light-btn{background:#f8fafc!important;color:#17202a!important;border:1px solid rgba(226,232,240,.98)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(15,23,42,.12)!important}
.result-head .result-actions .light-btn *{color:#17202a!important}

/* 2026063024 use native ratio select */
#aspect_ratio.native-hidden{position:static!important;left:auto!important;width:auto!important;min-width:132px!important;height:38px!important;opacity:1!important;flex:0 0 auto!important;padding:0 10px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:13px!important;font-weight:900!important}
.ratio-select{display:none!important}

/* 2026070105 detail action grouping */
.result-head{min-width:0!important;overflow:hidden!important}
.result-title-row{grid-template-columns:minmax(0,1fr) auto!important;min-width:0!important}
.result-title-row h2{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.result-title-row span{max-width:84px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.result-head .result-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.result-head .result-actions .main-action{grid-column:1/-1!important;height:42px!important;font-size:14px!important}
.result-head .result-actions button{min-width:0!important;height:38px!important;border-radius:8px!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-left:8px!important;padding-right:8px!important}
.voice-panel{position:relative;z-index:1;margin-top:2px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.08)}
.section-label{margin-bottom:8px;color:#cbd5e1;font-size:12px;font-weight:900}
.voice-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.voice-panel .voice-options select{background:rgba(255,255,255,.96)!important;color:#17202a!important;border-color:#d7dce5!important}
.role-voice-list{display:grid;gap:8px;margin-top:10px}
.role-voice-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.08)}
.role-voice-row b{display:block;color:#fff;font-size:13px}
.role-voice-row span{display:block;color:rgba(255,255,255,.72);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role-voice-row select{height:34px;border-radius:8px;background:rgba(255,255,255,.96);color:#17202a;font-size:12px;padding:0 8px}
.detail-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.detail-tools button{height:34px!important;border-radius:7px!important;font-size:12.5px!important}
.detail-tools .detail-wide{grid-column:1/-1;background:#10151b!important;color:#fff!important}
.script-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px}
.script-tools h3{margin:0}
.script-tools button{height:42px!important;border-radius:10px!important;padding:0 16px!important;font-size:13.5px!important;font-weight:900!important;background:#10151b!important;color:#fff!important;border:0!important;box-shadow:0 10px 20px rgba(16,21,27,.12)!important}
@media(max-width:720px){.voice-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.role-voice-row{grid-template-columns:1fr}.detail-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-tools .detail-wide{grid-column:1/-1}.script-tools{align-items:stretch}.script-tools button{min-width:128px}}

/* 2026070109 homepage form closure */
.prompt-card .voice-input-wrap{padding:12px 54px 12px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08)}
.prompt-card #topic{display:block;height:74px!important;color:#fff!important;background:transparent!important}
@media(max-width:720px){
  .prompt-card{background:rgba(8,10,15,.86)!important;border-color:rgba(255,255,255,.24)!important}
  .prompt-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  .control-select,#aspect_ratio.native-hidden{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;height:38px!important;padding:0 8px!important;text-overflow:ellipsis!important}
  .site-topbar{height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:10px!important}
  .site-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important;padding:5px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important}
  .site-links a{height:30px!important;justify-content:center!important;padding:0 4px!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
/* floating top navigation */
.site-topbar{position:fixed!important;top:14px!important;left:50%!important;z-index:80!important;width:min(1180px,calc(100% - 24px))!important;height:48px!important;margin:0!important;transform:translateX(-50%)!important;pointer-events:none!important}
.site-logo{pointer-events:auto!important}
.site-links{pointer-events:auto!important;background:rgba(20,24,31,.72)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 16px 42px rgba(0,0,0,.28)!important;backdrop-filter:blur(22px)!important}
.site-links a{height:34px!important}
.page{padding-top:82px!important}
body.project-detail-mode .page{padding-top:82px!important}
html{scroll-padding-top:86px!important}
#historySec,#plansSec,#mineSec{scroll-margin-top:86px!important}
@media(max-width:720px){
  .site-topbar{top:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0 12px!important}
  .site-logo{display:none!important}
  .site-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(360px,calc(100% - 24px))!important;gap:4px!important;padding:5px!important;border-radius:999px!important}
  .site-links a{height:34px!important;justify-content:center!important;padding:0 8px!important;font-size:12px!important;white-space:nowrap!important}
  .page{padding-top:72px!important}
  html{scroll-padding-top:74px!important}
  #historySec,#plansSec,#mineSec{scroll-margin-top:74px!important}
}

/* 20260703 app download */
.download-hero{background:linear-gradient(135deg,rgba(13,15,21,.97),rgba(33,27,22,.95))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.download-hero span{display:block;margin-bottom:8px;color:rgba(255,255,255,.72)!important;font-size:12px!important;font-weight:900!important}
.download-hero h2{margin:0 0 8px!important;color:#fff!important}
.download-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.76)!important;font-weight:800!important}
.download-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent!important;border:0!important;box-shadow:none!important}
.download-card{display:grid;gap:10px;justify-items:center;padding:18px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:rgba(255,255,255,.96);color:#17202a!important;text-align:center;text-decoration:none;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.download-card img{width:min(220px,100%);aspect-ratio:1/1;border-radius:10px;background:#fff}
.download-card b{color:#111827!important;font-size:16px!important;font-weight:900!important}
.download-card span{color:#5b6675!important;font-size:13px!important;line-height:1.55!important;font-weight:800!important}
#downloadSec{scroll-margin-top:86px!important}
@media(max-width:720px){
  .site-links{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(430px,calc(100% - 16px))!important}
  .site-links a{padding:0 3px!important;font-size:11.5px!important}
  .download-panel{grid-template-columns:1fr;gap:10px}
  .download-card{padding:14px}
  .download-card img{width:min(190px,100%)}
  #downloadSec{scroll-margin-top:74px!important}
}

/* 20260703 download polish */
#downloadSec{max-width:1040px!important;margin:0 auto!important}
#downloadSec .download-hero{padding:22px 24px!important;border-radius:14px!important;box-shadow:0 22px 62px rgba(0,0,0,.24)!important}
#downloadSec .download-hero h2{font-size:24px!important;line-height:1.2!important}
#downloadSec .download-hero p{font-size:14px!important;line-height:1.7!important}
#downloadSec .download-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:0!important;margin-top:14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#downloadSec .download-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:430px!important;padding:22px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;border:1px solid rgba(226,232,240,.98)!important;color:#111827!important;text-align:center!important;text-decoration:none!important;box-shadow:0 24px 58px rgba(15,23,42,.16)!important;overflow:hidden!important}
#downloadSec .download-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff7a3d,#8b7cf6,#22a7ff)}
#downloadSec .download-card em{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857!important;font-size:12px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}
#downloadSec .download-card img{display:block!important;width:220px!important;max-width:100%!important;height:220px!important;object-fit:contain!important;padding:8px!important;border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important}
#downloadSec .download-card b{display:block!important;color:#111827!important;font-size:18px!important;line-height:1.25!important;font-weight:900!important}
#downloadSec .download-card span{display:block!important;max-width:320px!important;color:#5b6675!important;font-size:14px!important;line-height:1.65!important;font-weight:800!important}
@media(max-width:720px){
  #downloadSec .download-panel{grid-template-columns:1fr!important;gap:12px!important}
  #downloadSec .download-card{min-height:0!important;padding:18px!important}
  #downloadSec .download-card img{width:190px!important;height:190px!important}
}

/* 20260704 projects align */
#historySec{max-width:430px!important;margin:0 auto!important}
#historySec .history-hero{padding:16px!important;margin-bottom:10px!important;border-radius:8px!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important}
#historySec .history-hero-row{gap:10px!important}
#historySec .history-brand img{width:34px!important;height:34px!important;border-radius:8px!important}
#historySec .history-brand h2{font-size:21px!important;line-height:1.2!important}
#historySec .history-brand p{font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.74)!important}
#historySec .icon-refresh{height:32px!important;border-radius:8px!important;background:#eef2ff!important;color:#4338ca!important;border:0!important}
#historySec .history-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#historySec .history-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
#historySec .history-tabs button{height:34px!important;border-radius:9px!important;background:#fff!important;color:#64748b!important;border:1px solid #e8dfd3!important;font-size:12px!important}
#historySec .history-tabs button.active{background:#10151b!important;color:#fff!important;border-color:#10151b!important}
#historySec .history-search{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;padding:8px!important;background:#fff!important;border:1px solid #e8dfd3!important;border-radius:10px!important}
#historySec .history-search input{height:34px!important;border-radius:8px!important;background:#f8fafc!important;color:#17202a!important;font-size:12px!important}
#historySec .history-search button{height:34px!important;border-radius:8px!important;background:#10151b!important;color:#fff!important}
#historySec .history-panel .history-item{display:grid!important;grid-template-columns:82px 1fr!important;gap:12px!important;padding:10px!important;margin-bottom:10px!important;border:1px solid #e8dfd3!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 20px rgba(39,48,62,.055)!important}
#historySec .history-panel .history-cover{width:82px!important;height:82px!important;border-radius:8px!important;background:#f1f5f9!important}
#historySec .history-title{gap:6px!important;font-size:15px!important;line-height:1.28!important;font-weight:900!important;color:#17202a!important}
#historySec .history-title span{height:20px!important;line-height:20px!important;padding:0 6px!important;border-radius:6px!important;background:#fff7ed!important;color:#e5533d!important;font-size:11px!important}
#historySec .history-meta{margin-top:4px!important;color:#64748b!important;font-size:12px!important}
#historySec .history-time{margin-top:2px!important;color:#94a3b8!important;font-size:11px!important}
#historySec .history-job{margin-top:7px!important;padding:7px 9px!important;border-radius:8px!important;background:#eefdf7!important;color:#047857!important;font-size:12px!important}
#historySec .history-job.running{background:#eff6ff!important;color:#2563eb!important}
#historySec .history-job.failed{background:#fff1f2!important;color:#be123c!important}
#historySec .history-actions{gap:7px!important;margin-top:8px!important}
#historySec .history-actions button{height:30px!important;border-radius:8px!important;padding:0 11px!important}
#historySec .history-actions .open-detail,#historySec .history-actions .pin{background:#f1f5f9!important;color:#17202a!important;border:1px solid #dbe2ee!important}
#historySec .history-actions .danger{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important}
#historySec .history-pager{grid-template-columns:72px 1fr 72px!important;gap:8px!important;margin-top:10px!important}

/* 20260704 voice detail align */
.detail-body{background:#fff!important;border:1px solid #e8dfd3!important;border-radius:8px!important;padding:12px!important}
.voice-panel{margin:0 0 10px!important;padding:10px!important;border:1px solid #e8dfd3!important;border-radius:8px!important;background:#fff!important}
.voice-panel .section-label{margin-bottom:8px!important;color:#17202a!important;font-size:12px!important;font-weight:900!important}
.voice-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.voice-panel .voice-options select{height:34px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#17202a!important;text-align:center!important;font-size:12px!important;font-weight:900!important;padding:0 6px!important}
.role-voice-list{gap:8px!important;margin-top:8px!important}
.role-voice-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(132px,148px)!important;gap:8px!important;padding:8px!important;border:1px solid #eee3d5!important;border-radius:8px!important;background:#fffaf3!important}
.role-voice-row b{color:#17202a!important;font-size:13px!important}
.role-voice-row span{color:#64748b!important;font-size:12px!important}
.role-voice-row select{height:32px!important;border:0!important;border-radius:8px!important;background:#111827!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.voice-generate-btn{height:34px!important;margin:8px 0 0!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:#10151b!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.ai-modify-voice-wrap{position:relative!important}
.ai-modify-voice-wrap textarea{width:100%;min-height:112px;padding-right:66px!important;box-sizing:border-box}
.ai-modify-voice-wrap .ai-modify-voice{position:absolute!important;right:12px!important;bottom:12px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#111827!important;color:#fff!important;z-index:3!important;box-shadow:0 10px 22px rgba(17,24,39,.2)!important}
#voiceInput{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important}
.media-status{height:34px!important;margin:8px 0 10px!important;padding:0 10px!important;border:1px solid #e8dfd3!important;border-radius:8px!important;background:#fbfaf7!important}
.media-status span{color:#64748b!important;font-size:12px!important;font-weight:900!important}
.media-status b{height:22px!important;line-height:22px!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important}
#audioBox{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

/* 20260705 projects polish */
#historySec{padding-bottom:86px!important}
#historySec .history-hero{min-height:74px!important;padding:18px!important;margin-bottom:12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:linear-gradient(135deg,#10151b 0%,#151b22 58%,#18242a 100%)!important;box-shadow:0 18px 44px rgba(15,23,42,.18)!important}
#historySec .history-brand{min-width:0!important}
#historySec .history-brand img{width:42px!important;height:42px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important}
#historySec .history-brand h2{font-size:22px!important;letter-spacing:0!important}
#historySec .history-brand p{margin-top:5px!important;font-size:12px!important;color:rgba(255,255,255,.72)!important}
#historySec .icon-refresh{height:38px!important;padding:0 14px!important;border-radius:8px!important;background:#f8fafc!important;color:#3b3f8f!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
#historySec .history-tabs{padding:4px!important;border:1px solid #e7ded2!important;border-radius:8px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
#historySec .history-tabs button{height:34px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#64748b!important}
#historySec .history-tabs button.active{background:#111827!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,24,39,.18)!important}
#historySec .history-search{padding:9px!important;border-color:#ebe2d6!important;border-radius:8px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}
#historySec .history-search input{height:36px!important;border-radius:7px!important;background:#f6f8fb!important}
#historySec .history-panel .history-item{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px!important;margin-bottom:10px!important;border-color:#e9dfd3!important;border-radius:8px!important;background:linear-gradient(180deg,#fff 0%,#fffdf9 100%)!important;box-shadow:0 12px 32px rgba(15,23,42,.08)!important}
@media(hover:hover){#historySec .history-panel .history-item:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(15,23,42,.12)!important}}
#historySec .history-panel .history-cover{width:92px!important;height:92px!important;border-radius:8px!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 24px rgba(15,23,42,.12)!important;object-fit:cover!important}
#historySec .history-title{display:flex!important;align-items:center!important;gap:6px!important;white-space:normal!important;overflow:hidden!important;font-size:16px!important;line-height:1.28!important;letter-spacing:0!important;color:#111827!important}
#historySec .history-title span{height:20px!important;line-height:20px!important;border-radius:6px!important;background:#fff2e8!important;color:#c2410c!important}
#historySec .history-meta{margin-top:4px!important;color:#596579!important;font-size:12px!important}
#historySec .history-time{color:#9aa4b2!important;font-size:11px!important}
#historySec .history-job{height:24px!important;display:flex!important;align-items:center!important;padding:0 10px!important;border-radius:7px!important;background:#eef7ff!important;color:#2563eb!important}
#historySec .history-job:not(.running):not(.failed){background:#ecfdf5!important;color:#047857!important}
#historySec .history-actions{margin-top:9px!important;gap:8px!important}
#historySec .history-actions button{height:31px!important;padding:0 12px!important;border-radius:7px!important;border:0!important}
#historySec .history-actions .open-detail{background:#111827!important;color:#fff!important}
#historySec .history-actions .pin{background:#eef2f7!important;color:#17202a!important}
#historySec .history-actions .retry{background:#eef6ff!important;color:#1d4ed8!important}
#historySec .history-actions .danger{background:#b91c1c!important;color:#fff!important}
#historySec .history-pager{padding:8px!important;border-radius:8px!important;background:rgba(255,255,255,.72)!important;border:1px solid #e8dfd3!important}
#audioBox>div:not(.media-status):not(.empty-state){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 10px!important;padding:11px!important;border:1px solid #d8eadf!important;border-radius:8px!important;background:linear-gradient(135deg,#fff,#ecfdf5)!important}
#audioBox>div:not(.media-status):not(.empty-state)>div{flex:1 1 180px!important;min-width:0!important}
#audioBox button{height:32px!important;border-radius:8px!important;padding:0 12px!important}
@media(max-width:720px){.voice-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.role-voice-row{grid-template-columns:minmax(0,1fr) minmax(126px,142px)!important}.voice-panel .voice-options select{font-size:11px!important;padding:0 3px!important}}

/* 20260704 language switch in footer */
.site-region-bottom{display:none!important}
.footer-region-row{display:contents!important}
.footer-region-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;min-width:auto!important;padding:0 10px!important;border-radius:999px!important;background:#0f766e!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important}
.site-links{display:flex!important;width:max-content!important;max-width:calc(100% - 16px)!important;margin:0 auto!important}
.site-links a{min-width:60px!important}
@media(max-width:720px){.footer-region-switch{height:22px!important;padding:0 8px!important;font-size:11px!important}}
.result-actions button,.detail-export button,.mini-btn,.history-panel .history-item button,.history-tabs button,.quick-grid a,.quick-grid button,.account-action,.web-detail-tabs button,.action-sheet button,.detail-tools button,.script-tools button,#historySec .history-tabs button,#historySec .history-search button,#historySec .history-actions button,#audioBox button,.plan-buy,.login-primary,#submitFeedback,.media-status b,#historySec .history-title span,.footer-region-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1.2!important;text-align:center!important}

/* 20260708 adaptive project page */
#historySec{width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto!important}
#historySec .history-hero{border-radius:14px!important}
#historySec .history-panel{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr auto!important;gap:12px!important;align-items:start!important}
#historySec .history-tabs{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px)!important}
#historySec .history-tabs button{justify-content:flex-start!important;height:38px!important;padding:0 12px!important;border-radius:10px!important}
#historySec .history-tabs button.active{justify-content:center!important}
#historySec .history-search{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px)!important}
#historySec .history-search input,#historySec .history-search button{width:100%!important}
#historySec #history{grid-column:2!important;grid-row:1/4!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:12px!important;min-width:0!important}
#historySec .history-panel .history-item{height:100%!important;margin:0!important;align-items:center!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,253,249,.96))!important;box-shadow:0 16px 38px rgba(15,23,42,.1)!important}
#historySec .history-panel .history-cover{border-radius:12px!important}
#historySec .history-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important}
#historySec .history-actions button{min-width:64px!important}
#historySec .history-pager{grid-column:2!important;grid-row:4!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) 96px!important;align-items:center!important;gap:10px!important;margin:0!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.76)!important;backdrop-filter:blur(14px)!important}
#historySec .history-pager button{height:34px!important;border:1px solid #d7dce5!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-size:13px!important;font-weight:900!important}
#historySec .history-pager .muted{text-align:center!important;color:#64748b!important;font-size:12px!important;font-weight:900!important}
body.project-detail-mode #result{width:min(1120px,100%)!important;max-width:1120px!important;display:grid!important;grid-template-columns:minmax(292px,360px) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;margin:0 auto 18px!important}
body.project-detail-mode #create .template-panel,body.project-detail-mode #create .compose-panel,body.project-detail-mode #resultEmpty,body.project-detail-mode #create .site-footer{display:none!important}
body.project-detail-mode #backHistory{grid-column:1/-1!important;width:max-content!important;margin:0!important}
body.project-detail-mode .result-head{position:sticky!important;top:88px!important;align-self:start!important;border-radius:16px!important;padding:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.28)!important}
body.project-detail-mode .result-head h2,body.project-detail-mode .result-head .result-meta{color:#fff!important}
body.project-detail-mode .result-title-row h2{white-space:normal!important;display:block!important;font-size:24px!important;line-height:1.2!important}
body.project-detail-mode .result-title-row h2:before{display:block!important;margin:0 0 10px!important}
body.project-detail-mode .result-head .result-actions.compact-actions{grid-template-columns:1fr!important}
body.project-detail-mode .result-head .result-actions.compact-actions .main-action,body.project-detail-mode .result-head .result-actions.compact-actions .light-btn{width:100%!important}
body.project-detail-mode .detail-body{min-width:0!important;border-radius:16px!important;padding:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}
body.project-detail-mode .web-detail-tabs{position:sticky!important;top:88px!important;z-index:5!important;margin-bottom:14px!important;border-radius:14px!important;background:#f0e7db!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}
body.project-detail-mode .block,body.project-detail-mode .card,body.project-detail-mode .shot,body.project-detail-mode .bgm-box,body.project-detail-mode .audio-box{border-radius:14px!important;box-shadow:0 10px 26px rgba(15,23,42,.055)!important}
body.project-detail-mode .cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:14px!important}
body.project-detail-mode .detail-tools,body.project-detail-mode .preview-edit{border-radius:14px!important}
@media(max-width:900px){
  #historySec .history-panel{display:block!important}
  #historySec .history-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0 0 10px!important}
  #historySec .history-tabs button{justify-content:center!important;padding:0 6px!important}
  #historySec .history-search{grid-template-columns:1fr auto!important;margin:0 0 10px!important}
  #historySec #history{display:grid!important;grid-template-columns:1fr!important}
  #historySec .history-pager{margin-top:10px!important}
  body.project-detail-mode #result{display:block!important;width:100%!important}
  body.project-detail-mode #backHistory{margin:0 0 10px!important}
  body.project-detail-mode .result-head{position:relative!important;top:auto!important;border-radius:14px!important}
  body.project-detail-mode .detail-body{border-radius:14px!important;padding:14px!important}
  body.project-detail-mode .web-detail-tabs{position:sticky!important;top:72px!important}
}
@media(max-width:560px){
  #historySec .history-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:5px!important}
  #historySec .history-tabs button{height:34px!important;font-size:11.5px!important}
  #historySec .history-search{grid-template-columns:1fr!important;padding:8px!important}
  #historySec .history-panel .history-item{grid-template-columns:78px minmax(0,1fr)!important;padding:9px!important;border-radius:12px!important}
  #historySec .history-panel .history-cover{width:78px!important;height:78px!important}
  #historySec .history-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #historySec .history-actions button{width:100%!important;min-width:0!important;padding:0 8px!important}
  #historySec .history-pager{grid-template-columns:1fr 1fr!important}
  #historySec .history-pager .muted{grid-column:1/-1!important;grid-row:1!important}
  body.project-detail-mode .result-title-row{grid-template-columns:1fr!important}
  body.project-detail-mode .result-title-row span{width:max-content!important}
  body.project-detail-mode .web-detail-tabs{gap:4px!important;padding:4px!important}
  body.project-detail-mode .web-detail-tabs button{font-size:12px!important}
  body.project-detail-mode .cards{grid-template-columns:1fr!important}
}

/* 20260710 case refresh contrast */
#caseSec .history-hero .icon-refresh,#caseSec #refreshCases{height:38px!important;min-width:72px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;background:#10151b!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;text-shadow:none!important;opacity:1!important}
#caseSec .history-hero .icon-refresh:hover,#caseSec #refreshCases:hover{background:#17202a!important;color:#fff!important}