:root{color-scheme:light;--page:#fff;--ink:#191724;--muted:#676575;--line:#e8e6ef;--accent:#7545dc}
html.light{height:auto;overflow-x:clip;background:var(--page);scroll-behavior:smooth}
body.seedance-light{height:auto;overflow:visible;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.light-ink{color:var(--ink)!important}.light-muted{color:var(--muted)!important}.light-surface{background-color:#faf9fc!important}.light-border{border-color:var(--line)!important}.light-heading{background:none!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)}
main.light-surface{background:#fff!important}p{line-height:1.65}h1,h2,h3{overflow-wrap:break-word}h1{letter-spacing:-.035em;line-height:1.05}h2{letter-spacing:-.025em}
.site-header{height:64px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;padding:0 24px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#29213e}.brand img{width:30px;height:30px;object-fit:contain}
.try-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 25px;border-radius:10px;background:linear-gradient(105deg,#6548df,#8b4bda);border:1px solid transparent;color:#fff!important;-webkit-text-fill-color:#fff;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;text-decoration:none;box-shadow:0 4px 14px #7545dc18;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}
.try-button:hover{transform:translateY(-2px);box-shadow:0 6px 22px #7545dc36;background:linear-gradient(105deg,#583bcf,#793acb)}.try-button:active{transform:translateY(0)}:focus-visible{outline:3px solid #ac86f3;outline-offset:4px}.site-header .try-button{min-height:38px;padding:8px 21px}
.hero{background-color:#fbfaff!important;background-image:linear-gradient(180deg,#ffffffed,#fffffff5),url('assets/7f1f73da7989.png')!important;background-size:cover!important;background-position:center!important;color:var(--ink)!important;min-height:720px!important;padding-top:84px!important;padding-bottom:28px!important}
.hero>.bg-grid-pattern{display:none}.hero>.animate-pulse{opacity:.05}.hero h1~span{display:none}.hero h1 span.blur-sm{display:none}.hero p>span.animate-ping{display:none}.hero .typing-text{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;color:#6e647c}.hero .font-mono>span.animate-pulse{color:#967fbc;animation:none}.hero .font-mono+div{display:none}.hero .hero-video{opacity:1;mix-blend-mode:normal;border-radius:18px;box-shadow:0 18px 60px #4634741f;max-height:90%}
.hero [class*="lg:h-[500px]"]:has(h1){height:auto!important;min-height:500px}.hero [class*="overflow-hidden"]:has(>.prompt-panel){overflow:visible;margin-top:32px}.hero [class*="from-purple-300/10"]{background:#fff9;border-color:#ded5ed;border-radius:12px;box-shadow:0 6px 30px #73608408}.hero [class*="from-purple-300/10"]>.absolute{display:none}
.prompt-panel{position:relative;background:#fff;border:1px solid #ded3ef;border-radius:16px;box-shadow:0 8px 32px #50307808;overflow:hidden;text-align:left}.prompt-panel textarea{display:block;width:100%;height:145px;padding:20px 22px 34px;resize:none;border:none;outline:none;background:transparent;color:var(--ink);font-size:15px;line-height:1.6}.prompt-panel textarea::placeholder{color:#93909f}.prompt-panel:focus-within{border-color:#9872de;box-shadow:0 0 0 3px #7545dc0a}.prompt-count{position:absolute;right:16px;top:116px;color:#8a8693;font-size:12px}.prompt-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-top:1px solid #eeebf3;background:#fcfbfe}.setting{border:1px solid #e7e2ee;border-radius:8px;background:#fff}.setting select{appearance:none;background:none;padding:9px;color:#5a526b;font-size:13px;outline:none;cursor:pointer}.audio-setting{display:flex;gap:6px;align-items:center;font-size:12px;color:#625972;margin-left:auto}.audio-setting input{accent-color:var(--accent)}.prompt-toolbar .try-button{padding:8px 16px;min-height:38px;font-size:13px}
.local-video{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}.model-card .local-video{height:100%;position:absolute;inset:0}.art-card{position:relative;cursor:default}.art-card img,.art-card video{transition:filter .25s}.media-try{position:absolute;bottom:16px;left:50%;transform:translate(-50%,8px);opacity:0;transition:opacity .2s,transform .2s}.art-card:hover .media-try,.art-card:focus-within .media-try{opacity:1;transform:translate(-50%,0)}.art-card .media-try:hover{transform:translate(-50%,-2px)}.model-card{border:1px solid var(--line);box-shadow:0 4px 20px #2a164804}.model-card .p-6{padding:22px}.model-card .try-button{margin-top:18px}.model-card>.absolute{background:rgba(255,255,255,.92)!important}.model-card:hover{transform:translateY(-4px)!important}
.image-generator{background:#fff!important;border-color:var(--line)!important;box-shadow:0 6px 26px #28144008!important}.image-generator textarea{color:var(--ink)!important;background:#faf9fc;line-height:1.6;font-size:15px}.image-generator textarea::placeholder{color:#99919f}.image-generator .relative.rounded-2xl{border-color:var(--line);background:#faf9fc}.ratio-option{display:flex;cursor:pointer;position:relative}.ratio-option input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.ratio-option span{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:56px;padding:15px 8px;text-align:center;color:#746b80;font-size:14px}.ratio-option input:checked+span{background:#f2ebfd;border-color:#ad8cdf;color:#6a3cbb}.ratio-option input:focus-visible+span{outline:3px solid #ac86f3;outline-offset:2px}.image-generate-try{width:100%}.language-label{font-size:14px;color:#6d667a}
.light-footer{background:#faf9fc!important;border-top:1px solid var(--line);color:var(--muted)}.light-footer a:hover{color:#7545dc!important}footer .text-transparent{color:#6f45b6!important;background:none!important}footer [class*="bg-gray"]{background:#f3f0f8!important}
.image-generator+p{font-size:14px}main [class*="from-black"]{--tw-gradient-from:transparent!important}main [class*="via-black"]{--tw-gradient-via:transparent!important}main [class*="to-black"]{--tw-gradient-to:#fff!important}
.hero+section>.absolute.inset-0{background:#fff!important}.hero+section>.absolute.inset-0>*{display:none}
main [class*="bg-[radial-gradient(ellipse_at_center"]{background-image:radial-gradient(ellipse at center,transparent 28%,rgba(255,255,255,.85) 100%)!important}
@media(min-width:1024px){.hero .hero-video{height:450px;width:auto}.hero h1{font-size:48px}.hero [class*="lg:mt-24"]{margin-top:100px}.hero [class*="lg:w-1/2"]:has(>.relative>video){margin-top:30px}}
@media(max-width:1023px){.hero{padding-top:84px!important;padding-bottom:42px!important}.hero [class*="lg:h-[500px]"]:has(h1){min-height:0}.hero .hero-video{max-height:340px}.hero [class*="h-[250px]"]:has(video){height:340px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.12}.hero [class*="overflow-hidden"]:has(>.prompt-panel){margin:24px auto 12px;max-width:640px}.hero [class*="lg:mt-24"]{margin-top:12px}.hero p{max-width:620px;margin:16px auto 0}.hero [class*="lg:w-[600px]"]{max-width:620px!important}}
@media(max-width:600px){.header-inner{padding:0 16px}.brand{font-size:16px}.hero [class*="lg:px-6"]{padding-left:16px;padding-right:16px}.hero [class*="lg:px-0"]{padding-left:0;padding-right:0}.hero h1{font-size:32px}.hero .typing-text{font-size:11px}.hero p{font-size:15px}.prompt-panel textarea{height:145px;padding:16px;font-size:14px}.prompt-toolbar{gap:6px}.prompt-toolbar .try-button{flex:1;min-width:110px}.audio-setting{margin-left:0}.setting select{font-size:12px;padding:8px}.hero [class*="h-[250px]"]:has(video){height:320px}.hero .hero-video{max-height:300px}.hero+section{padding-left:16px!important;padding-right:16px!important}.hero+section .columns-2{column-gap:10px}.art-card{margin-bottom:10px!important}.hero+section [class*="mt-8 px-4"]{padding:0}.media-try{display:none}.art-card:focus-within .media-try{display:inline-flex}.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-5>div:last-child{grid-column:span 2;aspect-ratio:16/9}.grid-cols-2:has(.max-h-\[400px\]){grid-template-columns:1fr!important;gap:16px}.text-5xl,.text-6xl,.text-7xl{font-size:34px!important;line-height:1.15!important}.text-4xl{font-size:29px!important;line-height:1.2!important}.text-3xl{font-size:26px!important}.text-xl{font-size:18px}.mt-32{margin-top:72px}.mb-24{margin-bottom:60px}.mb-20{margin-bottom:48px}.px-8{padding-left:0;padding-right:0}.model-card .p-6{padding:20px}}
@media(prefers-reduced-motion:reduce){html.light{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.media-try{opacity:1;transform:translateX(-50%)}}