@scope (.red-packet-canvas){:scope{--ink:#25252c;--muted:#898990;--line:#e9e9ed;--pink:#e92c73;--pink-soft:#fff0f5;--green:#278169;--canvas:#f4f5f7;--white:#fff;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#fff;font-size:13px;line-height:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}*{box-sizing:border-box}:scope{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.5}button:hover{background:#f1f1f4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f58cb4;outline-offset:3px}input,textarea{color:var(--ink);width:100%;border:1px solid #e2e2e8;background:#fff;border-radius:9px;padding:11px 12px;outline:none;resize:vertical;line-height:1.7}input:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e92c730c}input::placeholder,textarea::placeholder{color:#a0a0a9}h1,h2,p{margin:0}h2{font-size:14px;font-weight:650}svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.prototype-bar{height:30px;background:#fff3f7;color:#9a536d;font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #f6e4eb;letter-spacing:.15px}.prototype-bar>span{display:flex;align-items:center;gap:7px}.canvas-status i,.live-label i,.prototype-bar i,.save-state i{width:5px;height:5px;background:var(--pink);border-radius:50%;display:inline-block}.prototype-bar b{font-weight:400;margin:0 3px}.prototype-bar button{font-size:11px;height:25px;padding:0 4px}.topbar{height:68px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid var(--line);gap:18px;background:#fff;position:relative;z-index:5}.brand{gap:9px;padding:0;font-size:17px;letter-spacing:-.5px;font-weight:700}.brand img{width:32px;height:32px;object-fit:contain}.divider{width:1px;height:20px;background:#dedee4}.project-title{font-weight:600;font-size:14px;padding:7px;border-radius:6px}.chev{color:#999;margin-left:8px}.save-state{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}.canvas-status i,.live-label i,.save-state i{background:#5b9f8a}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.quiet{font-size:12px;color:#777783;border-radius:7px;padding:9px 10px}.primary,.secondary{border-radius:8px;padding:10px 14px;font-weight:550;min-height:37px;white-space:nowrap}.secondary{border:1px solid #e2e2e8;background:#fff}.primary{background:var(--pink);color:#fff;border:1px solid transparent;box-shadow:0 3px 7px #e92c7310}.primary:hover{background:#d82165}.primary svg{stroke-width:1.9}.studio{display:grid;grid-template-columns:290px minmax(410px,1fr) 300px;height:calc(100dvh - 98px);min-height:650px}.panel{background:#fff;min-width:0;display:flex;flex-direction:column}.editor{border-right:1px solid var(--line)}.preview{border-left:1px solid var(--line)}.panel-heading{height:60px;min-height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.mini-icon{color:var(--pink)}.editor-scroll{padding:0 20px 16px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#ddd transparent}.section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px;font-size:12px}.section-title label{font-weight:600}.section-title>span{color:#a0a0a8;font-size:10px}#idea{height:115px;min-height:90px;font-size:12px}.upload{border:1px dashed #dbdbe3;border-radius:8px;display:flex;gap:10px;align-items:center;padding:12px 10px;margin:10px 0 22px;cursor:pointer}.upload>[data-icon]:first-child{background:#f6f6f8;width:32px;height:32px;border-radius:7px;color:#858591}.upload>[data-icon]:last-child{margin-left:auto;color:#aaa}.upload span{font-size:12px}.upload small{display:block;margin-top:3px;font-size:10px;color:#999}.upload:hover{border-color:var(--pink);background:#fffafa}.style-title{margin-top:5px}.segmented{background:#f2f3f5;display:flex;padding:3px;border-radius:8px;gap:2px}.segmented button{flex:1;font-size:11px;padding:8px 3px;border-radius:6px;color:#83838e}.segmented button.active{background:#fff;color:#292930;box-shadow:0 1px 4px #25252c0c;font-weight:600}.style-help{color:#92929c;line-height:1.8;margin:12px 0 18px;min-height:39px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0 17px}.preset-grid button{padding:9px 4px;font-size:11px;border:1px solid var(--line);border-radius:7px}.preset-grid button.active{border-color:#f399ba;color:var(--pink);background:var(--pink-soft)}.preset-grid .swatch{width:13px;height:13px;border-radius:4px;background:var(--swatch)}#custom-style{margin:12px 0 2px;min-height:73px;font-size:12px}#extra{font-size:11px;height:38px}.editor-divider{height:1px;background:var(--line);margin:22px 0}.section-title .pink-tag{background:var(--pink-soft);color:var(--pink);padding:3px 7px;border-radius:4px;font-size:10px}.task-context{display:flex;align-items:flex-start;gap:9px;margin:14px 0 15px}.task-context>[data-icon]{color:#91919d;margin-top:3px}.task-context strong{font-size:11px;font-weight:500}.task-context p{font-size:10px;color:#92929c;margin-top:5px}.small-label{font-size:11px;color:#7b7b87;display:block;margin-bottom:8px}#revision{font-size:11px;height:76px;min-height:65px}.quick-prompts{display:flex;gap:5px;margin-top:7px}.quick-prompts button{font-size:10px;border-radius:5px;background:#f5f5f7;padding:5px 7px;color:#7c7c86}.metadata{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px}.metadata summary{cursor:pointer;list-style:none;font-weight:600;display:flex;align-items:center;justify-content:space-between}.metadata summary:before{content:"⌄";margin-right:6px;color:#999}.metadata summary span{font-weight:400;color:#a1a1aa;margin-left:auto;font-size:10px}.metadata label{display:block;margin-top:12px;color:#888;margin-bottom:5px}.metadata p{color:#9a9aa3;line-height:1.7;margin-top:6px;font-size:10px}.generate-footer{padding:16px 20px 12px;border-top:1px solid var(--line);background:#fff}.generate{width:100%;height:44px;gap:8px}.button-cost{margin-left:auto;padding-left:9px;border-left:1px solid #ffffff45;font-size:11px;font-weight:400}.generate-footer>p{font-size:10px;color:#a2a2aa;text-align:center;margin-top:9px}#inline-error{font-size:11px;line-height:1.7;color:#c13655;margin-bottom:5px}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas)}.workspace-toolbar{height:60px;min-height:60px;display:flex;align-items:center;padding:0 21px;justify-content:space-between;background:#fcfcfd;border-bottom:1px solid var(--line)}.view-switch{display:flex;gap:4px}.view-switch button{padding:8px 11px;border-radius:7px;color:#92929c;font-size:12px}.view-switch button.active{color:#33333c;background:#eceef1;font-weight:600}.tools-right{display:flex;gap:5px;align-items:center}.icon-button{border-radius:7px;padding:8px;color:#8b8b95}.canvas-viewport{position:relative;flex:1;min-height:370px;overflow:hidden;background-image:radial-gradient(#d9dbe2 .75px,transparent 0);background-size:18px 18px;cursor:grab}.canvas-viewport:active{cursor:grabbing}.canvas-heading{position:absolute;top:24px;left:30px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.eyebrow{font-size:10px;color:#a0a1aa;letter-spacing:1px}.canvas-heading h1{font-size:20px;letter-spacing:.3px;font-weight:500;margin-top:7px;font-family:Songti SC,"Noto Serif CJK SC",serif}.canvas-hint{font-size:10px;color:#a0a2ac;max-width:160px;line-height:1.7;text-align:right}.scene{left:0;top:0;width:900px;height:650px;transform-origin:0 0}.art-card,.scene{position:absolute}.art-card{cursor:pointer;outline:none}.art-label{height:31px;display:flex;align-items:center;gap:7px;font-size:11px;color:#646671;white-space:nowrap}.art-label .version{font-size:10px;color:#91939e}.used-tag{background:#e7f5ee;border:1px solid #d9ebe2;color:#438f73;font-size:9px;padding:2px 5px;border-radius:4px;margin-left:auto}.art-frame{background:#fff;border-radius:5px;padding:5px;box-shadow:0 4px 12px #242a3c0a;position:relative;border:1px solid #e1e2e7}.art-frame img{display:block;width:100%;height:auto;border-radius:2px;pointer-events:none;user-select:none}.art-card.selected .art-frame{outline:2px solid var(--pink);outline-offset:3px}.art-card.selected .art-label{color:var(--pink);font-weight:600}.art-card:hover .art-frame{box-shadow:0 9px 30px #30364718}.art-card.selected .selection-dot{display:block}.selection-dot{display:none;position:absolute;right:-9px;bottom:-9px;height:9px;width:9px;background:#fff;border:2px solid var(--pink)}.art-card.bubble .art-frame{background-color:white;background-image:conic-gradient(#f0f0f3 25%,transparent 0 50%,#f0f0f3 0 75%,transparent 0);background-size:14px 14px}.asset-detail{font-size:9px;color:#9295a0;margin-top:11px;display:flex;justify-content:space-between;gap:7px}.art-caption{color:#8b8e99;font-size:10px;margin-top:7px}.bubble .asset-detail{font-size:9px}.zoom-controls{position:absolute;bottom:18px;left:22px;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e2e3e8;border-radius:8px;padding:3px;box-shadow:0 3px 10px #25252c04;z-index:2}.zoom-controls button{width:29px;height:28px;border-radius:5px;color:#767985}.zoom-controls span{font-size:10px;min-width:35px;text-align:center;color:#777985}.zoom-controls i{height:13px;width:1px;background:#e6e6eb;margin:0 2px}.canvas-status{position:absolute;bottom:27px;right:22px;color:#9597a1;font-size:10px;gap:6px;pointer-events:none}.canvas-status,.selection-bar{display:flex;align-items:center}.selection-bar{height:57px;min-height:57px;background:#fff;justify-content:space-between;padding:0 22px;border-top:1px solid var(--line);gap:8px}.selection-info{display:flex;align-items:center;gap:7px;font-size:12px}.selection-info>small{font-size:10px;color:#999}.selection-actions{display:flex;align-items:center;gap:5px}.selection-actions button{padding:7px 10px;border-radius:6px}.selection-actions .use-button{background:var(--pink-soft);color:var(--pink);border:1px solid #f9d9e6}.asset-shelf{padding:16px 21px 18px;background:#fafafb;border-top:1px solid var(--line)}.shelf-head{display:flex;justify-content:space-between;font-weight:550;margin-bottom:13px}.shelf-head>span:last-child{font-size:10px;color:#aaaab2;font-weight:400}.shelf-items{gap:8px}.shelf-items button{border:1px solid #e7e7ec;border-radius:9px;background:#fff;padding:11px 9px;text-align:left;justify-content:flex-start}.shelf-items button:hover{border-color:#efb3ca}.addon-icon{color:#9494a1}.shelf-items strong{font-size:11px;font-weight:550;display:block}.shelf-items small{color:#a0a0aa;display:block;margin-top:4px}.addon-state{font-size:9px;color:#93939e;margin-left:auto}.wechat-icon{color:#399376;margin-right:7px}.live-label,.panel-heading h2{display:flex;align-items:center}.live-label{color:#95959f;font-size:10px;gap:5px}.preview-tabs{display:flex;margin:0 17px;border-bottom:1px solid var(--line);height:38px}.preview-tabs button{flex:1;font-size:11px;color:#91919d;border-bottom:2px solid transparent}.preview-tabs button.active{border-bottom-color:var(--pink);color:var(--pink)}.preview-body{overflow:auto;flex:1;padding:16px 22px 10px;scrollbar-width:thin}.preview-source{font-size:10px;color:#8b8b96;margin-bottom:13px;text-align:center}.phone{width:230px;height:435px;border:5px solid #29282e;background:#ededed;border-radius:31px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 20px #25252c0b}.phone-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px;position:relative;z-index:3;color:#383840}.notch{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:62px;height:14px;background:#29282e;border-radius:10px}.phone-nav{height:30px;padding:5px 10px;display:flex;justify-content:space-between;font-size:11px}.phone-cover{margin:7px 10px 0;height:337px;border-radius:11px;background:#ee594d;overflow:hidden;position:relative}.phone-cover>img{position:absolute;width:100%;height:285px;object-fit:cover;object-position:top}.cover-shade{position:absolute;inset:0 0 62px;background:linear-gradient(#0005,transparent 52%)}.envelope-bottom{position:absolute;bottom:0;height:95px;width:100%;background:#f75042;clip-path:ellipse(77% 100% at 50% 100%)}.cover-text{position:absolute;left:0;top:31px;right:0;text-align:center;color:#fff1d4;font-size:12px;line-height:2}.cover-text small{font-size:9px;display:block}.open-coin{position:absolute;width:47px;height:47px;background:#edca81;border:1px solid #d9ad59;border-radius:50%;bottom:49px;left:calc(50% - 23.5px);font-family:Songti SC,serif;font-size:23px;color:#71512b}.phone-home{position:absolute;bottom:6px;left:calc(50% - 35px);width:70px;height:3px;border-radius:4px;background:#28282d}.story-screen{position:absolute;inset:28px 0 0;background:#222}.story-screen>img{width:100%;height:100%;object-fit:cover}.story-gradient{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b)}.story-text{position:absolute;bottom:32px;left:16px;right:16px;color:white}.story-text strong{font-size:15px;display:block;margin-bottom:9px}.story-text p{font-size:11px;line-height:1.8}.chat-bubble{position:relative;margin:63px 16px 0 34px;background:#f69d4a;border-radius:9px;color:#fff;padding:19px 12px 0;font-size:12px}.chat-bubble img{position:absolute;width:170px;height:136px;object-fit:contain;top:-67px;left:-8px;pointer-events:none}.chat-content{position:relative;padding-top:14px}.chat-content strong{font-weight:400}.chat-content p{font-size:9px;margin-top:8px;opacity:.8}.chat-bottom{border-top:1px solid #ffffff36;padding:6px 0;margin-top:13px;font-size:8px}.chat-time{text-align:center;font-size:9px;color:#999;margin-top:29px}.chat-input{position:absolute;bottom:12px;left:10px;right:10px;border-radius:5px;background:white;padding:10px;font-size:10px;color:#bbb}.preview-caption{text-align:center;font-size:10px;color:#93939d;margin:15px 0 18px}.safe-toggle{display:flex;align-items:center;gap:9px;font-size:11px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.safe-toggle input{width:14px;height:14px;accent-color:var(--pink)}.safe-toggle .switch{margin-left:auto}.preview-note{font-size:10px;color:#a5a5ad}.preview-bottom{border-top:1px solid var(--line);color:#94949d;padding:15px 20px;display:flex;align-items:center;gap:6px}.preview-bottom svg{height:13px;width:13px}.safe-zone{position:absolute;border:1px dashed #f8edba;background:#ffee7a35;color:#fff5c1;font-size:9px;display:flex;align-items:center;justify-content:center;text-align:center;left:7px;right:7px;z-index:4;pointer-events:none}.zone-top{top:23px;height:61px}.zone-bottom{bottom:45px;height:54px}.selection-warning{background:#fff7e7;border:1px solid #f4e4c4;color:#9c7843;font-size:10px;line-height:1.8;padding:10px;border-radius:7px;margin-top:12px}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:default;padding:20px}.empty-state[hidden]{display:none}.empty-art{position:relative;width:120px;height:130px;margin-bottom:25px}.paper{position:absolute;width:78px;height:108px;border-radius:9px;border:1px solid #eedbe4}.paper.back{background:#fbe8f0;transform:rotate(-15deg);left:5px;top:8px}.paper.front{background:#fff;transform:rotate(9deg);left:36px;top:12px;box-shadow:0 10px 30px #5745590a;display:flex;align-items:center;justify-content:center;color:var(--pink)}.paper.front svg{width:29px;height:29px}.empty-state h1{font-family:Songti SC,serif;text-align:center;font-size:30px;font-weight:500;line-height:1.5;margin-top:12px}.empty-state p{text-align:center;color:#8d8e99;line-height:1.9;margin:15px 0 23px}.empty-state>small{font-size:10px;color:#9fa1ab;margin-top:19px}.empty-phone{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:25px;color:#aaa;text-align:center;gap:15px;font-size:11px;line-height:1.8}.empty-phone svg{width:35px;height:35px;color:#c8c8d0}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#303039;color:#fff;padding:12px 20px;box-shadow:0 8px 30px #0002;border-radius:9px;opacity:0;pointer-events:none;z-index:40;font-size:12px;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%)}dialog{margin:auto;border:1px solid #e4e4e9;box-shadow:0 30px 100px #1113;border-radius:18px;padding:0;width:min(650px,92vw);max-height:88dvh;color:var(--ink)}dialog::backdrop{background:#27273565;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 14px}.modal-header h2{font-size:19px}.modal-header button{font-size:22px;color:#999;padding:3px 8px;border-radius:5px}.modal-body{padding:5px 25px 25px}.modal-body p{font-size:12px;color:#83838f;line-height:1.9;margin-bottom:15px}.modal-body h3{font-size:14px;margin:20px 0 8px}.modal-footer{border-top:1px solid var(--line);padding:17px 25px;display:flex;justify-content:flex-end;gap:9px}.export-row{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:9px;margin:8px 0;font-size:12px}.export-row img{width:35px;height:47px;object-fit:cover;border-radius:4px}.export-row span{margin-left:auto;color:#92929e;font-size:10px}.export-row a{color:var(--pink);text-decoration:none;font-size:11px;border:1px solid #f6d4e2;border-radius:6px;padding:7px}.project-row{display:flex;width:100%;text-align:left;padding:15px 10px;border-bottom:1px solid var(--line);justify-content:flex-start;border-radius:7px}.project-row img{width:43px;height:58px;object-fit:cover;border-radius:5px;margin-right:10px}.project-row strong{font-size:13px;display:block}.project-row small{color:#999;display:block;font-size:11px;margin-top:7px}.project-row>span:last-child{margin-left:auto;color:#999}.lightbox{display:block;max-width:100%;max-height:66vh;margin:auto;border-radius:7px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-grid>div{border:1px solid var(--line);padding:13px;border-radius:9px}.guide-grid h3{margin:0 0 8px;font-size:12px}.guide-grid p{font-size:11px;margin:0}.progress{height:4px;border-radius:4px;overflow:hidden;background:#f6e3eb;margin:16px 0}.progress div{height:100%;background:var(--pink);animation:progress 1.3s ease forwards}@keyframes progress{0%{width:0}to{width:100%}}.mobile-nav{display:none}.studio.preview-hidden{grid-template-columns:290px minmax(410px,1fr)}.studio.preview-hidden>.preview{display:none}#upload-thumb img{max-width:65px;max-height:65px;border-radius:7px}#upload-thumb{display:flex;align-items:center;gap:12px;font-size:10px;color:#999}#upload-thumb:empty{display:none}.photo-remove{font-size:10px;color:var(--pink)}@media (min-width:1650px){.studio{grid-template-columns:315px minmax(500px,1fr) 330px}.editor-scroll{padding-left:24px;padding-right:24px}.panel-heading{padding:0 24px}.preview-body{padding:20px 30px}.phone{width:250px;height:474px}.phone-cover{height:373px}.phone-cover>img{height:315px}.cover-text{top:35px}.canvas-heading{left:42px;top:29px}.canvas-hint{max-width:none}.shelf-items button{flex-wrap:nowrap;padding:15px 12px}.asset-shelf{padding-top:19px;padding-bottom:21px}}@media (max-width:1200px){.studio{grid-template-columns:260px minmax(365px,1fr) 270px}.editor-scroll{padding:0 16px 14px}.panel-heading{padding:0 16px}.preview-body{padding:15px 13px}.phone{width:226px;height:428px}.topbar{padding:0 16px;gap:10px}.save-state{display:none}.workspace-toolbar{padding:0 12px}.canvas-heading{left:23px}.canvas-hint{display:none}.selection-bar{padding:0 14px}.selection-actions button{padding:7px}.selection-info>small{display:none}.shelf-items{grid-template-columns:repeat(2,1fr)}.shelf-items button{padding:8px 9px;flex-wrap:nowrap}.asset-shelf{padding:12px 14px}.canvas-status{max-width:170px;line-height:1.5;bottom:24px;right:14px}.studio.preview-hidden{grid-template-columns:260px minmax(365px,1fr)}}@media (max-width:940px){.history-button{display:none}.studio{grid-template-columns:250px minmax(340px,1fr)}.studio>.preview{display:none}.studio.mobile-preview>.preview{display:flex;position:absolute;right:0;top:98px;bottom:0;width:290px;z-index:8;box-shadow:-10px 0 40px #2222}.topbar{gap:9px}.brand{font-size:15px}.save-state{display:none}.studio.preview-hidden{grid-template-columns:250px minmax(340px,1fr)}}@media (max-width:650px){.prototype-bar{padding:0 12px;font-size:9px;height:28px}.prototype-bar button{font-size:10px}.prototype-bar b{display:none}.topbar{height:59px;padding:0 12px;gap:8px}.brand{width:30px}.brand>span,.topbar .divider{display:none}.brand img{width:28px;height:28px}.project-title{font-size:12px;padding:5px 0}.top-actions{gap:6px}.top-actions .primary,.top-actions .secondary{padding:7px 9px;font-size:10px;min-height:33px}.top-actions svg{width:13px;height:13px}.mobile-nav{display:flex;height:42px;border-bottom:1px solid var(--line);background:#fff}.mobile-nav button{flex:1;font-size:12px;color:#999}.mobile-nav button.active{color:var(--pink);border-bottom:2px solid var(--pink)}.studio,.studio.preview-hidden{display:block;height:calc(100dvh - 129px);min-height:520px}.studio>.editor,.studio>.preview,.studio>.workspace{display:none!important}.studio[data-mobile=canvas]>.workspace,.studio[data-mobile=editor]>.editor,.studio[data-mobile=preview]>.preview{display:flex!important;width:100%;height:100%;position:relative;inset:auto;box-shadow:none}.editor-scroll{padding:0 23px 15px}.panel-heading{height:55px;min-height:55px;padding:0 23px}.generate-footer{padding:13px 23px}.preview-body{padding:15px 25px}.phone{width:240px;height:455px}.phone-cover{height:358px}.phone-cover>img{height:303px}.preview-tabs{margin:0 24px}.preview-bottom{justify-content:center}.workspace-toolbar{height:49px;min-height:49px;padding:0 12px}.view-switch button{font-size:11px;padding:7px 9px}.tools-right>.quiet span:last-child{display:none}.canvas-heading{top:18px;left:20px}.canvas-heading h1{font-size:19px}.canvas-viewport{min-height:310px}.canvas-status{display:none}.selection-bar{padding:0 12px;height:53px;min-height:53px}.selection-info{font-size:11px}.selection-actions button{font-size:10px;padding:7px 8px}.selection-actions .download-single,.shelf-head>span:last-child{display:none}.shelf-items{gap:6px}.shelf-items strong{font-size:10px}.addon-state,.shelf-items small{font-size:8px}.asset-shelf{padding:12px}.empty-state h1{font-size:27px}.empty-art{margin-bottom:10px;transform:scale(.8);height:106px}.empty-state p{font-size:11px;margin:12px 0}.empty-state>small{max-width:230px;text-align:center;line-height:1.6;font-size:9px}.zoom-controls{bottom:15px;left:15px}.guide-grid{grid-template-columns:1fr}.modal-header{padding:19px}.modal-body{padding:3px 19px 19px}.modal-header h2{font-size:17px}.export-row span{display:none}.topbar .chev{margin-left:2px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.progress div{width:100%}}.editor-scroll,.panel,.preview-body,.workspace{min-height:0}@media (min-width:651px){.canvas-viewport{min-height:250px}}:scope{--rail:64px;--settings:266px;--inspector:290px}.product-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:15;background:#f7f7f9;border-right:1px solid #e6e6eb;display:flex;flex-direction:column;align-items:center;gap:7px;padding:17px 7px 15px}.rail-logo{padding:0;margin-bottom:15px;border-radius:9px;width:40px;height:37px}.rail-logo img{height:32px;width:32px;object-fit:contain}.rail-new{border:1px solid #e0e0e6;border-radius:10px;width:38px;height:38px;background:#fff;box-shadow:0 2px 4px #20203004;color:#777785}.rail-new:hover{background:#fff0f5;color:var(--pink);border-color:#f2b7cf}.rail-divider{height:1px;width:25px;background:#e6e6ed;margin:8px 0}.rail-item{width:48px;min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 3px;border-radius:9px;text-decoration:none;color:#888893;font-size:9px;transition:background .15s,color .15s}.rail-item svg{width:20px;height:20px;stroke-width:1.5}.rail-item:hover{background:#eeeef2;color:#32323c}.rail-item.active{background:#feeaf2;color:#dc286b;position:relative}.rail-item.active:before{content:"";height:17px;width:3px;background:var(--pink);position:absolute;left:-7px;top:18px;border-radius:0 3px 3px 0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.rail-avatar{width:28px;height:28px;border-radius:50%;background:#e5e1e9;color:#6e667d;display:grid;place-items:center;font-size:11px;font-family:Georgia,serif}.app-shell{margin-left:var(--rail)}.prototype-bar{padding:0 24px;background:#fff6f9;height:28px}.topbar{height:64px;padding:0 26px;gap:19px}.studio-title{font-weight:650;font-size:15px;white-space:nowrap}.topbar .divider{height:17px}.topbar .project-title{font-size:13px}.topbar .primary,.topbar .secondary{font-size:12px;min-height:35px;padding:8px 13px}.mobile-products{display:none}.studio{height:calc(100dvh - 92px);min-height:600px;grid-template-columns:var(--settings) minmax(300px,1fr) var(--inspector);grid-template-rows:minmax(0,1fr)}.studio.editor-collapsed{grid-template-columns:minmax(300px,1fr) var(--inspector)}.studio.editor-collapsed>.editor{display:none}.studio.preview-hidden{grid-template-columns:var(--settings) minmax(300px,1fr)}.studio.editor-collapsed.preview-hidden{grid-template-columns:minmax(300px,1fr)}.panel-heading{height:57px;min-height:57px}.panel-heading h2{font-size:13px}.editor-scroll{padding:0 20px 20px}.editor #idea{height:147px;font-size:12px}.editor .section-title{margin-top:15px}.brief-note{display:flex;align-items:flex-start;gap:9px;padding-top:21px;margin-top:21px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}.brief-note>[data-icon]{color:#aaa3b3;flex:none;margin-top:3px}.brief-note strong{font-weight:500;color:#87818e}.brief-note p{font-size:10px;color:#a7a3ac;margin-top:4px}.style-help{font-size:10px;line-height:1.9;margin:12px 0 0;min-height:25px}.editor .upload{margin-bottom:21px}.generate-footer{flex-shrink:0}.close-settings svg{width:15px;height:15px}.canvas-controls{display:flex;align-items:center;gap:15px;min-width:0}.brief-toggle{font-size:11px;padding:8px 9px;border-radius:6px;gap:7px;color:#92929d}.brief-toggle.active{background:#fff0f5;color:#d83574}.toolbar-divider{height:16px;width:1px;background:#e4e5eb}.workspace-toolbar{height:57px;min-height:57px;padding:0 23px;gap:12px}.view-switch button{font-size:11px;padding:7px 10px}.canvas-heading{top:26px;left:35px;right:30px}.canvas-heading h1{font-size:22px;letter-spacing:.5px}.canvas-heading .eyebrow,.canvas-hint{font-size:9px}.canvas-hint{max-width:none}.tools-right .quiet{font-size:10px}.art-hit{display:block;padding:0!important;width:100%;border:0;background:transparent;cursor:pointer;border-radius:2px}.art-hit:hover{background:none}.art-card .art-hit img{width:100%;height:auto}.art-card.selected .art-frame{outline-color:#e83b7c;outline-width:1.5px;outline-offset:4px}.art-card .art-frame{border-radius:4px;padding:5px}.art-card .art-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.art-edit-toolbar{position:absolute;right:13px;top:44px;z-index:2;opacity:0;transform:translateY(-3px);transition:.16s}.art-card.selected .art-edit-toolbar,.art-card:focus-within .art-edit-toolbar,.art-card:hover .art-edit-toolbar{opacity:1;transform:none}.art-edit-toolbar button{border:1px solid #ffffffb0;background:#fffffff0;backdrop-filter:blur(8px);box-shadow:0 2px 9px #3f24391a;border-radius:7px;padding:8px 11px;gap:6px;color:#4d3946;font-size:11px}.art-edit-toolbar button:hover{color:var(--pink);background:#fff}.art-edit-toolbar svg{height:13px;width:13px}.selection-bar{height:52px;min-height:52px;padding:0 24px}.selection-info{font-size:11px}.selection-actions .edit-selected{background:#fff0f5;color:#de3474;padding:8px 12px}.selection-actions button{font-size:11px}.asset-shelf{padding:14px 24px 16px}.shelf-items{grid-template-columns:repeat(4,1fr)}.shelf-items button{flex-wrap:wrap;padding:11px 10px;gap:9px}.shelf-head{font-size:11px;margin-bottom:12px}.shelf-items .addon-state,.shelf-items small{font-size:9px}.shelf-items strong{font-size:10px}.canvas-viewport{min-height:250px}.studio.editor-collapsed .canvas-hint{display:block}.preview-body{padding:14px 19px}.preview-tabs{margin:0 15px}.phone{width:214px;height:401px;border-width:4px;border-radius:29px;box-shadow:0 10px 30px #22222e09;transition:zoom .2s}.phone-cover{height:310px;margin-top:5px}.phone-cover>img{height:267px}.cover-text{top:27px}.phone-top{height:27px}.phone-nav{height:29px}.envelope-bottom{height:91px}.open-coin{bottom:46px;width:44px;height:44px;left:calc(50% - 22px);font-size:22px}.preview-source{font-size:9px;margin-bottom:11px}.preview-caption{font-size:9px;margin:13px 0 16px}.copy-panel{border:1px solid #e6e7ec;background:#fafafb;border-radius:10px;margin:0 0 13px;overflow:hidden}.copy-summary{padding:12px 11px;width:100%;text-align:left;justify-content:flex-start;gap:9px}.copy-summary:hover{background:#f2f2f6}.copy-mark{color:#9a8f9b;flex:none}.copy-summary strong{font-size:11px;font-weight:550;display:block;color:#5a5562}.copy-summary small{display:block;color:#99929f;font-size:10px;margin-top:5px;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-edit-label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;color:#a48b99}.copy-edit-label svg{width:12px;height:12px}.copy-fields{padding:0 12px 12px}.copy-label{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font-size:10px;color:#7f7687}.copy-label span{font-size:9px;color:#aaa2b0}.copy-fields input,.copy-fields textarea{font-size:11px;line-height:1.7;padding:8px 9px;border-radius:6px}.copy-fields textarea{height:65px;min-height:55px;resize:vertical}.copy-footnote{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:9px;color:#a196a5}.copy-footnote button{font-size:10px;color:var(--pink);padding:5px 8px;border-radius:5px;background:#fce9f1}.copy-editing .phone{zoom:.72}.copy-editing .preview-caption{display:none}.copy-editing .copy-panel{margin-top:15px}.copy-editing .preview-note,.copy-editing .safe-toggle{display:none}.safe-toggle{font-size:10px;padding:8px 0;border:0}.safe-toggle input{width:13px;height:13px}.preview-note{font-size:9px;color:#aaa5af}.preview-bottom{font-size:9px;line-height:1.6;padding:12px 17px}.copy-editing .preview-body{padding-top:12px}.image-edit-modal{width:min(840px,94vw);border-radius:16px}.image-edit-modal .modal-header{padding:24px 27px 19px;border-bottom:1px solid #eeeef2}.image-edit-modal .modal-header h2{font-size:17px}.image-edit-modal .modal-body{padding:0}.edit-workspace{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1fr)}.edit-original{background:#f4f5f7;padding:23px 30px 15px;background-image:radial-gradient(#d9dbe2 .65px,transparent 0);background-size:16px 16px}.edit-origin-label{display:flex;justify-content:space-between;color:#6a6a77;font-size:11px;margin:0 0 13px}.edit-origin-label b{color:#9595a1;font-size:10px;margin-left:5px;font-weight:400}.edit-origin-label>span:last-child{font-size:9px;color:#a0a0aa}.edit-image-wrap{display:flex;align-items:center;justify-content:center;height:340px}.edit-image-wrap img{max-height:100%;max-width:100%;border:5px solid white;border-radius:4px;box-shadow:0 3px 16px #2525390d;object-fit:contain}.edit-image-wrap.transparent img{background-color:#fff;background-image:conic-gradient(#f0f0f3 25%,transparent 0 50%,#f0f0f3 0 75%,transparent 0);background-size:14px 14px}.edit-original>p{font-size:9px;text-align:center;color:#a1a1ab;margin-top:14px;margin-bottom:0}.edit-form{padding:29px 27px 24px;display:flex;flex-direction:column}.edit-eyebrow{font-size:10px;letter-spacing:.4px;color:#a79eab}.edit-form h3{font-family:Songti SC,serif;font-size:23px;font-weight:500;margin:8px 0 23px}.edit-form>label{font-size:11px;color:#756e7e;margin-bottom:9px}.edit-form textarea{height:122px;min-height:100px;font-size:12px;line-height:1.9;resize:vertical}.edit-quick-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.edit-quick-prompts button{font-size:10px;background:#f5f3f7;border:1px solid #efebf2;color:#8b7c94;padding:6px 9px;border-radius:6px}.edit-preserve{display:flex;align-items:center;gap:7px;color:#9b929f;font-size:10px;line-height:1.7;margin:23px 0 15px}.edit-preserve svg{width:14px;height:14px}.edit-error{color:#cf426b;font-size:11px;line-height:1.8;margin-bottom:7px}.edit-run{width:100%;margin-top:auto;padding:11px 12px;font-size:12px}.edit-run small{font-size:10px;margin-left:auto;border-left:1px solid #fff5;padding-left:12px;font-weight:400}.edit-form .edit-demo-note{font-size:9px;color:#afa5b1;display:flex;justify-content:space-between;margin:10px 0 0;line-height:1.6}.edit-demo-note kbd{font:inherit;color:#b7afbd}.product-picker{display:flex;flex-direction:column;gap:10px;margin:15px 0}.product-picker>a,.product-picker>button{display:flex;align-items:center;text-align:left;text-decoration:none;border:1px solid #e9e6ed;padding:17px 15px;border-radius:10px;color:#615565;gap:15px;background:white}.product-picker>a:hover,.product-picker>button:hover{background:#fff5f9;border-color:#f4c7db}.product-picker svg{width:28px;height:28px;color:#b39eb4}.product-picker strong{display:block;font-size:13px;font-weight:550}.product-picker small{display:block;font-size:11px;color:#a398a8;margin-top:6px}.product-picker b{margin-left:auto;color:#b29bac;font-weight:400}.modal-body .picker-note{font-size:10px;margin-top:17px;margin-bottom:0}@media (min-width:1500px){:scope{--settings:285px;--inspector:320px}.phone{width:230px;height:435px}.phone-cover{height:341px}.phone-cover>img{height:295px}.preview-body{padding:17px 27px}.copy-editing .phone{zoom:.74}.shelf-items button{flex-wrap:nowrap;padding:14px 12px}.canvas-heading{left:42px}.asset-shelf{padding:16px 25px 19px}}@media (max-width:1180px){:scope{--settings:245px;--inspector:265px}.topbar{padding:0 18px;gap:12px}.studio-title{font-size:13px}.canvas-controls{gap:9px}.brief-toggle{padding:7px;font-size:10px}.workspace-toolbar{padding:0 15px}.view-switch button{font-size:10px;padding:7px}.canvas-hint,.tools-right .quiet>span:last-child{display:none}.canvas-heading{left:25px}.canvas-heading h1{font-size:20px}.shelf-items{grid-template-columns:repeat(2,1fr)}.studio.editor-collapsed .shelf-items{grid-template-columns:repeat(4,1fr)}.shelf-items button{flex-wrap:nowrap;padding:9px}.studio.editor-collapsed .shelf-items button{flex-wrap:wrap}.asset-shelf{padding:13px 16px 15px}.preview-body{padding:14px 16px}.phone{width:212px;height:398px}.phone-cover{height:307px}.phone-cover>img{height:265px}.copy-editing .phone{zoom:.7}.canvas-heading .canvas-hint{display:none}}@media (max-width:940px) and (min-width:651px){.studio{grid-template-columns:245px minmax(280px,1fr)}.studio.editor-collapsed{grid-template-columns:minmax(300px,1fr) 265px}.studio.editor-collapsed>.preview{display:flex}.studio:not(.editor-collapsed)>.preview{display:none}.studio.mobile-preview>.preview{position:absolute;right:0;top:92px;bottom:0;width:265px;display:flex;z-index:9;box-shadow:-8px 0 30px #2222}.studio.preview-hidden{grid-template-columns:245px minmax(280px,1fr)}.studio.editor-collapsed.preview-hidden{grid-template-columns:minmax(280px,1fr)}.studio.editor-collapsed.preview-hidden>.preview{display:none}.studio.editor-collapsed .shelf-items{grid-template-columns:repeat(2,1fr)}.studio.editor-collapsed .shelf-items button{flex-wrap:nowrap}.studio-title{font-size:12px}.topbar .divider{display:none}.topbar .project-title{font-size:12px}.save-state{display:none}.top-actions{gap:7px}.topbar .primary,.topbar .secondary{font-size:11px;padding:8px 10px}.canvas-controls{gap:6px}.brief-toggle span:last-child,.toolbar-divider{display:none}.selection-actions button{font-size:10px;padding:7px}.canvas-heading h1{font-size:18px}.preview-tabs button{font-size:10px}}@media (max-width:650px){:scope{--rail:0px}.product-rail{display:none}.app-shell{margin-left:0}.prototype-bar{padding:0 12px;height:27px;font-size:8px}.prototype-bar>span{gap:3px}.prototype-bar button{font-size:9px}.mobile-products{display:flex;padding:0;width:29px;height:29px}.mobile-products img{width:28px;height:28px}.studio-title{display:none}.topbar{height:57px;padding:0 11px;gap:6px}.topbar .project-title{font-size:11px}.topbar .primary,.topbar .secondary{font-size:10px;min-height:32px;padding:7px 9px}.studio,.studio.editor-collapsed,.studio.editor-collapsed.preview-hidden,.studio.preview-hidden{display:block;height:calc(100dvh - 126px);min-height:510px}.studio[data-mobile=editor]>.editor{display:flex!important}.mobile-nav{height:42px}.editor-scroll{padding:0 23px 17px}.editor #idea{height:128px}.panel-heading{padding:0 23px;height:53px;min-height:53px}.workspace-toolbar{padding:0 11px;height:48px;min-height:48px}.canvas-controls{gap:7px}.brief-toggle{padding:6px}.brief-toggle span:last-child,.toolbar-divider{display:none}.view-switch button{font-size:10px;padding:7px}.view-switch svg{width:14px;height:14px}.tools-right{gap:0}.canvas-viewport{min-height:250px}.canvas-heading{left:19px;top:21px}.canvas-heading h1{font-size:20px}.canvas-heading .eyebrow{font-size:9px}.art-edit-toolbar button{padding:8px;font-size:11px}.art-edit-toolbar button span{display:none}.art-edit-toolbar svg{height:15px;width:15px}.selection-bar{padding:0 12px}.selection-actions .edit-selected{font-size:10px;padding:7px 9px}.selection-actions .edit-selected svg{width:12px;height:12px}.selection-actions button{font-size:10px}.asset-shelf{padding:12px}.shelf-items,.studio.editor-collapsed .shelf-items{grid-template-columns:repeat(2,1fr)}.shelf-items button,.studio.editor-collapsed .shelf-items button{flex-wrap:nowrap;padding:8px}.shelf-items small{font-size:8px}.preview-body{padding:14px 26px}.phone{width:230px;height:435px}.phone-cover{height:341px}.phone-cover>img{height:295px}.copy-panel{max-width:320px;margin-left:auto;margin-right:auto}.copy-editing .phone{zoom:.63}.copy-fields textarea{height:60px}.preview-bottom{padding:10px}.image-edit-modal{width:94vw;max-height:94dvh}.image-edit-modal .modal-header{padding:16px 18px 13px}.image-edit-modal .modal-header h2{font-size:15px}.edit-workspace{display:flex;flex-direction:column}.edit-original{padding:14px 20px 12px;display:grid;grid-template-columns:73px 1fr;gap:4px 15px;align-items:start}.edit-image-wrap{height:98px;grid-column:1;grid-row:1/3}.edit-origin-label{grid-column:2;grid-row:1;display:block;margin-top:15px;margin-bottom:0}.edit-origin-label>span{display:block}.edit-origin-label>span:last-child{margin-top:8px}.edit-original>p{grid-column:2;text-align:left;margin:0;align-self:start;font-size:9px}.edit-form{padding:18px 21px 20px}.edit-form h3{font-size:22px;margin:6px 0 15px}.edit-form textarea{height:108px;min-height:90px}.edit-preserve{margin:17px 0 12px}.edit-demo-note kbd{display:none}.copy-summary small{max-width:170px}}@media (prefers-reduced-motion:reduce){.art-edit-toolbar,.phone{transition:none}}.art-edit-toolbar{scale:calc(1 / var(--canvas-zoom, 1));transform-origin:top right}.reference-card{border:1px dashed #dcdbe3;border-radius:10px;margin:12px 0 21px;overflow:hidden;background:#fff}.reference-add{width:100%;padding:14px 11px;gap:10px;text-align:left;justify-content:flex-start}.reference-add>svg:first-child{width:19px;height:19px;color:#958b9c}.reference-add>svg:last-child{width:14px;margin-left:auto;color:#aaa1b0}.reference-add>span{font-size:11px;font-weight:500}.reference-add small{display:block;font-size:9px;line-height:1.6;margin-top:5px;color:#95909c;font-weight:400}.reference-card.has-reference{border-style:solid;border-color:#e5dfe8;background:#fcfbfd}.reference-content{display:flex;gap:10px;padding:11px;align-items:center}.reference-image{width:62px;height:76px;flex:none;padding:3px;background:#fff;border:1px solid #eeebf0;border-radius:6px;overflow:hidden}.reference-image img{width:100%;height:100%;object-fit:contain}.reference-details{min-width:0}.reference-details strong{display:block;font-size:11px;font-weight:550}.reference-filename{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#96909c;font-size:9px;margin-top:6px}.reference-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.reference-actions button{padding:3px 1px;font-size:10px;color:#ad5980;border-radius:3px}.reference-actions button:last-child{color:#8f8796}.reference-actions i{height:10px;width:1px;background:#e4dfe7}.reference-privacy{border-top:1px solid #efebf2;padding:7px 10px;font-size:8px;color:#9a92a1;display:flex;align-items:center;gap:5px}.reference-privacy svg{width:11px;height:11px}.brief-note{font-size:10px;color:#99909f;margin-top:20px;padding-top:17px}.empty-state{padding:32px 20px}.empty-state h1{font-family:inherit;font-size:25px;letter-spacing:-.6px;line-height:1.4;margin:26px 0 0}.empty-state p{line-height:1.8;margin:11px 0 24px;color:#91909c}.starter-envelope{width:100px;height:132px;border:1px solid #edccda;background:#fbebf2;border-radius:11px;position:relative;box-shadow:5px 9px 0 -1px #f8f4f8,5px 9px 0 0 #e8dce6,0 13px 25px #7965760a;transform:rotate(-6deg);overflow:hidden;display:flex;align-items:center;justify-content:center}.starter-flap{position:absolute;top:-34px;left:-10px;width:120px;height:91px;border-radius:0 0 50% 50%;background:#fff8fb;border:1px solid #f2d8e3}.starter-envelope>span{color:#d689a8;margin-top:39px}.starter-envelope svg{width:28px;height:28px;stroke-width:1.1}.starter-seal{position:absolute;top:41px;width:22px;height:22px;background:#fce6ef;color:#c47b99;border:1px solid #edd0dd;border-radius:50%;display:grid;place-items:center;font-size:9px}.starter-actions{display:flex;gap:9px}.starter-actions button{padding:11px 16px;font-size:11px;min-height:40px}.starter-actions .primary>span{margin-left:11px}.idea-starters{display:flex;gap:6px;align-items:center;margin-top:20px;font-size:10px}.idea-starters>span{color:#a09ba7;margin-right:3px}.idea-starters button{color:#85798e;border:1px solid #e3dfe8;background:#faf9fc;border-radius:20px;padding:7px 10px;font-size:10px}.idea-starters button:hover{border-color:#e2b1c7;color:#c04b80;background:#fff7fa}.empty-state .example-link{color:#a09aa9;font-size:10px;margin-top:32px;padding:6px 9px;border-radius:5px}.generation-card{cursor:default}.generation-badge{margin-left:auto;padding:3px 7px;background:#fbe9f0;color:#bf6288;font-size:9px;border-radius:4px}.generation-preview{aspect-ratio:957/1278;background:#fcf4f8;position:relative;overflow:hidden;border-radius:2px;display:flex;align-items:center;justify-content:center}.generation-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff9 50%,transparent 75%);transform:translateX(-100%);animation:canvas-shimmer 3.5s ease-in-out infinite}.generation-center{width:100%;padding:24px 20px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.generation-symbol{color:#cf85a2;margin-bottom:21px;display:grid;place-items:center;width:56px;height:56px;border-radius:15px;border:1px solid #f0dce6;background:#ffffff94;box-shadow:0 3px 12px #b2849b09}.generation-symbol svg{width:28px;height:28px;stroke-width:1.3}.generation-center strong{color:#735f71;font-size:16px;font-weight:550;line-height:1.6}.generation-center p{font-size:11px;color:#a38d9d;line-height:1.8;margin:7px 0 0;max-width:230px}.generation-track{height:3px;width:98px;border-radius:3px;background:#ecd8e3;overflow:hidden;margin-top:21px}.generation-track span{display:block;width:35%;height:100%;background:#d28da9;animation:canvas-indeterminate 1.8s ease-in-out infinite alternate;border-radius:inherit}.generation-secondary{color:#aa8c9d;font-size:11px;padding:8px 13px;margin-top:15px;border-radius:5px}.generation-secondary:hover{background:#f3e2eb;color:#a25278}.generation-dimensions{position:absolute;bottom:20px;font-size:9px;color:#c2a9b8;letter-spacing:1px}.generation-corner{width:18px;height:18px;border-color:#dfbbcf;border-style:solid;opacity:.6;position:absolute}.corner-tl{top:19px;left:19px;border-width:1px 0 0 1px}.corner-br{right:19px;bottom:19px;border-width:0 1px 1px 0}.generation-card .asset-detail{justify-content:center;font-size:10px;margin-top:13px}.generation-selection-note{font-size:10px;color:#a19aa7}.generation-active .shelf-head>span:last-child{font-size:10px}.generation-active .asset-shelf{background:#fcfcfd}.generation-active [data-addon]{opacity:.42}.generation-card.failed .generation-preview{background:#f6f4f7}.generation-card.failed .generation-preview:before{display:none}.generation-card.failed .generation-badge{color:#897087;background:#ede7ef}.generation-center .primary{margin-top:22px;font-size:12px;padding:10px 20px}.phone-waiting>svg{color:#c6a6b8}@keyframes canvas-shimmer{0%,10%{transform:translateX(-100%)}90%,to{transform:translateX(100%)}}@keyframes canvas-indeterminate{0%{transform:translateX(-30%)}to{transform:translateX(220%)}}@media (max-width:650px){.empty-state{padding:25px 17px}.empty-state h1{font-size:23px;margin-top:25px}.empty-state p{font-size:11px;margin-bottom:22px}.starter-envelope{width:85px;height:114px}.starter-actions button{padding:10px 15px}.idea-starters{gap:5px}.idea-starters button{font-size:9px;padding:7px 9px}.generation-selection-note{font-size:9px}}@media (prefers-reduced-motion:reduce){.generation-preview:before,.generation-track span{animation:none}.generation-track span{width:100%;opacity:.6}}.generation-active .canvas-hint{visibility:hidden}.art-edit-toolbar{display:flex;gap:0;align-items:center;padding:3px;background:#ffffffed;border:1px solid #ffffffb0;border-radius:8px;box-shadow:0 3px 14px #3023361a;backdrop-filter:blur(8px)}.art-edit-toolbar button{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:7px 8px;border-radius:5px;min-height:29px}.art-edit-toolbar button:hover{background:#fff0f6}.art-edit-toolbar>i{width:1px;height:14px;background:#e7e0e8;margin:0 2px}.card-use-button{margin-left:auto;color:#bd5586;background:#fff4f9;padding:4px 7px;border-radius:4px;border:1px solid #edc7d9}.card-use-button:hover{background:#fbe0ed}.generated-copy{padding:14px;background:#fafafa;border-color:#eae8ed}.generated-copy-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.generated-copy-heading h3{margin:0;font-size:11px;font-weight:550;color:#655b6a}.generated-copy-heading>span{color:#a29aa7;font-size:8px;border:1px solid #e8e3eb;padding:3px 5px;border-radius:4px}.generated-copy dl{margin:0;font-size:11px}.generated-copy dt{color:#a197a8;font-size:9px;margin:11px 0 5px}.generated-copy dd{margin:0;color:#72657a;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.asset-shelf{padding:16px 20px 19px;background:#fff;flex-shrink:0}.next-step-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.next-step-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 9px}.next-step-label{font-size:9px;color:#b66387;border:1px solid #eed7e2;background:#fff6fa;padding:3px 6px;border-radius:4px}.next-step-heading h2{font-size:13px;font-weight:550}.next-step-heading p{font-size:10px;color:#a39aa9}.next-export{font-size:10px;color:#92819d;border:1px solid #e9e4ed;border-radius:6px;padding:7px 9px;white-space:nowrap}.shelf-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.shelf-items .next-card,.studio.editor-collapsed .shelf-items .next-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;padding:13px 12px 11px;min-height:113px;gap:0;border:1px solid #e9e5ed;border-radius:9px;background:#fff;text-align:left;transition:border-color .15s,background .15s}.shelf-items .next-card:hover:not(:disabled){border-color:#d7b6cc;background:#fdf7fb}.shelf-items .next-card.recommended{background:#fffbfd;border-color:#f0c9db}.next-card-heading{display:flex;align-items:center;gap:7px}.next-card-heading [data-icon]{color:#a395b1}.next-card-heading strong{font-size:12px;font-weight:550;color:#625568;white-space:nowrap}.recommended .next-card-heading [data-icon]{color:#d6759b}.next-recommend{margin-left:auto;font-size:8px;color:#c4769a;background:#fcecf4;padding:3px 5px;border-radius:4px}.next-card p{margin:9px 0 14px;color:#93869b;font-size:10px;line-height:1.7}.next-card-action{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto}.shelf-items .next-card .addon-state{margin:0;font-size:11px;color:#936981}.shelf-items .next-card .addon-cost{font-size:9px;color:#ada1b4}.shelf-items .next-card.is-ready .addon-cost{color:#75a390}.project-switcher{position:relative;min-width:0}.project-title{max-width:185px}#project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-projects{position:absolute;left:0;top:calc(100% + 12px);width:298px;padding:8px;border:1px solid #eae5ed;border-radius:12px;background:#fff;box-shadow:0 15px 45px #36233c24;z-index:30;text-align:left}.recent-heading{padding:3px 8px 9px;font-size:10px;color:#a395aa;display:flex;align-items:center;justify-content:space-between}.recent-heading button{padding:6px;border-radius:4px}.recent-heading svg{width:13px;height:13px}.recent-list{max-height:356px;overflow:auto}.recent-project{display:flex;width:100%;gap:11px;justify-content:flex-start;text-align:left;padding:9px 8px;border-radius:7px}.recent-project:hover{background:#f6f2f8}.recent-project.current{background:#fff3f9}.recent-blank,.recent-project>img{width:32px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0}.recent-blank{display:grid;place-items:center;background:#f0eaf3;color:#b99ac0}.recent-project>span:not(.recent-blank){min-width:0}.recent-project strong{font-size:11px;font-weight:500;color:#67576f;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:188px}.recent-project small{font-size:9px;color:#a79aad;margin-top:5px;display:block}.recent-project b{color:#c66a97;margin-left:auto;font-size:11px}.recent-footer{display:flex;justify-content:space-between;border-top:1px solid #eee9f1;padding:9px 3px 2px;margin-top:7px}.recent-footer button{font-size:10px;border-radius:5px;padding:6px;color:#a16b8f}.recent-footer svg{width:13px;height:13px}@media (max-width:1400px){.next-step-heading p{flex-basis:100%;margin-left:0}.next-recommend{display:none}}@media (max-width:1180px) and (min-width:651px){.studio:not(.editor-collapsed) .shelf-items{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-items .next-card,.studio.editor-collapsed .shelf-items .next-card{padding:12px 10px 10px}.next-card-heading strong{font-size:11px}.next-card-heading svg{width:14px;height:14px}}@media (max-width:650px){.project-title{max-width:128px}.recent-projects{width:min(298px,calc(100vw - 60px));left:-27px;top:calc(100% + 15px)}.recent-list{max-height:min(356px,50dvh)}.generated-copy{margin-bottom:12px;padding:12px}.asset-shelf{padding:12px 0 12px 14px}.next-step-heading{padding-right:14px;margin-bottom:11px;gap:5px}.next-step-heading h2{font-size:12px}.next-export,.next-step-heading p{font-size:9px}.next-export{padding:6px}.shelf-items,.studio.editor-collapsed .shelf-items{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 14px 3px 0}.shelf-items .next-card,.studio.editor-collapsed .shelf-items .next-card{min-width:205px;min-height:108px;scroll-snap-align:start;padding:12px}.next-recommend{display:inline}.art-edit-toolbar button{min-width:29px;padding:7px}}.generation-center{scale:calc(1 / var(--canvas-zoom, 1));width:calc(100% * var(--canvas-zoom, 1));flex-shrink:0}@media (max-width:650px){.studio.editor-collapsed .canvas-heading .canvas-hint{display:none}.generation-center{padding:14px 10px}.generation-symbol{width:40px;height:40px;margin-bottom:12px}.generation-symbol svg{width:23px;height:23px}.generation-center strong{font-size:13px}.generation-center p{font-size:10px}.generation-track{margin-top:15px;width:80px}.generation-secondary{margin-top:10px;font-size:10px}.generation-center .primary{margin-top:14px;padding:8px 14px;font-size:11px}.generation-dimensions{bottom:12px}}.art-card{overflow:visible}.art-card.selected,.art-card:focus-within{z-index:3}.asset-dock{position:absolute;scale:calc(1 / var(--canvas-zoom, 1));transform-origin:top left;width:42px;background:#ffffffed;border:1px solid #e8e3eb;border-radius:11px;box-shadow:0 5px 16px #3927420c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s}.art-card.selected .asset-dock,.art-card:focus-within .asset-dock{opacity:1;visibility:visible;pointer-events:auto}.asset-dock:before{content:"";position:absolute;right:100%;top:0;width:15px;height:100%}.dock-extensions,.dock-tools{display:flex;flex-direction:column;gap:3px}.asset-dock button{width:30px;height:32px;padding:6px;border-radius:6px;position:relative;color:#8d8198}.asset-dock button>svg{stroke-width:1.6}.asset-dock button:focus-visible,.asset-dock button:hover{color:#cc4c85;background:#fff0f7}.dock-divider{height:1px;background:#ece5ee;margin:7px 3px}.dock-extensions button{color:#c16d95;background:#fdf5f9}.dock-plus{position:absolute;right:2px;bottom:2px;height:11px;width:11px;line-height:10px;font-size:10px;color:#c66c97;background:#fff;border-radius:50%;border:1px solid #f0d9e5}.asset-dock button:after{content:attr(data-tip);position:absolute;right:calc(100% + 15px);top:50%;translate:0 -50%;white-space:nowrap;padding:7px 10px;font-size:11px;line-height:1.5;border-radius:6px;color:#fff;background:#554659;box-shadow:0 3px 9px #30253512;opacity:0;visibility:hidden;pointer-events:none}.asset-dock button:focus-visible:after,.asset-dock button:hover:after{opacity:1;visibility:visible}.context-shelf{height:143px;min-height:143px;padding:14px 21px 16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #e7e3eb;background:#fff}.continuation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.continuation-source{display:flex;align-items:center;gap:9px;min-width:0}.continuation-source>img{width:25px;height:33px;object-fit:cover;border-radius:4px;border:1px solid #e8dce5}.continuation-source>div{display:flex;flex-direction:column;gap:4px}.continuation-source>div>span{font-size:8px;color:#aea0b2}.continuation-source strong{font-size:10px;font-weight:550;color:#7c6985}.continuation-source .source-arrow{color:#c7bacd;margin:0 7px;font-size:15px}.continuation-source h2{font-size:13px;font-weight:550;color:#68576f}.continuation-heading .next-export{border:0;font-size:10px;color:#9c8aa7;padding:7px}.continuation-heading .next-export svg{width:13px;height:13px}.continuation-actions{display:grid;grid-template-columns:repeat(var(--action-count),minmax(0,1fr));gap:10px;min-height:63px}.continuation-action{display:flex;justify-content:flex-start;gap:9px;padding:11px 12px;border-radius:8px;border:1px solid #ece6ef;background:#fff;text-align:left;min-width:0}.continuation-action.suggested{background:#fff7fb;border-color:#f0d3e2}.continuation-action:hover{background:#fcf0f7;border-color:#ddb9ce}.continuation-icon{display:grid;place-items:center;width:28px;height:30px;color:#aa8db4;flex:none}.suggested .continuation-icon{color:#cb77a1}.continuation-icon svg{width:21px;height:21px;stroke-width:1.4}.continuation-label{min-width:0}.continuation-label strong{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:550;color:#6e567a;white-space:nowrap}.continuation-label strong>span{color:#b797c3;font-weight:400}.continuation-label small{display:block;color:#a594ae;font-size:9px;line-height:1.6;margin-top:5px;white-space:nowrap}.continuation-cost{margin-left:auto;font-size:9px;color:#b09dba;white-space:nowrap}.continuation-wait{height:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#a696ae;flex-wrap:wrap;align-content:center}.continuation-wait>svg{color:#b5a4bb}.continuation-wait small{flex-basis:100%;text-align:center;font-size:9px;color:#baafc0;margin-top:3px}.asset-nav{display:flex;gap:7px;padding:7px 13px;background:#faf9fc;border-bottom:1px solid #ebe7ef;height:44px;min-height:44px;overflow-x:auto;scrollbar-width:none}.asset-nav button{flex-shrink:0;padding:3px 8px 3px 4px;border:1px solid transparent;border-radius:5px;font-size:9px;color:#a08fa9}.asset-nav button[aria-pressed=true]{background:#fff;border-color:#e9c1d6;color:#bd638d}.asset-nav img{width:17px;height:23px;border-radius:3px;object-fit:cover}.extension-source{display:flex;gap:17px;align-items:center;background:#f7f4f9;border:1px solid #ebe2ef;padding:14px;border-radius:10px;margin:4px 0 20px}.extension-source>img{height:110px;width:78px;object-fit:contain;background:#fff;border-radius:4px}.extension-source small{font-size:10px;color:#a594af;display:block}.extension-source strong{display:block;font-weight:550;font-size:14px;margin-top:7px;color:#715c7c}.extension-source p{margin:8px 0 0;font-size:11px;color:#a493ad}.motion-label{display:block;font-size:11px;margin-bottom:9px;color:#8d7798}#motion-idea{font-size:12px;height:82px}.extension-history{margin-top:17px;border-top:1px solid #eae3ef;padding-top:12px}.extension-history summary{font-size:11px;color:#9983a3;cursor:pointer}.extension-history button{display:flex;justify-content:space-between;width:100%;font-size:11px;padding:10px 6px;color:#8a7695;text-align:left}@media (max-width:1300px){.continuation-cost{display:none}.continuation-action{padding:11px 10px;gap:7px}.continuation-icon{width:24px}.continuation-label small{font-size:8px}}@media (max-width:1180px){.context-shelf{padding:14px 16px 16px}.studio:not(.editor-collapsed) .continuation-actions{display:flex;overflow-x:auto;scrollbar-width:thin}.studio:not(.editor-collapsed) .continuation-action{min-width:205px}}@media (max-width:650px){.context-shelf{height:140px;min-height:140px;padding:12px 0 12px 14px;gap:12px}.continuation-heading{padding-right:13px}.continuation-source>img{width:24px;height:30px}.continuation-source>div>span{font-size:8px}.continuation-source strong{font-size:9px}.continuation-source .source-arrow{margin:0 2px}.continuation-source h2{font-size:12px}.continuation-heading .next-export{font-size:9px;padding:6px}.continuation-actions{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-right:14px;padding-bottom:3px;gap:8px;min-height:64px}.continuation-action{min-width:228px;scroll-snap-align:start;padding:11px 12px}.continuation-label small{font-size:9px}.continuation-cost{display:inline}.continuation-wait{padding-right:14px;font-size:10px}.asset-dock{width:44px}.asset-dock button{width:32px;height:34px}}@media (prefers-reduced-motion:reduce){.asset-dock{transition:none}}.context-shelf .continuation-cost{display:inline}.extension-cost{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8c689d;padding-bottom:13px}.extension-cost span{font-size:10px;color:#b1a0ba}.studio.selection-cleared .asset-dock{opacity:0;visibility:hidden;pointer-events:none}.dock-extensions button.completed{color:#b5afba;opacity:1;cursor:default}.dock-extensions button.completed>svg{opacity:.7}.dock-extensions button.completed .dock-plus{color:#8fab9f;border-color:#e1e9e5;background:#f4f8f6}.dock-extensions button:disabled:hover{background:#f6f5f7;color:#b5afba}.story-copy-caption{margin:12px 0 0;padding:0 0 0 10px;border-left:2px solid #e5d7e7;color:#82748a;font-size:14px;font-weight:400;line-height:1.9;white-space:normal;overflow-wrap:anywhere;user-select:text;cursor:text}.materials-shelf{height:130px;min-height:130px;padding:14px 18px 16px;background:#fff;border-top:1px solid #e7e3eb;display:flex;flex-direction:column;gap:14px}.materials-heading{display:flex;align-items:center;gap:14px;min-height:22px}.materials-heading h2{display:flex;align-items:center;gap:10px;font-size:12px;color:#62516d;font-weight:550;white-space:nowrap}.materials-heading h2>span{color:#a092aa;font-size:10px;font-weight:400}.materials-note{font-size:9px;color:#b4a5bc}.materials-heading .next-export{margin-left:auto;font-size:9px;padding:5px 7px;border:0;color:#9f8dab}.materials-heading .next-export svg{width:13px;height:13px}.material-list{display:grid;gap:8px;min-height:62px}.material-tile{display:flex;align-items:center;padding:10px 9px;border:1px solid #ebe6ef;border-radius:8px;min-width:0;background:#fdfcfe}.material-tile.ready{background:#fcfdfc;border-color:#e5ebe7}.material-tile.active{border-color:#d1bbdb}.material-mark{display:grid;place-items:center;height:31px;flex:none;color:#b2a2bf}.material-mark img{width:23px;height:31px;object-fit:contain;border-radius:3px}.material-mark svg{width:19px;height:19px;stroke-width:1.5}.material-detail{min-width:0}.material-detail strong{display:block;font-size:11px;color:#62566c;font-weight:500;white-space:nowrap}.material-detail>span{display:flex;align-items:center;gap:4px;color:#95869f;font-size:10px;white-space:nowrap}.material-detail i{width:4px;height:4px;border-radius:50%;background:currentColor}.ready .material-detail>span{color:#678877}.outdated .material-detail>span{color:#b8956e}.failed .material-detail>span{color:#c17892}.material-tile>button{margin-left:auto;width:25px;height:28px;flex:none;padding:5px;border-radius:6px;color:#b17d9e;background:#f9edf5;font-size:13px}.material-tile>button svg{width:14px;height:14px}.material-tile>button:hover{color:#c2508c;background:#f8e2ef}.material-tile.ready>button{color:#a9b3ad;background:transparent}.material-tile.ready>button:hover{background:#edf4ef;color:#668774}.material-tile.blocked>button,.material-tile.pending>button{color:#c2b7ca;background:transparent}.material-tile.pending .material-mark{animation:material-breathe 1.8s ease-in-out infinite}.preview-body{padding-bottom:20px}#viewport:focus{outline:none}@keyframes material-breathe{50%{opacity:.35}}@media (max-width:1300px){.materials-note{display:none}.material-tile{gap:6px;padding:10px 8px}.material-tile>button{width:22px}.material-detail strong{font-size:11px}.material-detail>span{font-size:10px}}@media (max-width:1180px) and (min-width:651px){.studio:not(.editor-collapsed) .material-list{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.studio:not(.editor-collapsed) .material-tile{min-width:147px}}@media (max-width:650px){.materials-shelf{height:126px;min-height:126px;padding:12px 0 12px 13px;gap:12px}.material-list,.materials-heading{padding-right:13px}.material-list{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:3px;gap:7px}.material-tile{min-width:140px;scroll-snap-align:start;padding:9px}.material-detail strong{font-size:11px}.material-detail>span{font-size:10px}.story-copy-caption{font-size:20px;line-height:1.7}}.materials-heading:has(+.material-list [data-material=cover-video][data-state=ready]) .materials-note{display:inline}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a:focus-visible,button:focus-visible{outline:2px solid #df3b7b;outline-offset:3px}.canvas-viewport{background-color:#f7f7f9;background-image:radial-gradient(#dddde5 .7px,transparent 0);background-size:22px 22px}.canvas-heading,.selection-dot{display:none!important}.field-error{color:#b42b52;font-size:12px;line-height:1.65;margin:7px 0 0}.field-error:empty{display:none}[aria-invalid=true]{border-color:#c43758!important}.style-help{color:#77717e;font-size:11px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-grid button{position:relative;display:flex;flex-direction:column;gap:7px;padding:4px 4px 7px;border:1px solid #e8e2eb;border-radius:8px;background:#fff;font-size:10px;color:#5f5665}.preset-grid button.active{border-color:#ed3a7d;background:#fff3f8;color:#b82c64}.preset-grid button>svg{position:absolute;top:7px;right:7px;width:15px;height:15px;color:#fff;background:#db326f;border-radius:50%;padding:2px}.style-sample{width:100%;aspect-ratio:3/4;border-radius:5px;background:url(/kakameme/red-packet/studio-examples/style-comparison.png) var(--sample-position) center /500% 100% no-repeat}.has-cover .editor #style-content,.has-cover .editor .brief-note,.has-cover .editor .reference-card,.has-cover .editor .segmented,.has-cover .editor .style-title{display:none}.has-cover .editor #idea{height:130px;min-height:90px;border:0;background:#f8f7fa;color:#655c6c;cursor:default;resize:none}.has-cover #idea-count{display:none}.completed-brief{font-size:12px;line-height:1.8;color:#766b7d;margin-top:15px;overflow-wrap:anywhere}.has-cover .generate-footer{padding:18px 18px 20px}.editor-next-title strong{display:block;font-size:16px;font-weight:600;margin:12px 0 6px}.editor-next-title p{font-size:11px;color:#746c7b;line-height:1.7;text-align:left;margin-bottom:15px}.editor-next-action{display:flex;gap:8px;width:100%;align-items:center;min-height:46px;border:1px solid #e7e2eb;border-radius:8px;margin-top:8px;padding:10px;color:#66596e;background:#fff;text-align:left}.editor-next-action>svg{width:16px;height:16px;flex:none}.editor-next-action>span{font-size:12px;white-space:nowrap}.editor-next-action>small{margin-left:auto;color:#75697d;font-size:10px;white-space:nowrap}.editor-next-action>svg:last-child{height:13px;color:#a37096}.editor-next-action.missing{background:#fff8fb;border-color:#edd7e3}.editor-next-action.ready small{color:#47765b}.editor-next-action:hover{background:#f9eef5;border-color:#d3afc5}.asset-dock{width:60px;padding:5px;border-radius:12px;left:calc(100% + 12px / var(--canvas-zoom, 1));background:#fffffff5}.asset-dock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:48px;min-height:42px;height:auto;padding:6px 1px;color:#6d6076;font-size:10px;line-height:1.2}.asset-dock button>svg{width:17px;height:17px}.asset-dock button:after{display:none}.dock-extensions,.dock-tools{gap:2px}.dock-divider{margin:5px 3px}.dock-extensions button{color:#ae5080}.dock-extensions button.completed{color:#93899a;background:#f6f5f7}.dock-check{position:absolute;top:5px;right:7px;font-size:8px;font-style:normal;color:#658976}.version-button{padding:2px 5px;color:#776b81;font-size:11px;border-radius:4px}.version-button:hover{background:#eee8f1;color:#a64f83}.art-label{font-size:12px}.card-use-button{font-size:10px;padding:4px 6px;color:#b43066}.used-tag{color:#347359;background:#eaf4ee}.art-caption,.asset-detail{color:#766d7f}.art-caption{max-height:3.3em;overflow:hidden}.story-copy-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;width:100%;padding:0 0 0 9px;border-radius:0;color:#6b5f76;font-size:16px;line-height:1.75}.story-copy-caption:hover{color:#a74b7d}.story-full-description{font-size:16px;line-height:2}.materials-shelf{height:125px;min-height:125px;padding:13px 18px 14px;gap:12px}.materials-heading{min-height:21px}.materials-heading h2{font-size:13px;color:#4d4255}.materials-heading h2>span{color:#786c81;font-size:11px}.materials-note{color:#766b7e;font-size:10px;margin-left:auto}.materials-toggle{display:none}.material-list{min-height:63px;grid-template-columns:repeat(5,minmax(0,1fr))}.material-tile{text-align:left;cursor:pointer;transition:background .12s,border-color .12s;padding:10px;gap:8px}.material-tile:hover{border-color:#d3adc4;background:#fff5fa}.material-tile.active{border-color:#d5b5c9;background:#fff8fc}.material-detail strong{font-size:12px;color:#5a4e62;font-weight:550}.material-detail>span{font-size:11px;color:#7b6d84;margin-top:6px}.ready .material-detail>span{color:#4b775f}.outdated .material-detail>span{color:#936328}.failed .material-detail>span{color:#b23962}.material-mark{width:24px;color:#8d759b}.material-action-icon{display:grid;place-items:center;margin-left:auto;width:20px;flex:none;color:#a66187}.material-action-icon svg{width:15px;height:15px}.ready .material-action-icon{color:#648774}.material-tile.pending .material-action-icon{color:#8d7699}.material-tile.blocked .material-action-icon{color:#96869f}.preview-source{font-size:11px;color:#6f6379}.preview-caption{font-size:11px;color:#756a7e;line-height:1.8}.preview-use{display:block;margin:7px auto 0;padding:7px 10px;border:1px solid #e6cddd;border-radius:7px;color:#aa3b70;background:#fff8fb}.empty-phone{padding:24px 12px;gap:14px}.empty-phone>strong{font-size:13px;font-weight:500;color:#685c74}.empty-phone>span{color:#7d7385;font-size:11px}.empty-phone .primary{height:36px;font-size:11px;margin-top:5px}.preview-note{font-size:11px;line-height:1.8;color:#81758a}.selection-warning button{color:#8a5928;display:flex;font-size:11px;padding:8px 0 0}.zoom-controls #zoom-value{width:48px;font-size:11px;color:#70657b}.job-frame{height:315px;display:grid;place-items:center;border:1px solid #e3d3e8;border-radius:8px;background:linear-gradient(140deg,#fcf4f9,#f5f0f9);position:relative}.asset-job:has(+.cover) .job-frame{height:454px}.asset-job .job-content{display:flex;flex-direction:column;align-items:center;width:178px;padding:14px;text-align:center;transform:scale(min(1.3,calc(1 / var(--canvas-zoom, 1))))}.job-content>svg{color:#c16b9a;width:26px;height:26px;margin-bottom:16px}.job-content strong{color:#80638f;font-size:14px;font-weight:500}.job-content p{font-size:11px;line-height:1.8;color:#89748f;margin:9px 0 17px}.job-content button{font-size:11px;padding:7px 12px}.job-cancel{color:#917b9c;margin-top:15px}.asset-job.failed .job-frame{border-color:#e6b9c9;background:#fff5f8}.asset-job .generation-track{width:105px}.motion-badge{position:absolute;bottom:10px;left:10px;padding:6px 8px;border-radius:5px;background:#ffffffed;display:flex;align-items:center;gap:5px;color:#795b89;font-size:11px}.motion-badge svg{width:15px;height:15px}.art-hit>video{display:block;width:100%;height:auto;border-radius:2px;pointer-events:none}.result-video-player{display:block;width:100%;height:min(470px,55vh);object-fit:contain;background:#f5f3f6;border-radius:8px}.version-preview .result-video-player{height:310px}.video-file-meta{text-align:center;font-size:12px;color:#81708d;margin:12px 0}.preview-format{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 13px}.preview-format-options{display:flex;padding:3px;gap:2px;background:#f3f1f5;border-radius:7px}.preview-format-options button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:5px 6px;border-radius:5px;font-size:10px;white-space:nowrap;color:#786b80}.preview-format-options button svg{width:12px;height:12px}.preview-format-options button[aria-pressed=true]{color:#b5376e;background:#fff;box-shadow:0 1px 3px #34203012}.recent-video-example{display:flex;align-items:center;gap:7px;width:100%;padding:13px 12px;border-top:1px solid #eee9f0;border-radius:0;font-size:12px;color:#8e557b;text-align:left}.recent-video-example svg{width:16px;height:16px}.recent-video-example>span{margin-left:auto;font-size:10px;color:#927f9c}.recent-video-example:hover{background:#fff5fa}.version-workspace{display:grid;grid-template-columns:180px 1fr;min-height:370px;gap:22px}.version-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.version-list button{display:flex;align-items:center;gap:9px;min-height:64px;text-align:left;padding:8px;border:1px solid #eee7f0;border-radius:7px;flex:none}.version-list button[aria-pressed=true]{border-color:#d9a3c3;background:#fff4fa}.version-list img{width:32px;height:44px;object-fit:contain;border-radius:3px}.version-list strong{font-size:12px;font-weight:500}.version-list small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:10px;line-height:1.6;color:#8b7c94}.version-preview{text-align:center;min-width:0}.version-preview>img{width:100%;height:310px;object-fit:contain;background:#f7f5f8;border-radius:6px}.version-preview>strong{font-size:12px;display:block;margin-top:11px;font-weight:500}.version-preview>p{text-align:left;font-size:12px;margin-top:9px;line-height:1.8}.history-intro{margin:0 0 18px;font-size:12px}.export-summary{color:#685775}.export-demo-note{margin-top:17px;font-size:11px;color:#8b7b96}.export-outdated{margin-top:20px;padding:14px;background:#fff9ef;border:1px solid #efe2cc;border-radius:8px}.export-outdated button,.export-outdated>strong{font-size:12px;color:#976824}.export-outdated button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:10px 0}.export-outdated button>span{margin-right:auto}.export-outdated small{display:block;font-size:10px;margin-top:4px}.export-outdated svg{width:14px;height:14px}.rename-error{color:#b42b52;font-size:12px}.extension-explanation{font-size:12px;color:#81708d;line-height:1.8}#extension-idea{min-height:90px;font-size:13px}.motion-label{font-size:12px;color:#6f5d7b}.motion-label>span{color:#9b8aa6;font-size:11px;margin-left:7px}@media (max-width:1300px){.materials-note{display:none}.material-tile{padding:9px 8px;gap:6px}.material-detail strong{font-size:12px}.material-detail>span{font-size:11px}}@media (max-width:1180px) and (min-width:651px){.studio:not(.editor-collapsed) .material-list{display:flex}.studio:not(.editor-collapsed) .material-tile{min-width:154px}}@media (max-width:650px){.prototype-bar{height:22px;min-height:22px;font-size:9px}.topbar{height:57px;min-height:57px}.topbar .secondary{font-size:0;min-width:34px;padding:7px}.topbar .secondary svg{width:18px}.topbar .primary{font-size:11px}.mobile-nav,.workspace-toolbar{min-height:40px;height:40px}.workspace-toolbar{padding:0 10px}.tools-right [data-action=toggle-preview],.workspace-toolbar .brief-toggle,.workspace-toolbar .toolbar-divider{display:none}.workspace-toolbar .view-switch button{font-size:11px}.asset-nav{height:38px;min-height:38px;padding:4px 10px}.asset-nav button{font-size:10px}.materials-shelf{height:52px;min-height:52px;padding:9px 12px;gap:11px}.materials-shelf:not(.expanded) .material-list{display:none}.materials-heading{padding:0;height:31px}.materials-heading h2{font-size:13px;gap:9px}.materials-heading h2>span{font-size:11px}.materials-toggle{display:flex;align-items:center;margin-left:auto;gap:6px;min-height:32px;font-size:12px;color:#82678e}.materials-toggle svg{width:13px;height:13px;rotate:-90deg}.materials-shelf.expanded{height:272px;min-height:272px}.materials-shelf.expanded .materials-toggle svg{rotate:90deg}.material-list,.studio:not(.editor-collapsed) .material-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;overflow:auto}.material-tile,.studio:not(.editor-collapsed) .material-tile{min-width:0;min-height:59px;padding:8px 9px}.material-detail strong{font-size:12px}.material-detail>span{font-size:11px}.asset-dock{width:60px}.asset-dock button{width:48px;min-height:44px}.story-copy-caption{font-size:18px;-webkit-line-clamp:2}.canvas-status{display:none}.version-workspace{grid-template-columns:104px 1fr;gap:12px}.version-list button{gap:6px;padding:6px;flex-direction:column;align-items:flex-start}.version-list img{display:none}.version-preview .result-video-player,.version-preview>img{height:270px}.preview-format-options button{min-height:32px;font-size:11px;padding:6px 9px}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer>button{font-size:12px}.has-cover .generate-footer{padding:18px 22px}.has-cover .editor-scroll{flex:1}}@media (prefers-reduced-motion:reduce){.material-tile.pending .material-mark{animation:none}}@media (max-width:1300px){.materials-note{display:none!important}}.empty-state{padding:34px 28px;overflow-y:auto}.inspiration-intro{text-align:center;flex:none}.inspiration-eyebrow{font-size:11px;letter-spacing:2px;color:#9b6d80}.empty-state h1{font-size:clamp(21px,2vw,27px);font-weight:550;line-height:1.45;letter-spacing:-.5px;margin:13px 0 0}.empty-state p{font-size:12px;color:#817784;margin:12px 0 0}.inspiration-gallery{width:min(100%,550px);display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:13px;align-items:center;margin:38px 0 22px;padding:13px 8px;flex:none}.inspiration-card{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0;padding:0;background:transparent;border-radius:10px}.packet-preview{display:block;position:relative;width:100%;aspect-ratio:184/310;overflow:hidden;border-radius:13px;background:#ff5147;border:3px solid #fff;box-shadow:0 12px 24px -12px #6448424d;transition:transform .18s ease,box-shadow .18s ease}.packet-media{position:absolute;inset:0 0 auto;height:86%}.packet-media>img,.packet-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.packet-shade{position:absolute;inset:0;background:linear-gradient(#23100c40,transparent 40%);pointer-events:none}.packet-copy{position:absolute;top:10%;left:4px;right:4px;text-align:center;color:#fff7e6;text-shadow:0 1px 6px #26110660}.packet-copy small{display:block;font-size:9px;margin-bottom:7px}.packet-copy strong{display:block;font-size:11px;font-weight:500;white-space:nowrap}.packet-bottom{position:absolute;width:130%;left:-15%;bottom:-8%;height:34%;background:#ff5147;border-radius:50% 50% 0 0}.packet-coin{position:absolute;width:24%;aspect-ratio:1;left:38%;top:74%;display:grid;place-items:center;padding:0;border-radius:50%;background:#edca83;color:#795120;font-family:Songti SC,serif;font-size:22px;font-weight:400;border:1px solid #dcb976;box-shadow:0 2px 3px #c86b4226}button.packet-coin:hover{background:#f8d994}.packet-video-label{position:absolute;bottom:6%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;font-size:8px;color:#ffded1}.packet-video-label svg{width:11px;height:11px}.inspiration-couple .packet-preview{transform:rotate(-4deg)}.inspiration-festive .packet-preview{transform:rotate(4deg)}.inspiration-cinema{transform:translateY(-12px)}.inspiration-name{font-size:11px;color:#766873}.inspiration-card:focus-visible .packet-preview,.inspiration-card:hover .packet-preview{transform:translateY(-4px);box-shadow:0 16px 28px -12px #64484266}.inspiration-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.inspiration-footnote{font-size:10px;color:#897d85}.packet-detail{display:flex;justify-content:center;padding:4px 0}.packet-detail .packet-preview{width:min(280px,34vh)}.packet-detail .packet-copy small{font-size:12px}.packet-detail .packet-copy strong{font-size:16px}.packet-detail .packet-coin{font-size:30px}.packet-detail .packet-video-label{font-size:10px}.packet-detail-hint{font-size:12px;color:#85717d;margin-right:auto;align-self:center}.inspiration-story-detail{width:min(280px,34vh);aspect-ratio:3/5;position:relative;overflow:hidden;border-radius:12px;background:#efe8e4}.inspiration-story-detail>img,.inspiration-story-detail>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.showing-example .live-label{color:#896849;background:#f8f1e9;border:1px solid #ebddcb;border-radius:4px;padding:3px 6px}.showing-example .preview-source{display:flex;align-items:center;justify-content:center;gap:8px;min-height:27px}.example-playback{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid #e7e0e5;border-radius:5px;font-size:10px;color:#796577;background:#fff}.example-playback:hover{background:#f7f2f5}.example-playback{gap:4px}.example-playback>svg{width:12px;height:12px}.showing-example .preview-caption small{display:block;font-size:10px;color:#948794;margin-top:5px}.sample-cover-media{position:absolute;inset:0 0 auto;height:86%}.sample-cover-media>img,.sample-cover-media>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top}.story-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-pack .chat-bubble>img{width:auto;height:177.778%;max-width:none;top:-44.445%;left:50%;transform:translateX(-50%)}@media (max-width:650px){.empty-state{padding:32px 20px}.empty-state h1{font-size:23px}.inspiration-gallery{gap:10px;padding:12px 5px;margin-top:32px}.packet-preview{border-width:2px;border-radius:9px}.packet-copy{top:9%}.packet-copy small{font-size:7px;margin-bottom:5px}.packet-copy strong{font-size:8px}.packet-coin{font-size:15px}.packet-video-label{font-size:7px;gap:3px;bottom:5%}.packet-video-label svg{width:9px;height:9px}.inspiration-card{gap:14px}.inspiration-name{font-size:10px}.showing-example .preview-source{min-height:32px}.example-playback{min-height:32px;padding:6px 10px;font-size:11px}}@media (max-height:650px){.empty-state{justify-content:flex-start;padding-top:24px}.inspiration-gallery{width:min(100%,420px);margin-top:26px}}@media (prefers-reduced-motion:reduce){.packet-preview{transition:none}}.has-cover .editor .generate-footer{order:1;border-top:0;border-bottom:1px solid #ece8ee}.has-cover .editor .editor-scroll{order:2;padding-top:8px}.has-cover .editor .section-title label{font-size:11px;color:#847889}.has-cover .editor #idea{height:110px;min-height:75px;line-height:1.8}.has-cover .editor-next-title strong{margin-top:0}.has-cover .editor-next-action{min-height:50px}.asset-nav{align-items:center;height:51px;min-height:51px;gap:8px;background:#fff}.asset-nav button{display:inline-flex;align-items:center;gap:7px;min-height:36px;font-size:11px;padding:5px 9px 5px 5px;color:#6f6475}.asset-nav img{width:21px;height:28px}.asset-nav small{display:inline-flex;align-items:center;gap:3px;color:#8d5875;font-size:10px}.asset-nav small svg{width:12px;height:12px}.asset-nav button[aria-pressed=true]{background:#fff4f9;border-color:#e7bbcf;color:#a43163}.asset-dock{top:31px}.asset-dock button{min-height:44px}.canvas-playback{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;min-height:32px;padding:7px 10px;border-radius:6px;font-size:11px;color:#fff;background:#302830e8;scale:calc(1 / var(--canvas-zoom, 1));transform-origin:bottom right}.canvas-playback:hover{background:#594152}.canvas-playback svg{width:13px;height:13px}.motion-badge{scale:calc(1 / var(--canvas-zoom, 1));transform-origin:bottom left}.material-mark{position:relative}.material-video-icon{position:absolute;bottom:-2px;right:-4px;width:15px;height:15px;display:grid;place-items:center;border-radius:4px;background:#fff;color:#a3386a;box-shadow:0 1px 4px #36233220}.material-video-icon svg{width:12px;height:12px}.single-asset-view .art-label{scale:calc(1 / var(--canvas-zoom, 1));transform-origin:bottom left;width:calc(100% * var(--canvas-zoom, 1))}.single-asset-view .art-caption,.single-asset-view .asset-detail{scale:calc(1 / var(--canvas-zoom, 1));transform-origin:top left;width:calc(100% * var(--canvas-zoom, 1));font-size:11px}.single-asset-view .art-caption{margin-top:12px}.single-asset-view .story-copy-caption{margin-top:18px;font-size:18px;line-height:1.7}.view-switch button{white-space:nowrap}.canvas-controls{gap:8px}.workspace-toolbar{padding-left:14px;padding-right:14px;gap:8px}@media (max-width:1400px) and (min-width:651px){.brief-toggle span:last-child,.tools-right .quiet span:last-child{display:none}.view-switch button{padding:7px}}@media (max-width:650px){.studio,.studio.editor-collapsed,.studio.editor-collapsed.preview-hidden,.studio.preview-hidden{height:calc(100dvh - 119px);min-height:0}.canvas-viewport{min-height:120px}.workspace-toolbar{padding:0 10px;min-height:44px}.workspace-toolbar .view-switch button{min-height:36px;font-size:11px;padding:7px 9px}.asset-nav{min-height:48px;height:48px;padding:4px 10px}.asset-nav button{min-height:38px}.materials-toggle{min-height:36px}.materials-shelf.expanded{height:270px;min-height:270px}.has-cover .editor .generate-footer{flex:none;padding:16px 22px}.has-cover .editor .editor-scroll{flex:1}.has-cover .editor{overflow-y:auto}.has-cover .editor-next-action{min-height:48px}.canvas-playback{min-height:36px}.toast{bottom:65px;max-width:calc(100vw - 32px);width:max-content;font-size:12px;line-height:1.6}.export-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:5px 10px}.export-row img{grid-row:1/3}.export-row span{display:block;grid-column:2;grid-row:2;margin:0;font-size:10px}.export-row a{grid-column:3;grid-row:1/3;min-height:36px;display:flex;align-items:center}.studio .materials-shelf:not(.expanded) .material-list{display:none}}.art-card.outdated .art-caption{color:#926128}.modal-body .version-source-warning{color:#926128;background:#fff8e9;border-radius:6px;padding:10px;margin-top:12px;font-size:11px}@media (min-width:651px) and (max-width:1400px){.studio .material-list,.studio:not(.editor-collapsed) .material-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:6px}.studio .material-tile,.studio:not(.editor-collapsed) .material-tile{min-width:0;padding:8px 6px;gap:6px}.material-tile .material-mark{width:20px;flex:none}.material-detail strong{font-size:11px}.material-detail>span{font-size:10px}.material-action-icon{display:none}}.single-asset-view .card-use-button{min-height:28px;font-size:11px;background:#fff0f6;border:1px solid #efd0df;border-radius:5px}.single-asset-view .used-tag{font-size:10px}.art-label{scale:calc(1 / var(--canvas-zoom, 1));transform-origin:bottom left;width:calc(100% * var(--canvas-zoom, 1));gap:5px}.workspace:not(.single-asset-view) .canvas-playback{display:none}.workspace:not(.single-asset-view) .motion-badge{scale:min(1.6,calc(1 / var(--canvas-zoom, 1)))}.empty-toolbar-label{display:none;color:#8c828b;font-size:12px}.empty-workspace #arrange-button,.empty-workspace .view-switch{display:none}.empty-workspace .empty-toolbar-label{display:inline}.empty-state{background:#f7f6f8;gap:0;padding:28px 24px}.empty-state .inspiration-gallery{display:block;width:clamp(170px,24vh,230px);padding:0;margin:26px 0 20px}.empty-state .inspiration-card{width:100%}.empty-state .packet-preview{transform:none}.empty-state .inspiration-card:hover .packet-preview{transform:translateY(-2px)}.inspiration-options{display:flex;justify-content:center;gap:5px;margin-bottom:17px}.inspiration-options button{padding:8px 12px;font-size:11px;color:#8c818b;border-radius:6px;border:1px solid transparent}.inspiration-options button:hover{background:#eeebef;color:#544950}.inspiration-options button[aria-pressed=true]{background:#fff;border-color:#e5dfe5;color:#51464e}.inspiration-options button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}@media (max-width:650px){.empty-workspace .workspace-toolbar{display:none}.empty-state{padding:22px 16px}.empty-state h1{font-size:21px;margin-top:8px}.empty-state .inspiration-gallery{width:clamp(140px,23vh,195px);margin:19px 0 15px}.inspiration-options{margin-bottom:12px}}.panel-edge{display:none;background:#fff}.panel-edge button{width:100%;display:flex;flex-direction:column;gap:12px;padding:19px 0;color:#7c717d;border-radius:0}.panel-edge button>span:last-child{writing-mode:vertical-rl;font-size:12px;letter-spacing:2px}.panel-edge button:hover{color:var(--pink);background:#fff4f8}.panel-collapse:focus-visible,.panel-edge button:focus-visible{outline:2px solid var(--pink);outline-offset:-3px}.panel-edge svg{width:16px;height:16px}.panel-collapse{width:28px;height:32px;flex:none;padding:6px;color:#8d828d}.preview .panel-heading{gap:7px;padding:0 12px}.preview .panel-heading h2{white-space:nowrap}.preview .live-label{margin-left:auto;flex:none}.preview .panel-collapse{margin-left:0}@media (min-width:651px){.studio{--editor-space:var(--settings);--preview-space:var(--inspector)}.studio,.studio.editor-collapsed,.studio.editor-collapsed.preview-hidden,.studio.preview-hidden{position:relative;grid-template-columns:var(--editor-space) minmax(0,1fr) var(
          --preview-space
        )}.studio.editor-collapsed{--editor-space:44px}.studio.preview-hidden{--preview-space:44px}.studio>.editor,.studio>.editor-edge{grid-column:1;grid-row:1}.studio>.workspace{grid-column:2;grid-row:1;min-width:0}.studio>.preview,.studio>.preview-edge{grid-column:3;grid-row:1}.editor-edge{border-right:1px solid var(--line)}.preview-edge{border-left:1px solid var(--line)}.studio.editor-collapsed>.editor-edge,.studio.preview-hidden>.preview-edge{display:block}.studio:not(.editor-collapsed)>.editor,.studio:not(.preview-hidden)>.preview{display:flex}.studio.preview-hidden>.preview,.studio:not(.has-cover) .close-settings{display:none}}@media (min-width:651px) and (max-width:1000px){.studio,.studio.editor-collapsed,.studio.editor-collapsed.preview-hidden,.studio.preview-hidden{--preview-space:44px}.studio:not(.preview-hidden)>.preview{position:absolute;inset:0 0 0 auto;width:var(--inspector);z-index:9;box-shadow:-8px 0 28px #3523331a}}@media (max-width:650px){.studio .panel-collapse,.studio>.panel-edge{display:none}}#preview-panel .preview-body{padding:14px;overflow-y:auto}.preview-stage{display:flex;justify-content:center;align-items:flex-start;height:520px;margin-bottom:14px}#preview-panel #phone{width:248px;height:520px;margin:0;flex:none;transition:none;border:4px solid #29282e;border-radius:30px;background:#ededed;box-shadow:0 10px 30px #22222e09}#preview-panel .wechat-cover .phone-cover{height:calc(100% - 78px)}#preview-panel .wechat-cover .phone-cover>img{width:100%;height:86%;object-fit:cover;object-position:top}#preview-panel #phone.wechat-story{background:#fff}#preview-panel .wechat-story-result{display:grid;grid-template-rows:minmax(0,1fr) auto;height:calc(100% - 44px)}#preview-panel .wechat-story-hero{height:auto;min-height:0}#preview-panel .wechat-story .empty-phone{height:calc(100% - 44px)}.wechat-story-result{height:100%;background:#fff}.wechat-story-hero{height:260px;position:relative;overflow:hidden;border-bottom:2px solid #f0c85a;border-radius:0 0 50% 50%/0 0 10% 10%}.wechat-story-hero>img,.wechat-story-hero>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.wechat-story-nav{position:absolute;top:9px;right:12px;left:9px;display:flex;justify-content:space-between;color:#fff;font-size:17px;text-shadow:0 1px 4px #0006}.wechat-story-nav button{width:28px;height:28px;padding:0;background:#00000010;color:#fff;font-size:25px;border-radius:50%;text-shadow:inherit}.wechat-story-nav button:hover{background:#0003}.wechat-story-details{padding:13px 9px 18px;text-align:center}.wechat-story-details p{margin:0}.wechat-story-details .story-scene-name{color:#8795b2;font-size:9px}.wechat-story-details .story-project-name{margin-top:10px;font-size:14px;font-weight:600;line-height:20px}.story-project-name>span{color:#c8a55f;font-weight:400}.wechat-story-details .story-description{font-size:10px;line-height:16px;color:#9a8f98;margin-top:7px;min-height:16px;overflow-wrap:anywhere}.wechat-story-details .story-amount{font-size:36px;line-height:42px;font-weight:700;color:#d5aa4e;margin-top:10px}.story-amount small{font-size:12px;margin-left:4px;font-weight:400}.wechat-story-details .story-receipt{font-size:9px;line-height:15px;color:#d6b36b;margin-top:3px}.wechat-story-video{height:100%;display:flex;align-items:center;justify-content:center}.wechat-story-video video{width:100%;max-height:100%;object-fit:contain;border-radius:10px;background:#f6f1f4}.wechat-chat-header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e1dce0;font-size:12px}.wechat-chat-header strong{font-weight:600}.wechat-chat-row{display:flex;gap:8px;padding:48px 12px 0;align-items:flex-start}.wechat-avatar{width:24px;height:24px;flex:none;margin-top:2px;border-radius:4px;overflow:hidden;background:#fff}.wechat-avatar img{width:100%;height:100%;object-fit:cover}.wechat-chat-packet{position:relative;min-width:0;flex:1;aspect-ratio:672/233}.wechat-chat-tail{top:15%;left:-4px;width:8px;height:8px;transform:rotate(45deg)}.wechat-chat-fill,.wechat-chat-tail{position:absolute;background:#ff993b}.wechat-chat-fill{inset:0;overflow:hidden;border-radius:6px}.wechat-chat-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.wechat-chat-tint{position:absolute;inset:0;background:linear-gradient(90deg,#ff993b,#ff993baa 55%,#ff993b22)}.wechat-chat-greeting{position:relative;height:73%;display:flex;align-items:center;gap:8px;padding:0 6%;color:#fff;font-size:11px;white-space:nowrap}.wechat-chat-money{display:grid;place-items:center;aspect-ratio:4/5;width:15%;flex:none;border-radius:3px;background:#f74754;color:#ffd055;font-size:9px}.wechat-chat-footer{position:absolute;bottom:0;inset-inline:0;height:27%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6%;border-top:1px solid #ffffff1a;font-size:9px;color:#ffffffd9}.wechat-chat-footer>span:first-child{flex:none}.wechat-chat-footer>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wechat-chat-pendant{position:absolute;pointer-events:none;z-index:2}.wechat-chat-pendant>img{display:block;width:100%;height:100%;object-fit:contain}#preview-panel #phone.wechat-raw-png{border:0;border-radius:0;background:transparent;box-shadow:none}.wechat-png-stage{height:100%;display:flex;align-items:center}.wechat-png{width:100%;aspect-ratio:480/384;position:relative;overflow:hidden;border:1px solid #eadde3;border-radius:8px;background:repeating-conic-gradient(#f0edf0 0 25%,#fff 0 50%) 0 0 /16px 16px}.wechat-png>img{width:100%;height:100%;display:block;object-fit:contain}.png-guide{position:absolute;inset-inline:0;padding:4px;font-size:10px;pointer-events:none}.png-guide-top{top:0;height:25%;border-bottom:1px dashed #dc7e52;color:#975332;background:#fff2cc40}.png-guide-middle{top:25%;height:56.25%;display:grid;place-items:center;border-bottom:1px dashed #8bb7ac;color:#487e72;background:#bde9df33}.png-guide-bottom{bottom:0;height:18.75%;color:#975332;background:#fff2cc40}#preview-panel .preview-format{display:flex;align-items:center;gap:7px;margin:0}#preview-panel .preview-format-options{display:flex;gap:2px;background:#f0eef2;padding:3px;border-radius:7px}#preview-panel .preview-format-options button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:29px;padding:5px 10px;border-radius:5px;font-size:11px;color:#8a7e89}#preview-panel .preview-format-options button[aria-pressed=true]{color:#d92e70;background:#fff;box-shadow:0 1px 3px #59425612}#preview-panel .example-playback{min-height:32px;font-size:11px}#preview-panel .playback-inactive{visibility:hidden}.preview-progress{display:flex;align-items:center;justify-content:center;gap:9px;height:22px;padding:3px 5px}.preview-progress:not(.is-video){visibility:hidden}.preview-progress progress{width:96px;height:3px;accent-color:#d8769c;appearance:none;border:0}.preview-progress progress::-webkit-progress-bar{background:#eee8ed;border-radius:5px}.preview-progress progress::-webkit-progress-value{background:#d8769c;border-radius:5px}.preview-progress span{font-size:10px;color:#958a96;font-variant-numeric:tabular-nums}#preview-panel .preview-source{display:block;margin:5px 0 0;min-height:34px;text-align:center;color:#7e7280;font-size:10px;line-height:17px}.preview-source>small{display:block;color:#9a909b;font-size:10px}#preview-panel .preview-caption{margin:4px 0 0;color:#968a98;font-size:10px;line-height:17px}.preview-secondary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:10px;min-height:30px}.bubble-guide-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;margin:0;font-size:10px;color:#8f8592;border:0;cursor:pointer}.preview-secondary input{width:12px;height:12px;accent-color:var(--pink)}#preview-follow{font-size:10px;display:inline-flex;gap:4px;align-items:center;color:#a06d86;padding:6px 0}#preview-follow svg{width:13px;height:13px}#preview-panel .preview-note{font-size:10px;line-height:17px;padding:8px;background:#f7f5f8;border-radius:6px;margin:6px 0 0;color:#9a8e9a}.preview-scene-demo{width:224px;height:460px;border:1px solid #ece2e8;border-radius:12px;overflow:hidden}@media (max-width:650px){#preview-panel .preview-body{padding:12px 14px}#preview-panel .preview-format-options button{min-height:34px}#preview-panel .preview-secondary button,.bubble-guide-toggle{min-height:32px}}#preview-panel[data-scene=bubble] .preview-progress{display:none}.editor-next-action .editor-asset-thumb{display:grid;place-items:center;width:27px;height:34px;flex:none;overflow:hidden;border-radius:4px;background:#f7f5f7}.editor-asset-thumb img{width:100%;height:100%;object-fit:cover}.editor-next-action.active{border-color:#edbfd0;background:#fff6fa}.editor-next-action{min-height:54px;gap:9px}.editor-next-action>span:not(.editor-asset-thumb){white-space:nowrap}.editor-next-action small{margin-left:auto;font-size:10px;white-space:nowrap}.editor-next-action>svg:last-child{width:13px;flex:none}#preview-panel .preview-format{min-height:36px;justify-content:center}#preview-panel .preview-caption:empty{display:none}#preview-panel .preview-secondary{margin-top:8px}#preview-panel .live-label[hidden]{display:none}.asset-update-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#9a762f;padding-top:9px}.asset-update-note>span{flex:1}.asset-update-note button{display:inline-flex;align-items:center;gap:3px;color:#996f28;font-size:11px;padding:5px 8px;border:1px solid #e5d4ad;border-radius:5px;background:#fffaf0}.asset-update-note svg{width:12px;height:12px}.candidate-tag{font-size:10px;color:#a1815b;margin-left:8px}.empty-asset-body{height:380px;border:1px dashed #ded6de;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#918494;background:#fcfafc}.empty-asset-body>svg{width:34px;height:34px;color:#bfaebd}.empty-asset-body strong{color:#716674;font-size:15px}.empty-asset-body .primary,.empty-asset-body>span{font-size:12px}.asset-history-modal{width:min(850px,94vw)}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.history-toolbar p{margin:0}.history-toolbar button{display:flex;align-items:center;gap:6px;font-size:11px;padding:8px 10px;white-space:nowrap}.history-toolbar svg{width:14px;height:14px}.history-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow-y:auto}.history-list button{display:flex;align-items:center;gap:10px;padding:10px;min-height:80px;flex:none;border:1px solid #e8e2e9;border-radius:9px;text-align:left}.history-list button[aria-pressed=true]{border-color:#eaaac5;background:#fff5f9}.history-list img{width:40px;height:54px;border-radius:4px;object-fit:contain;background:#f6f3f7;flex:none}.history-list span{min-width:0}.history-list strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;line-height:1.6}.history-list small{display:block;margin-top:5px;font-size:10px;color:#9a8e9d}.history-view{min-width:0}.history-media{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.history-media.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.history-media figure{margin:0;min-width:0}.history-media figcaption{font-size:11px;text-align:center;padding:0 0 10px;color:#817386}.history-media img,.history-media video.result-video-player{display:block;width:100%;height:340px;max-height:48vh;margin:0;background:#f6f4f7;border:1px solid #eee8ef;border-radius:7px;object-fit:contain}.history-media.comparing img,.history-media.comparing video.result-video-player{height:290px}.modal-body .history-description{font-size:12px;margin:12px 0;color:#786b7f;overflow-wrap:anywhere}.history-details{border-top:1px solid #eee9f0;padding-top:10px;color:#9b8c9e;font-size:11px}.history-details summary{cursor:pointer}.history-details p{margin-top:10px;font-size:10px}.editor-next-action:active,.history-list button:active{transform:scale(.985)}@media (max-width:650px){.history-workspace{display:flex;flex-direction:column;gap:16px}.history-list{flex-direction:row;overflow-x:auto;max-height:none}.history-list button{width:calc((100% - 8px) / 2);min-width:140px;min-height:72px}.history-toolbar{margin-bottom:12px}.history-toolbar p{font-size:11px}.history-media img,.history-media video.result-video-player{height:270px;max-height:40vh}.history-media.comparing img,.history-media.comparing video.result-video-player{height:210px}.asset-history-modal .modal-footer{position:sticky;bottom:0;background:#fff}.asset-history-modal .modal-footer button{font-size:12px}#preview-panel .preview-format-options button{min-width:68px}}.canvas-history-bar{flex:none;border-bottom:1px solid #e9e5eb;background:#fcfbfd;padding:9px 18px}.canvas-viewport{user-select:none;overflow:clip}.canvas-history-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#8c8192;min-height:26px}.canvas-history-heading strong{color:#645968;font-weight:500}.canvas-history-heading button{color:#a85f81;padding:5px 8px;border-radius:5px;white-space:nowrap}.canvas-history-heading button:hover{background:#fff0f6}.canvas-version-strip{display:flex;gap:7px;overflow-x:auto;padding:5px 0;scrollbar-width:thin}.canvas-version-strip button{display:flex;flex:none;align-items:center;gap:8px;border:1px solid #e5dfe7;border-radius:7px;padding:5px 9px 5px 5px;background:#fff;text-align:left;max-width:180px}.canvas-version-strip button[aria-pressed=true]{border-color:#e8a7c4;background:#fff3f8}.canvas-version-strip img{width:26px;height:34px;object-fit:contain;background:#f6f3f7;border-radius:3px}.canvas-version-strip span{min-width:0}.canvas-version-strip strong{display:block;font-size:10px;font-weight:500;color:#716176;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:124px}.canvas-version-strip small{display:block;font-size:9px;color:#a192a6;margin-top:4px}.canvas-source-path{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;padding-top:5px;font-size:10px;color:#aaa0ae}.canvas-source-path>span{flex:none}.canvas-source-path button{flex:none;padding:4px 3px;color:#8c708f;font-size:10px}.canvas-source-path button:hover{color:var(--pink)}.canvas-links{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:0}.canvas-links path{fill:none;stroke:#cf92b0;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.canvas-links marker path{fill:#cf92b0;stroke:none}.art-card.lineage-related:not(.selected) .art-frame{outline:1px solid #dbb7cf;outline-offset:5px}.canvas-version-state{font-size:10px;font-weight:400;color:#aaa0ad;margin-left:8px}.canvas-version-state.current{color:#5d967f}.card-use-button{flex:none}.canvas-source-link{display:block;margin-top:8px;font-size:10px;color:#a087ad;text-align:left}.canvas-source-link:hover{color:var(--pink)}.single-asset-view .canvas-source-link{display:none}.canvas-bubble-safety{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:#8a788e;padding:5px 0}.canvas-bubble-safety svg{width:14px;height:14px}.canvas-bubble-safety[aria-pressed=true]{color:#c75c8e}.canvas-bubble-guides{position:absolute;inset:0;pointer-events:none}.canvas-bubble-guides .png-guide{font-size:11px}.art-card .art-label{flex-wrap:wrap}.art-card.dock-above .asset-dock{top:auto;bottom:10px;transform-origin:bottom left}@media (max-width:650px){.canvas-history-bar{padding:6px 12px}.canvas-history-heading{font-size:10px}.canvas-version-strip button{max-width:148px;min-height:44px}.canvas-source-path button{min-height:28px}}.canvas-history-heading{gap:12px}.canvas-branch-nav{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.canvas-branch-nav button{display:inline-flex;gap:7px;align-items:center;color:#7a707f;padding:7px 9px}.canvas-branch-nav button[aria-pressed=true]{background:#f0edf2;color:#473e4e}.branch-dot,.canvas-branch-nav i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--branch-color);display:inline-block}.canvas-branch-nav small{font-size:10px;color:#a49aa8}.branch-dot{width:9px;height:9px;margin-right:7px}.connection-toggle{gap:5px;padding:7px 9px;font-size:11px;color:#998d9f}.connection-toggle[aria-pressed=true]{background:#eeebf1;color:#605169;border-radius:6px}.canvas-links path{stroke-width:1.4;opacity:.7}.canvas-links marker path{opacity:1}.art-card.lineage-related:not(.selected) .art-frame{outline:none}.canvas-trash>button{font-size:10px;padding:5px 0;color:#978b9d;display:flex;align-items:center;gap:5px}.canvas-trash>button svg{width:12px;height:12px}#toast button{color:#fbb7d4;margin-left:16px;font-size:12px;font-weight:600}.asset-dock .dock-divider{height:1px;width:32px;margin:4px auto;background:#e9e4ec}.asset-dock .dock-generate{color:#b4668b}.asset-dock .dock-delete:hover{color:#c35563;background:#fff1f2}.asset-dock{box-shadow:0 4px 18px #3f31470a}@media (max-width:650px){.connection-toggle span:last-child{display:inline}.canvas-branch-nav button{min-height:36px;padding:4px 6px}.canvas-history-heading>span{white-space:nowrap}}.workspace-toolbar .tools-right .connection-toggle>span:last-child{display:inline}.asset-dock .dock-divider{height:15px;width:38px;margin:5px auto 2px;background:none;border-top:1px solid #e9e4ec;padding-top:4px;text-align:center}.asset-dock .dock-divider span{font-size:9px;color:#a69bae}.asset-dock .dock-generate span{font-size:10px}.canvas-no-assets{display:grid;gap:16px;color:#978b9d;font-size:13px}.canvas-no-assets button{text-align:left;color:#b4668b}.toast.show{pointer-events:auto}.toast button{min-height:28px}@media (max-width:650px){.asset-dock{width:100px}.asset-dock .dock-tools{display:grid;grid-template-columns:44px 44px}.asset-dock button{width:44px;min-height:44px}.asset-dock .dock-divider{grid-column:1/-1;width:78px}.asset-dock .dock-generate{grid-column:1/-1;width:88px;flex-direction:row;gap:7px}}.canvas-links{opacity:.7}.canvas-links path{opacity:1}.canvas-viewport{touch-action:none}.canvas-tool-switch{display:flex;gap:2px}.canvas-tool-switch button[aria-pressed=true]{background:#eeebf1;color:#514657;border-radius:5px}.canvas-viewport.hand-tool,.canvas-viewport.hand-tool .art-hit{cursor:grab}.canvas-viewport.is-dragging,.canvas-viewport.is-dragging .art-hit{cursor:grabbing}.canvas-viewport.hand-tool .asset-dock,.canvas-viewport.is-dragging .asset-dock{opacity:0;visibility:hidden;pointer-events:none}.preview-story-description{max-width:248px;margin:14px auto 0;text-align:left;font-size:12px;line-height:1.8;color:#7d7285;overflow-wrap:anywhere;user-select:text}.preview-story-description[hidden]{display:none}.workspace-toolbar #arrange-button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;font-size:11px;white-space:nowrap}.workspace-toolbar #arrange-button>span:last-child{display:inline}.art-card.dock-offscreen .asset-dock{visibility:hidden;pointer-events:none}.art-card .art-label{flex-wrap:nowrap;white-space:nowrap;width:max-content}.workspace:not(.single-asset-view) .art-card:not(.selected) .art-label{scale:min(2.8,calc(1 / var(--canvas-zoom, 1)))}.branch-dot{width:6px;height:6px;margin-right:3px}.asset-latest{display:inline-flex;flex:none;align-items:center;gap:3px;margin-left:7px;padding:2px 5px;border-radius:4px;background:#fbe8f1;color:#b14a7a;font-size:10px;font-weight:500;line-height:14px;vertical-align:middle;white-space:nowrap}.asset-latest>svg{width:11px;height:11px;flex:none}.canvas-version-strip .asset-latest{margin-left:5px;padding:1px 4px;font-size:9px}.canvas-version-strip .asset-latest>svg{width:10px;height:10px}@media (max-width:650px){.workspace-toolbar #arrange-button{padding:7px 6px}}.zoom-controls #fit-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:88px;padding:0 7px;font-size:11px;white-space:nowrap}.zoom-controls #fit-button.content-outside{background:#fbe8f1;color:#b14a7a;border-radius:5px}.has-cover .editor{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent}.has-cover .editor .panel-heading{position:sticky;top:0;z-index:5;background:#fff;flex:none}.has-cover .editor .generate-footer{flex:none;padding:18px}.has-cover .editor .editor-scroll{flex:none;overflow:visible;padding:18px}.editor-next-title strong{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.editor-next-title strong>span{font-size:11px;font-weight:400;color:#8a8190}.material-feed-group+.material-feed-group{margin-top:22px}.material-feed-group h3{font-size:11px;font-weight:400;color:#8a8190;margin:0 0 9px}.material-feed-row{width:100%;display:flex;align-items:center;gap:9px;min-height:61px;padding:9px;border:1px solid #e8e3ea;border-radius:8px;background:#fff;text-align:left;margin-top:7px}.material-feed-row .feed-thumb{display:grid;place-items:center;flex:none;width:30px;height:39px;overflow:hidden;border-radius:4px;color:#998599;background:#f7f4f7}.feed-thumb img{width:100%;height:100%;object-fit:cover}.feed-thumb.transparent img{object-fit:contain}.feed-thumb svg{width:17px;height:17px}.feed-info{display:block;min-width:0;flex:1}.feed-info strong{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#554b5d}.feed-info small{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#908694;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready .feed-info small{color:#5f8875}.material-feed-row.outdated .feed-info small{color:#a17d54}.feed-latest{color:#bc5b89}.feed-view{display:flex;align-items:center;gap:5px;font-size:10px;color:#8d8195;white-space:nowrap}.feed-view svg{width:13px;height:13px}.feed-generate,.feed-task{white-space:nowrap;flex:none;display:flex;align-items:center;justify-content:center;gap:3px;padding:7px 9px;min-height:32px;font-size:11px;border-radius:6px;color:#b33370;background:#fff0f7}.feed-generate svg{width:12px;height:12px}.feed-generate:hover:not(:disabled),.feed-task:hover{background:#fce1ee}.feed-generate:disabled{color:#aaa1ae;background:#f5f3f6;cursor:not-allowed}.feed-cancel{flex:none;color:#938798;font-size:18px;min-width:20px;min-height:32px}.material-feed-row.ready:hover{background:#fdf8fb;border-color:#dfc7d5}.material-feed-row.active{background:#fff7fb;border-color:#ee9fc3}.material-feed-row.pending{border-color:#e7cbdb;background:#fffbfd}.material-feed-row.failed .feed-info small{color:#b55372}@media (max-width:650px){.has-cover .editor .editor-scroll,.has-cover .editor .generate-footer{padding:16px 22px}.feed-cancel,.feed-generate,.feed-task{min-height:38px}}.feed-current{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0;text-align:left;background:transparent}.version-inline-job{margin-top:10px;padding:11px 13px;background:#fff4f8;border:1px solid #f0d9e4;border-radius:8px;color:#b0688d;font-size:11px}.version-inline-job>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.version-inline-job strong{font-weight:500}.version-inline-job button{font-size:11px;color:#a04c79;text-decoration:underline;text-underline-offset:3px}.version-inline-job p{font-size:10px;line-height:1.7;margin:7px 0 0}.version-inline-job .generation-track{margin-top:10px;width:100%}.version-inline-job.failed{color:#9e7058;background:#fff8ef;border-color:#efe1cf}.version-source-warning{margin-top:12px;color:#a17d54;font-size:10px;line-height:1.8}.version-source-warning button{display:block;color:#98622d;font-size:11px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.version-adopt-note{margin-right:auto;color:#9b8b9f;font-size:11px}.version-history-error{color:#a66666;font-size:11px}.asset-history-modal .modal-footer{align-items:center}@media (max-width:650px){.version-adopt-note{max-width:120px;font-size:9px;line-height:1.6}.asset-history-modal .history-list img{display:block}}.asset-job .job-frame,.generation-preview{background:linear-gradient(155deg,#fffafd,#f8f5f8);border-color:#e8dfe5}.generation-preview:before{display:none}.asset-job .job-content,.generation-center{width:100%;max-width:320px;box-sizing:border-box;padding:24px 16px;transform:none;gap:0}.generation-symbol{width:42px;height:42px;margin:0 0 16px;border-radius:12px;background:#fff}.generation-symbol svg{width:23px;height:23px}.generation-center strong,.job-content strong{font-size:16px;font-weight:550;line-height:1.5;color:#66525e}.generation-center p,.job-content p{margin:8px 0 0;color:#8c7f87;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.asset-job .generation-track,.generation-center .generation-track{width:min(160px,80%);height:4px;margin:20px 0 0;background:#ecdfe6}.generation-center .generation-secondary,.job-content .job-cancel{margin:20px 0 0;padding:8px 16px;min-height:36px;border:1px solid #e6d9e1;border-radius:7px;background:#fff9;color:#8b657b;font-size:12px}.generation-card .asset-detail{justify-content:space-between}.generation-card .art-caption{margin-top:12px;font-size:11px;color:#8d818b}.asset-job.failed .job-frame{height:auto!important;min-height:280px}@media (prefers-reduced-motion:reduce){.generation-track span{animation:none;transform:translateX(90%)}}.topbar:has(.recent-projects:not([hidden])){z-index:30}.recent-projects{width:336px;padding:10px;color:var(--ink)}.recent-name{padding:4px 7px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}.recent-name-field{position:relative}.recent-name-field input{width:100%;min-width:0;height:38px;padding:6px 32px 6px 8px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:15px;font-weight:600;color:var(--ink);text-overflow:ellipsis}.recent-name-field input:hover{background:#f8f6f9}.recent-name-field input:focus{background:#fff;border-color:#e5aec8;outline:2px solid #fcebf3;text-overflow:clip}.recent-name-field>svg{position:absolute;right:10px;top:12px;width:14px;height:14px;color:#a79ba9;pointer-events:none}#recent-name-status{display:block;min-height:16px;padding:4px 8px 0;color:#958c99;font-size:10px}.recent-list{max-height:min(370px,calc(100dvh - 265px));overscroll-behavior:contain}.recent-project{align-items:center;min-height:62px}.recent-project strong{font-size:12px;max-width:214px;color:#514b57}.recent-project small{font-size:10px}.recent-project b{font-size:10px;font-weight:500;white-space:nowrap}.recent-project>span:not(.recent-blank){flex:1}.recent-footer{padding-top:10px}.recent-footer button{font-size:11px}.red-packet-tasks[hidden]{display:none}:scope.tasks-view #export-button,:scope.tasks-view .mobile-nav,:scope.tasks-view .studio{display:none!important}.red-packet-tasks{height:calc(100dvh - 92px);overflow:auto;padding:32px max(24px,calc((100% - 920px) / 2));background:#faf9fb}.task-page-heading{margin-bottom:24px}.task-page-heading h1{font-size:24px;font-weight:600;margin:18px 0 0;outline:none}.task-page-heading button{font-size:12px;color:#8a7d90}.task-list{border:1px solid var(--line);border-radius:12px;background:white;padding:8px}.task-list .recent-project{min-height:78px;padding:12px 16px}.task-list .recent-project strong{font-size:14px;max-width:min(600px,50vw)}.task-list .recent-project small{font-size:11px}.task-list .recent-project img{width:38px;height:50px}:scope.tasks-view .rail-item[data-action=return-canvas]{background:transparent;color:#92909a}:scope.tasks-view .rail-item[data-action=history]{background:#fff0f7;color:var(--pink)}@media (max-width:650px){.recent-projects{width:min(336px,calc(100vw - 24px));left:-3px}.recent-project strong{max-width:190px}.recent-list{max-height:min(370px,calc(100dvh - 250px))}.red-packet-tasks{height:calc(100dvh - 84px);padding:22px 14px}.task-list .recent-project{padding:10px}}}.red-packet-canvas{position:fixed;inset:0;z-index:40;background:#f7f7fa;color:#24232b;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}