:root{--black:#151412;--paper:#f3efe8;--card:#fffdfa;--line:#dcd5ca;--purple:#6048ee;--muted:#787168;--shadow:0 16px 50px #2d24190e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--black);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}button,textarea,select,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #6048ee59}img{max-width:100%;display:block}@font-face{font-family:Smiley Sans Cover;src:url(/fonts/SmileySans-Oblique.woff2)format("woff2");font-style:oblique;font-weight:100 900;font-display:swap}.studio{background:linear-gradient(90deg, #6048ee09 1px, transparent 1px), linear-gradient(#6048ee09 1px, transparent 1px), var(--paper);background-size:30px 30px;min-height:100vh}.nav{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f3efe8e8;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 730px);display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo>span{background:var(--black);color:#f3dc44;border-radius:50%;place-items:center;width:39px;height:39px;font-size:18px;font-weight:950;display:grid}.logo div{flex-direction:column;display:flex}.logo b{letter-spacing:.05em;font-size:15px}.logo small{color:#8a8379;letter-spacing:.27em;margin-top:3px;font-size:8px}.steps{align-items:center;gap:7px;display:flex}.steps span{color:#a39c92;border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex}.steps span:after{content:"";background:#d4cdc3;width:27px;height:1px;margin-left:6px}.steps span:last-child:after{display:none}.steps i{border:1px solid #d5cec4;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-style:normal;display:grid}.steps span.done{color:var(--black);background:#fff;border-color:#ddd6cc}.steps span.done i{background:var(--black);border-color:var(--black);color:#fff}.text-button,.example{color:#756e65;text-underline-offset:4px;background:0 0;border:0;font-size:10px;text-decoration:underline}.hero{justify-content:space-between;align-items:flex-end;max-width:1404px;margin:0 auto;padding:42px 24px 30px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.23em;font-size:9px;font-weight:900}.hero h1{letter-spacing:-.075em;margin:8px 0 0;font-size:clamp(42px,4.8vw,70px);font-weight:950;line-height:1.01}.hero h1 em{color:var(--purple);font-style:normal}.hero-note{align-items:flex-start;gap:16px;padding-bottom:6px;display:flex}.hero-note>b{border-top:2px solid var(--purple);color:var(--purple);padding-top:7px;font-family:Georgia,serif;font-size:12px}.hero-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.workbench{grid-template-columns:minmax(0,1.52fr) minmax(365px,.64fr);align-items:start;gap:19px;max-width:1404px;margin:0 auto;padding:0 24px 76px;display:grid}.control-column{gap:15px;display:grid}.panel,.preview-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdfaf5;border-radius:16px}.panel{overflow:hidden}.panel-head{border-bottom:1px solid #e8e2d9;justify-content:space-between;align-items:center;height:59px;padding:0 18px;display:flex}.panel-head>div{align-items:center;gap:10px;display:flex}.panel-head>div>span{color:#6d665e;background:#ece7df;border-radius:50%;place-items:center;width:29px;height:29px;font:700 9px Arial,sans-serif;display:grid}.panel-head h2{margin:0;font-size:14px}.panel-head .generate-btn.head-btn{border-radius:7px;align-self:center;height:32px;margin:0;padding:0 14px;font-size:10px}.primary{background:var(--purple);color:#fff;border:0;border-radius:8px;align-self:end;align-items:center;gap:9px;height:40px;padding:0 24px;font-size:11px;font-weight:850;display:flex;box-shadow:0 8px 18px #6048ee3d}.primary span{color:#e9ff68}.primary b{margin-left:4px}.primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.script-drop{background:#f8f5f0;border:1.5px dashed #c8bfb3;border-radius:12px;min-height:190px;margin:18px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative;overflow:hidden}.script-drop.dragging,.script-drop:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px #6048ee17}.script-drop.dragging{background:#f1edff}.script-drop>.script-file-input{display:none}.script-drop:not(.filled)>.script-file-input{z-index:4;cursor:pointer;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.script-drop.filled{border-style:solid}.drop-empty{min-height:190px;color:inherit;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex}.drop-icon{width:39px;height:39px;color:var(--purple);background:#ece7ff;border-radius:50%;place-items:center;margin-bottom:9px;font-size:23px;font-weight:900;display:grid}.drop-empty>strong{font-size:12px}.drop-empty p{color:#928a80;margin:6px 0 12px;font-size:9px}.drop-empty button{background:var(--purple);color:#fff;border:0;border-radius:7px;padding:8px 15px;font-size:10px;font-weight:800}.drop-empty small{color:#aaa198;margin-top:9px;font-size:8px}.script-file-bar{background:#fff;border-bottom:1px solid #e2dcd3;align-items:center;gap:10px;height:58px;padding:0 13px;display:flex}.script-file-bar>span{color:#2d963f;background:#e9f6e9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.script-file-bar.transcribing>span{color:var(--purple);background:#ece7ff;animation:1s ease-in-out infinite titlelab-pulse}.script-file-bar>div{flex-direction:column;min-width:0;display:flex}.script-file-bar strong{text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:10px;overflow:hidden}.script-file-bar small{color:#989087;margin-top:3px;font-size:8px}.script-drop textarea{resize:vertical;color:#35312d;background:0 0;border:0;outline:0;width:100%;min-height:142px;padding:14px 16px 28px;font-size:12px;line-height:1.8;display:block}.script-drop textarea:focus{box-shadow:inset 0 0 0 2px #6048ee73}.script-count{color:#aaa299;font-size:8px;position:absolute;bottom:9px;right:12px}.input-actions{justify-content:flex-end;align-items:center;gap:12px;padding:0 18px 18px;display:flex}.model-note{color:#766f67;font-size:9px}.warning-list{background:#fff7ea;border:1px solid #f0d5aa;border-radius:11px;gap:8px;margin:0 18px 18px;padding:12px 14px;display:grid}.warning-list p{color:#8a5a13;margin:0;font-size:10px;line-height:1.55}.content-brief{background:linear-gradient(135deg,#f7f4ff,#fffdf9);border:1px solid #dcd4ff;border-radius:11px;grid-template-columns:auto 1.35fr 1fr 1fr;align-items:start;gap:12px;margin:0 18px 18px;padding:14px 15px;display:grid}.content-brief>span{background:var(--purple);color:#fff;white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:900}.content-brief div{min-width:0}.content-brief small{color:#8a8279;margin-bottom:5px;font-size:8px;display:block}.content-brief strong,.content-brief p{color:#292523;margin:0;font-size:11px;line-height:1.55}.content-brief strong{font-weight:850}.channel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 18px 0;display:grid}.channel-tabs button{color:#736c63;text-align:left;background:#f8f5f0;border:1px solid #ddd6cc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.channel-tabs button.active{color:#fff;background:#191816;border-color:#191816}.channel-tabs b{font-size:11px}.channel-tabs span{opacity:.66;font-size:8px}.empty-state{color:#a9a198;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:177px;display:flex}.empty-state b{color:#cec6bc;font-family:Georgia,serif;font-size:44px;line-height:28px}.empty-state p{color:#938b81;margin:12px 0 7px;font-size:12px;font-weight:800}.empty-state span{font-size:9px}.empty-state.compact{height:145px}.empty-state.compact>span{color:#aaa299;margin-top:6px}.title-grid{grid-template-columns:1fr 1fr;gap:9px;padding:14px 18px;display:grid}.title-card{text-align:left;background:#fff;border:1px solid #e3ddd4;border-radius:10px;min-height:84px;padding:12px 33px 11px 44px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.title-card:hover{border-color:#bbb2a7;transform:translateY(-1px)}.title-card.active{background:#f5f2ff;border-color:#7661f1;box-shadow:0 0 0 2px #6048ee14}.title-card>small{color:#aaa298;font:700 9px Arial,sans-serif;position:absolute;top:13px;left:12px}.title-card strong{margin-bottom:8px;font-size:12px;line-height:1.45;display:block}.title-card>span{color:#999188;font-size:8px}.title-card>i{border:1px solid #d9d2c8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.title-card.active>i{border-color:var(--purple);background:var(--purple);color:#fff}.custom-title{border-top:1px solid #ece6de;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:0 18px 16px;padding-top:13px;display:grid}.custom-title>span{color:#827b72;white-space:nowrap;font-size:9px}.custom-title input{background:#f7f4ef;border:0;border-radius:7px;outline:0;width:100%;padding:9px 11px;font-size:11px}.custom-title>small{color:#aaa299;font-size:8px}.publish-hint{color:#9a938a;font-size:8px}.publish-list{gap:8px;padding:14px 18px 17px;display:grid}.publish-title{text-align:left;background:#fff;border:1px solid #e1dbd2;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:12px;display:flex}.publish-title:hover{border-color:#bdb4a9}.publish-title.active{background:#f7f5ff;border-color:#8a78f2}.publish-title>span{min-width:0}.publish-title small{color:var(--purple);margin-bottom:6px;font-size:8px;font-weight:850;display:block}.publish-title strong{font-size:11px;font-weight:700;line-height:1.65;display:block}.publish-title>b{color:#81796f;border-left:1px solid #e6e0d8;flex:none;padding-left:14px;font-size:8px}.publish-tags{gap:10px;padding:0 18px 17px;display:grid}.publish-tags>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.publish-tags span{color:#7f776e;font-size:9px;font-weight:800}.publish-tags>div button{color:var(--purple);text-underline-offset:3px;background:0 0;border:0;font-size:9px;font-weight:800;text-decoration:underline}.publish-tags p{flex-wrap:wrap;gap:8px;margin:0;display:flex}.publish-tags p button{color:var(--purple);background:#f6f3ff;border:1px solid #ddd6ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.collapse-button{color:#6f675e;background:#fff;border:1px solid #ddd6cc;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:750}.collapse-button:hover{border-color:var(--purple);color:var(--purple)}.style-picker{padding-top:2px}.style-mode-row{grid-template-columns:minmax(150px,.72fr) minmax(250px,1.55fr);gap:9px;padding:14px 18px 0;display:grid}.upload{background:#fffdfa;border:1px dashed #cbc3b8;border-radius:9px;align-items:center;gap:10px;margin:0 18px 16px;padding:11px;transition:background .15s;display:flex}.upload:hover{background:#faf7f2}.upload>input{display:none}.upload-icon{width:30px;height:30px;color:var(--purple);background:#eee9e2;border-radius:50%;place-items:center;font-weight:900;display:grid}.upload div{flex-direction:column;min-width:0;display:flex}.upload strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.upload small{color:#9b948a;margin-top:3px;font-size:8px}.upload button{color:#b1443a;background:0 0;border:0;margin-left:auto;font-size:9px}.person-upload{background:#f9f7ff;border-color:#c4b8e0}.person-upload:hover{background:#f3efff}.person-upload .upload-icon{background:#ece7ff}.person-upload-inline{min-height:72px;margin:0;padding:9px 11px}.person-upload-inline .upload-icon{width:34px;height:34px}.person-upload-inline>div{flex:1}.person-upload-inline>button{padding:7px;font-size:8px}.custom-style-upload{cursor:pointer;background:#faf7f2;border:1px dashed #cfc6ba;border-radius:10px;align-items:center;gap:10px;min-width:0;min-height:72px;padding:8px;display:flex}.custom-style-upload.active{border-style:solid;border-color:var(--purple);background:#f6f3ff;box-shadow:0 0 0 2px #6048ee14}.custom-style-upload>input{display:none}.custom-style-upload>span{width:54px;height:54px;color:var(--purple);background:#ece7ff;border-radius:7px;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid}.custom-style-upload>div{flex-direction:column;gap:4px;min-width:0;display:flex}.custom-style-upload>div b{color:#302c27;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.custom-style-upload>div small{color:#958d83;font-size:8px;line-height:1.45}.custom-style-upload>button{color:#b1443a;background:0 0;border:0;flex:none;margin-left:auto;padding:7px;font-size:8px}.style-toolbar{justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px 0;display:flex}.cover-view-toggle{color:#716960;background:#fff;border:1px solid #ddd6cc;border-radius:18px;align-items:center;gap:9px;min-height:34px;padding:3px 4px 3px 12px;font-size:9px;font-weight:800;display:flex}.cover-view-toggle>i{color:#8f877e;background:#e8e3dc;border-radius:13px;place-items:center;width:28px;height:24px;font-size:8px;font-style:normal;transition:background .18s,color .18s;display:grid}.cover-view-toggle.active{border-color:var(--purple);color:var(--purple)}.cover-view-toggle.active>i{background:var(--purple);color:#fff}.preset-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 18px;display:grid}.preset-grid.text-only{gap:7px}.preset-card{text-align:left;background:#fff;border:1px solid #e1dbd2;border-radius:9px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.preset-card:hover{border-color:#bbb2a7;transform:translateY(-2px)}.preset-card.active{border-color:var(--purple);box-shadow:0 0 0 2px #6048ee1f}.preset-card img{object-fit:cover;object-position:center 32%;width:100%;height:112px}.preset-card>span{background:#fff;flex-direction:column;gap:3px;padding:8px 8px 9px;display:flex}.preset-card>span strong{color:#2e2a25;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;overflow:hidden}.preset-card>span small{color:#9a9288;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.preset-card>b{background:var(--purple);color:#fff;z-index:2;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:absolute;top:4px;right:4px}.preset-grid.text-only .preset-card{align-items:center;min-height:58px;display:flex;overflow:visible}.preset-grid.text-only .preset-card:hover{transform:translateY(-1px)}.preset-grid.text-only .preset-card>span{border-radius:8px;width:100%;padding:11px 25px 11px 10px}.preset-grid.text-only .preset-card>span strong{font-size:10px}.preset-grid.text-only .preset-card>span small{margin-top:2px}.preset-grid.text-only .preset-card>b{top:6px;right:6px}.style-collapsed-summary{background:#f8f5f0;border-radius:9px;align-items:center;gap:10px;margin:12px 18px 4px;padding:11px 13px;display:flex}.style-collapsed-summary>span{width:25px;height:25px;color:var(--purple);background:#ece7ff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.style-collapsed-summary>div{flex-direction:column;gap:3px;display:flex}.style-collapsed-summary b{font-size:10px}.style-collapsed-summary small{color:#938b81;font-size:8px}.size-selector{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 18px 4px;display:flex}.size-selector button{color:#736c63;background:#f8f5f0;border:1px solid #ddd6cc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;min-height:52px;padding:8px 12px;transition:background .15s,border-color .15s;display:flex}.size-selector button strong{font-size:12px;font-weight:800;line-height:1}.size-selector button small{opacity:.72;font-size:8px;line-height:1}.size-selector button.active{border-color:var(--purple);background:var(--purple);color:#fff}.size-selector button.active small{opacity:.95}.size-selector button:hover:not(.active){border-color:#bbb2a7}.ai-image{flex-direction:column;gap:5px;margin:0 18px 16px;display:flex}.ai-image button{background:var(--purple);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:40px;font-size:11px;font-weight:850;transition:opacity .15s;display:flex;box-shadow:0 8px 18px #6048ee3d}.ai-image button span{color:#e9ff68}.ai-image button b{margin-left:4px}.ai-image button:hover:not(:disabled){opacity:.88}.ai-image button:disabled{cursor:progress;opacity:.6;box-shadow:none}.ai-image small{color:#9b948a;text-align:center;font-size:8px;line-height:1.6}.ai-image .ai-image-error{color:#a23b32;text-align:left;background:#fff3f1;border:1px solid #efc9c5;border-radius:7px;margin:4px 0 0;padding:9px 10px;font-size:9px;line-height:1.55}.preview-panel{padding:16px;position:sticky;top:88px}.preview-head{justify-content:space-between;align-items:center;padding:0 2px 12px;display:flex}.preview-head div{flex-direction:column;display:flex}.preview-head span{color:var(--purple);letter-spacing:.2em;font-size:7px;font-weight:900}.preview-head b{margin-top:3px;font-size:13px}.preview-head>small{color:#9b948b;font-size:8px}.artboard{isolation:isolate;background:#eeeae4;border-radius:6px;width:min(84%,340px);margin:0 auto;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 25px 58px #1b161140}.artboard.awaiting{box-shadow:0 18px 42px #1b161124}.artboard.ready{transform:translateY(-3px);box-shadow:0 30px 68px #1b161152,0 0 0 4px #6048ee1f}.cover-result{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.cover-awaiting-generation{color:#70685f;text-align:center;background:radial-gradient(circle at 50% 28%,#fff 0,#f3efe9 58%,#e3dcd3 100%);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.cover-awaiting-generation span{color:var(--purple);letter-spacing:.2em;font-size:7px;font-weight:900}.cover-awaiting-generation b{margin-top:9px;font-size:18px}.cover-awaiting-generation small{color:#958d83;max-width:220px;margin-top:7px;font-size:8px;line-height:1.65}.cover-action{background:var(--black);color:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:84%;height:47px;margin:17px 8% 0;padding:0 16px;font-size:11px;font-weight:850;display:flex}.cover-action b{color:#eaff66;font-size:8px}.cover-action.download{background:var(--purple);box-shadow:0 8px 20px #6048ee3d}.cover-action.download b{color:#fff}.cover-action:disabled{cursor:not-allowed;opacity:.3}.cover-loading{color:#6d665e;background:#f7f4ef;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:84%;height:47px;margin:17px 8% 0;font-size:11px;font-weight:800;display:flex}.cover-loading span{animation:1s linear infinite spin}.helper{color:#9a938a;text-align:center;margin:9px 0 1px;font-size:8px}.toast{z-index:100;color:#fff;background:#171612;border-radius:30px;padding:10px 16px;font-size:10px;animation:.2s toast-in;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000038}.toast:first-letter{color:#d9ff62}.hidden-export-canvas{opacity:0;pointer-events:none;position:fixed;top:-9999px;left:-9999px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes titlelab-pulse{50%{opacity:.35}}@media (width<=1180px){.workbench{grid-template-columns:1fr}.preview-panel{position:static}}@media (width<=760px){.nav{flex-wrap:wrap;gap:12px;height:auto;padding:14px 20px}.steps{flex-wrap:wrap;order:3;justify-content:center;width:100%}.hero{flex-direction:column;align-items:flex-start;gap:18px}.channel-tabs,.title-grid,.style-mode-row{grid-template-columns:1fr}.preset-grid,.preset-grid.text-only{grid-template-columns:repeat(2,1fr)}.content-brief,.custom-title{grid-template-columns:1fr}}