:root{--editorial-black:#1a1a1a;--editorial-white:#fafafa;--editorial-accent:#c9a227;--editorial-accent-light:#e6c76b;--editorial-accent-dark:#a88a1f;--editorial-gray:#767676;--editorial-light:#f5f5f5;--editorial-gold-gradient:linear-gradient(135deg, #d4af37 0%, #f4e5b2 50%, #d4af37 100%);--editorial-shadow-gold:0 8px 32px #c9a22740;--editorial-shadow-soft:0 4px 20px #00000014;--editorial-shadow-dramatic:0 20px 60px #00000026;--font-body:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", Arial, sans-serif;--font-display:"Baskerville Old Face", "Palatino Linotype", "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--font-code:"Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--editorial-white);min-width:320px;color:var(--editorial-black);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}button,input,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,.history-item:focus-visible,.template-library-item:focus-visible{outline:3px solid var(--editorial-accent-light);outline-offset:3px}.app-icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.spin{animation:.9s linear infinite iconSpin}.font-editorial{font-family:var(--font-display)}.muted{color:var(--editorial-gray)}.fade-in{animation:.6s cubic-bezier(.22,1,.36,1) editorialFadeIn}@keyframes editorialFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar,.app-main,.app-footer{width:min(1120px,100vw - 32px);margin:0 auto}.topbar{padding:44px 0 20px;position:relative}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;top:48px;right:0}.workshop-mark{border:1px solid var(--editorial-accent);color:var(--editorial-accent);letter-spacing:.22em;background:linear-gradient(135deg,#c9a2271a,#c9a2270d);margin-bottom:12px;padding:.25rem .55rem;font-size:.66rem;display:inline-block}.workshop-title{background:var(--editorial-gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,7vw,5.25rem);line-height:1.02}.workshop-subtitle{max-width:72ch;color:var(--editorial-gray);margin-top:12px}.progress-wrap{color:var(--editorial-gray);letter-spacing:.1em;margin-top:28px;font-size:.78rem;font-weight:700}.progress-container{background:#e0e0e0;height:2px;margin-top:8px;overflow:hidden}.progress-bar{background:var(--editorial-accent);height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.app-main{padding:18px 0 48px}.mode-switcher{background:linear-gradient(#c9a2270d,#fff);border:1px solid #e0e0e0;border-radius:8px;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.mode-btn{border:1px solid var(--editorial-gray);color:var(--editorial-black);cursor:pointer;background:#fff;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s,transform .25s;display:flex}.mode-btn.active{border-color:var(--editorial-black);background:var(--editorial-black);color:#fff}.workspace-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:28px;display:grid}.workspace-grid.single-column{grid-template-columns:1fr}.card-editorial{box-shadow:var(--editorial-shadow-soft);background:#fff;border:1px solid #e0e0e0;padding:2.4rem;position:relative;overflow:hidden}.card-editorial:before{content:"";background:var(--editorial-gold-gradient);height:4px;position:absolute;top:0;left:0;right:0}.section-title-row,.template-area-head,.result-head,.sidebar-title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title-row h2,.result-head h2{color:var(--editorial-black);font-size:1.9rem}.scenario-badge,.template-tag{border:1px solid var(--editorial-accent);color:var(--editorial-accent);background:#c9a2271a;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.input-editorial{width:100%;color:var(--editorial-black);resize:vertical;background:#fff;border:2px solid #e0e0e0;margin-top:1.5rem;padding:1.2rem;font-size:1rem;line-height:1.8;transition:border-color .25s,box-shadow .25s}.input-editorial:focus,.template-search:focus,.input-editorial:focus-visible,.template-search:focus-visible{border-color:var(--editorial-accent);outline:none;box-shadow:0 0 0 4px #c9a2271a}.quick-actions{margin:1rem 0 1.5rem}.quick-btn{cursor:pointer;text-align:left;margin-top:.75rem}.btn-editorial,.btn-secondary,.save-preset-btn,.icon-btn{cursor:pointer;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s,opacity .25s,transform .25s}.btn-editorial{background:var(--editorial-gold-gradient);color:#fff;box-shadow:var(--editorial-shadow-gold);padding:1rem 2rem;font-weight:700}.btn-editorial:disabled{cursor:wait;opacity:.65}.btn-secondary{border:2px solid var(--editorial-black);color:var(--editorial-black);background:0 0;padding:.95rem 1.5rem;font-weight:700}.btn-secondary:hover{background:var(--editorial-black);color:#fff}.btn-secondary:disabled{cursor:not-allowed;color:var(--editorial-gray);opacity:.55;background:0 0;border-color:#d9d9d9}.btn-secondary:disabled:hover{color:var(--editorial-gray);background:0 0}.compact{padding:.65rem 1rem}.icon-btn{border:2px solid var(--editorial-accent);background:var(--editorial-black);width:42px;height:42px;color:var(--editorial-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn.light{color:var(--editorial-gray);background:0 0;border:0}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.topbar-api-btn{text-align:left;align-items:center;gap:.75rem;min-height:50px;padding:.55rem .95rem .55rem .75rem;display:inline-flex}.topbar-api-btn.empty{border-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold);background:linear-gradient(135deg,#c9a22714 0%,#fff7dd 100%)}.topbar-api-btn.empty:hover{border-color:var(--editorial-accent-dark);color:#3a2a05;background:linear-gradient(135deg,#f1df9c 0%,#fff3cf 100%)}.topbar-api-btn.configured:hover{color:#fff}.topbar-api-btn:hover .topbar-api-copy small,.topbar-api-btn:focus-visible .topbar-api-copy small{color:inherit}.topbar-api-icon{border:1px solid;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.topbar-api-copy{gap:.12rem;line-height:1.1;display:grid}.topbar-api-copy strong{font-size:.92rem;font-weight:800}.topbar-api-copy small{color:var(--editorial-gray);font-size:.72rem;font-weight:700}.template-area,.preset-selector,.brick-area,.block-preview{background:#fff;border:1px solid #e9e9e9;margin-top:1.5rem;padding:1rem}.template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.template-card{width:100%;color:var(--editorial-black);cursor:pointer;text-align:left;background:linear-gradient(145deg,#fff 0%,#fcfcfc 100%);border:1px solid #e0e0e0;padding:.95rem 1rem}.template-card.selected,.template-card:hover{border-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold)}.template-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.template-hint,.template-library-item-hint{color:var(--editorial-gray);font-size:.86rem;line-height:1.45}.preset-chip{border:1px solid var(--editorial-gray);background:#fff;border-radius:4px;align-items:center;gap:.5rem;margin:.75rem .75rem 0 0;padding:.55rem .8rem;display:inline-flex}.preset-chip button{cursor:pointer;background:0 0}.save-preset-btn{border:2px dashed var(--editorial-accent);color:var(--editorial-accent);background:0 0;padding:.55rem .85rem;font-weight:700}.browse-templates-btn{width:42px;height:42px;color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #e0e0e0;justify-content:center;align-items:center;display:inline-flex}.browse-templates-btn:hover{border-color:var(--editorial-accent);color:var(--editorial-accent)}.block-preview{background:linear-gradient(135deg,#c9a22708 0%,#fff 100%);padding:1.4rem}.block-preview-empty{min-height:150px;color:var(--editorial-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.block-preview-empty .app-icon{color:var(--editorial-accent);opacity:.35;margin-bottom:1rem;font-size:2.5rem}.block-stack{flex-wrap:wrap;gap:.8rem;display:flex}.block-stack-item{flex-direction:column;align-items:center;gap:.35rem;display:flex}.block-visual{background:linear-gradient(135deg, var(--editorial-accent) 0%, #d4a520 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.7rem;display:flex;box-shadow:0 4px 12px #c9a22766}.block-label,.block-value{text-align:center;max-width:110px;font-size:.75rem}.block-value{color:var(--editorial-black);background:#c9a2271a;border-radius:3px;padding:.15rem .45rem;font-weight:700}.brick-grid{gap:.8rem;margin-top:1rem;display:grid}.brick-area-head{border-left:4px solid var(--editorial-accent);letter-spacing:.08em;background:linear-gradient(90deg,#c9a22714,#c9a22708);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.brick-group{background:linear-gradient(#fff 0%,#fafafa 100%);border:1px solid #ececec;padding:.9rem}.brick-group.has-selection{border-color:var(--editorial-accent-light);box-shadow:0 4px 16px #c9a22726}.brick-group-title{color:var(--editorial-black);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.brick-group-subtitle{color:var(--editorial-gray);font-size:.76rem}.brick-group-icon{color:var(--editorial-accent);margin-right:.5rem}.brick-options{flex-wrap:wrap;gap:.45rem;margin-top:.7rem;display:flex}.brick-chip{color:var(--editorial-black);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dadada;padding:.38rem .58rem;font-size:.75rem}.brick-chip.selected,.brick-chip:hover{border-color:var(--editorial-accent-dark);background:var(--editorial-gold-gradient);color:#3a2a05;box-shadow:0 5px 16px #c9a2274d}.brick-composer{gap:1.25rem;display:grid}.composer-head h2{color:var(--editorial-black);font-size:1.9rem}.build-track{background:linear-gradient(135deg,#c9a22708 0%,#fff 100%);border:1px solid #ececec;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem;padding:.75rem;display:grid}.track-brick{min-height:84px;color:var(--editorial-black);cursor:pointer;text-align:left;background:#fff;border:1px solid #dedede;border-top-width:4px;gap:.15rem;padding:.65rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid}.track-brick span{color:var(--editorial-accent);letter-spacing:.12em;font-size:.68rem;font-weight:900}.track-brick strong{justify-content:space-between;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.track-brick strong em{border:1px solid var(--editorial-accent);color:var(--editorial-accent-dark);white-space:nowrap;background:#c9a22714;border-radius:999px;padding:.08rem .35rem;font-size:.62rem;font-style:normal;font-weight:900}.track-brick small{color:var(--editorial-gray);font-size:.72rem;line-height:1.25}.track-brick.filled{border-color:var(--editorial-accent-light);border-top-color:var(--editorial-accent)}.track-brick.active,.track-brick:hover{border-color:var(--editorial-black);border-top-color:var(--editorial-black);box-shadow:var(--editorial-shadow-soft);transform:translateY(-1px)}.composer-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:start;gap:1rem;display:grid}.current-step-panel,.recipe-preview{background:#fff;border:1px solid #e9e9e9;padding:1rem}.step-title-row{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.step-kicker{color:var(--editorial-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:900}.step-title-row h3{font-size:1.45rem}.step-progress-chip{text-align:right;background:#c9a2270d;border:1px solid #e5ddbf;gap:.15rem;min-width:112px;padding:.65rem .8rem;display:grid}.step-progress-chip strong{font-size:.9rem}.step-progress-chip small{color:var(--editorial-gray);font-size:.75rem;line-height:1.3}.branch-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.branch-brick-card{min-height:116px;color:var(--editorial-black);cursor:pointer;text-align:left;background:linear-gradient(145deg,#fff 0%,#fcfcfc 100%);border:1px solid #d9d9d9;border-top-width:4px;border-radius:6px;gap:.35rem;padding:.9rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.branch-brick-card .brick-number{color:var(--editorial-accent);font-size:.72rem;font-weight:900}.branch-brick-card strong{font-size:1rem}.branch-brick-card small{color:var(--editorial-gray);line-height:1.45}.branch-brick-card.selected,.branch-brick-card:hover{border-color:var(--editorial-accent);border-top-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold);transform:translateY(-1px)}.branch-brick-card.with-preview{padding:0;overflow:hidden}.branch-brick-card.with-preview img{aspect-ratio:16/9;object-fit:cover;background:var(--editorial-light);width:100%;display:block}.branch-brick-card.with-preview .brick-number,.branch-brick-card.with-preview strong,.branch-brick-card.with-preview small{margin-left:.9rem;margin-right:.9rem}.branch-brick-card.with-preview .brick-number{margin-top:.75rem}.branch-brick-card.with-preview small{margin-bottom:.9rem}.core-guide-shell{background:linear-gradient(#fffdf7 0%,#fff 100%);border:1px solid #e7dcc0;gap:1rem;padding:1.25rem;display:grid}.choice-group-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.choice-group-head h3,.choice-group-head h4{font-size:1.2rem}.text-action-btn{color:var(--editorial-black);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd4b3;padding:.5rem .8rem;font-size:.78rem;font-weight:800;transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s}.text-action-btn:hover,.text-action-btn:focus-visible{border-color:var(--editorial-accent);color:var(--editorial-accent-dark);background:#c9a22712;outline:none;box-shadow:0 4px 14px #c9a2271f}.core-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.output-guide-panel{background:linear-gradient(#fffaf0 0%,#fff 100%);border:1px solid #e8d89d;gap:.6rem;padding:.85rem;display:grid}.core-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.output-guide-panel .core-output-grid{gap:.5rem}.output-guide-panel .step-title-row{align-items:flex-start;margin-bottom:.35rem}.output-guide-panel .step-title-row h3{font-size:1.24rem}.output-guide-panel .muted{font-size:.82rem;line-height:1.45}.core-guide-card{min-height:108px;color:var(--editorial-black);cursor:pointer;text-align:left;background:#fff;border:1px solid #dcdcdc;border-top-width:4px;gap:.3rem;padding:.85rem;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;display:grid}.core-guide-card span{color:var(--editorial-accent);letter-spacing:.14em;font-size:.68rem;font-weight:900}.core-guide-card strong{font-size:.96rem}.core-guide-card small{color:var(--editorial-gray);line-height:1.4}.core-guide-card.filled{border-color:#e0cf95;border-top-color:var(--editorial-accent)}.core-guide-card.active,.core-guide-card:hover{border-color:var(--editorial-black);border-top-color:var(--editorial-black);box-shadow:var(--editorial-shadow-soft);background:linear-gradient(#fff 0%,#f8f6ef 100%);transform:translateY(-1px)}.choice-group-card{gap:.9rem;display:grid}.choice-group-summary{border-left:4px solid var(--editorial-accent);color:var(--editorial-black);background:#f8f4e8;padding:.7rem .85rem;font-size:.92rem;font-weight:700;line-height:1.55}.branch-brick-card.default-selection{background:linear-gradient(#fcfaf2 0%,#fff 100%)}.mini-brick.default-selected{color:#7a651c;background:#f9f6ea}.mini-brick-tag{border:1px solid;border-radius:999px;align-items:center;margin-left:.35rem;padding:.02rem .32rem;font-size:.62rem;font-weight:900;line-height:1.2;display:inline-flex}.custom-note-panel{background:#fbfaf7;border:1px dashed #ddd6bf}.custom-note-panel.has-value{background:linear-gradient(#fff9e8 0%,#fff 100%);border-color:#d7c373}.custom-note-panel summary{cursor:pointer;padding:.78rem .9rem;font-size:.88rem;font-weight:800;list-style:none}.custom-note-panel summary::-webkit-details-marker{display:none}.custom-note-body{gap:.7rem;padding:0 .9rem .9rem;display:grid}.custom-note-body textarea{width:100%;color:var(--editorial-black);resize:vertical;background:#fff;border:1px solid #d9d9d9;padding:.78rem .85rem;line-height:1.65}.custom-note-body textarea:focus,.custom-note-body textarea:focus-visible{border-color:var(--editorial-accent);outline:none;box-shadow:0 0 0 3px #c9a2271a}.advanced-summary-copy{gap:.14rem;min-width:0;display:grid}.advanced-summary-copy strong{font-size:1rem}.advanced-summary-copy small{color:var(--editorial-gray);font-size:.78rem;font-weight:600;line-height:1.35}.optional-library-toolbar{border-top:1px solid #eee5c9;gap:.85rem;padding-top:.85rem;display:grid}.optional-library-search{gap:.35rem;display:grid}.optional-library-search span{color:var(--editorial-accent-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.optional-library-search input{width:100%;color:var(--editorial-black);background:#fffdf7;border:1px solid #d9c997;padding:.78rem .85rem}.optional-library-search input:focus{border-color:var(--editorial-accent);outline:none;box-shadow:0 0 0 3px #c9a2271f}.optional-library-sort{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #ddd4b3;border-radius:999px;padding:.44rem .78rem;font-size:.78rem;font-weight:800;transition:border-color .2s,background-color .2s,color .2s,transform .2s}.filter-chip.selected{border-color:var(--editorial-black);background:var(--editorial-black);color:#fff}.choice-group-filter-hint{color:var(--editorial-gray);font-size:.8rem;font-weight:700}.choice-group-empty{background:#fffaf0;border:1px dashed #e4d8a4;gap:.25rem;padding:.85rem .95rem;display:grid}.choice-group-empty strong{font-size:.92rem}.choice-group-empty p{color:var(--editorial-gray);font-size:.8rem}.option-usage-badge{color:var(--editorial-gray);font-size:.62rem;font-weight:800;line-height:1.2}.optional-supplement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.optional-section-card{background:linear-gradient(#fff 0%,#fbfbfb 100%);border:1px solid #e6e6e6;gap:1rem;padding:1rem;display:grid}.optional-section-head h4{font-size:1.22rem}.optional-group-list,.negative-guide-panel{gap:1rem;display:grid}.negative-guide-summary{border-left:4px solid var(--editorial-black);background:#f7f7f7;justify-content:space-between;align-items:center;gap:1rem;padding:.78rem .9rem;display:flex}.negative-guide-summary strong{font-size:.9rem}.negative-guide-summary span{color:var(--editorial-gray);font-size:.82rem;font-weight:800}.recipe-preview{gap:1rem;display:grid;position:sticky;top:16px}.recipe-card{border-left:4px solid var(--editorial-accent);background:#c9a2270d;padding:.9rem}.recipe-card p{color:var(--editorial-black);margin-top:.4rem;font-weight:700}.idea-input{gap:.45rem;display:grid}.idea-input span{font-weight:800}.idea-input textarea{width:100%;color:var(--editorial-black);resize:vertical;background:#fff;border:1px solid #d9d9d9;padding:.8rem;line-height:1.6}.idea-input textarea:focus,.idea-input textarea:focus-visible{border-color:var(--editorial-accent);outline:none;box-shadow:0 0 0 3px #c9a2271a}.mobile-generate-bar{display:none}.advanced-image-panel{background:#fff;border:1px solid #e9e9e9;margin-top:1.5rem;padding:0;scroll-margin-top:24px}.advanced-image-panel-head{gap:.85rem;padding:1rem 1rem 0;display:grid}.advanced-image-panel-body{gap:1rem;padding:0 1rem 1rem;display:grid}.core-next-step{background:linear-gradient(135deg,#fff8de 0%,#fff 100%);border:1px solid #e8d89d;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1rem 1.05rem;display:flex;box-shadow:0 12px 28px #c9a22712}.core-next-step strong{margin-top:.1rem;font-size:1rem;display:block}.core-next-step p{color:var(--editorial-gray);margin-top:.3rem;font-size:.84rem;line-height:1.45}.core-next-step>div{gap:.2rem;display:grid}.optional-bridge-tags{flex-wrap:wrap;gap:.45rem;margin-top:.25rem;display:flex}.optional-bridge-tag{color:var(--editorial-black);letter-spacing:.02em;background:#fff;border:1px solid #e1cf91;border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.optional-supplement-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.composer-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tuning-brick-grid,.parameter-brick-grid{gap:.75rem;display:grid}.parameter-brick-grid.compact-grid{grid-template-columns:1fr}.tuning-brick-group,.parameter-brick-group{background:#fff;border:1px solid #e4e4e4;gap:.55rem;padding:.75rem;display:grid}.tuning-brick-group strong{font-size:.86rem}.mini-brick-row,.mini-brick-cloud{gap:.45rem;display:flex}.mini-brick-row.wrap,.mini-brick-cloud{flex-wrap:wrap}.mini-brick{min-height:36px;color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-top-width:3px;border-radius:5px;padding:.42rem .62rem;font-size:.78rem;font-weight:850;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}.mini-brick.selected,.mini-brick:hover{border-color:var(--editorial-accent);border-top-color:var(--editorial-accent);color:var(--editorial-accent-dark);background:#c9a2271a;box-shadow:0 4px 14px #c9a22724}.preview-brick{width:116px;min-height:104px;color:var(--editorial-black);cursor:pointer;text-align:left;background:#fff;border:1px solid #d9d9d9;border-top-width:3px;border-radius:6px;padding:0;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden}.preview-brick img{aspect-ratio:16/9;object-fit:cover;background:var(--editorial-light);width:100%;display:block}.preview-brick span{padding:.5rem .6rem;font-size:.78rem;font-weight:850;display:block}.preview-brick.selected,.preview-brick:hover{border-color:var(--editorial-accent);border-top-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold);transform:translateY(-1px)}.preview-brick.selected span{background:var(--editorial-gold-gradient);color:#3a2a05}.parameter-bricks{gap:1rem;margin-top:0;display:grid}.standalone-title{border-left:4px solid var(--editorial-accent);background:#c9a2270d;margin-bottom:0;padding:.9rem 1rem}.supplemental-step-grid{gap:1rem;display:grid}.supplemental-step-panel{margin:0}.advanced-image-panel .brick-side-wrapper{margin-top:1.5rem}.advanced-image-panel .block-preview,.advanced-image-panel .brick-area{margin-top:1rem}.image-controls{background:linear-gradient(#c9a22705,#fff);border:1px solid #e9e9e9;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.image-workflow-switcher{background:linear-gradient(135deg,#c9a22708 0%,#fff 100%);border:1px solid #e9e9e9;gap:.75rem;margin-top:1rem;padding:.75rem;display:flex}.image-workflow-btn{color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #d9d9d9;flex:1;padding:.85rem 1rem;font-weight:800;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}.image-workflow-btn:hover{border-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-soft)}.image-workflow-btn.active{border-color:var(--editorial-black);background:var(--editorial-black);color:#fff;box-shadow:var(--editorial-shadow-soft)}.image-reverse-panel{background:linear-gradient(#c9a22705,#fff);border:1px solid #e9e9e9;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.image-reverse-head h2{font-size:1.7rem}.reverse-upload-zone{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#faf7ef 100%);border:1px dashed #d7d7d7;padding:1rem;display:block}.reverse-upload-zone:hover,.reverse-upload-zone.has-image{border-color:var(--editorial-accent)}.reverse-upload-zone input{display:none}.reverse-upload-dropzone{display:block}.reverse-upload-empty,.reverse-upload-preview{text-align:center;place-items:center;gap:.5rem;min-height:200px;display:grid}.reverse-upload-empty .app-icon{color:var(--editorial-accent);opacity:.6;font-size:2.4rem}.reverse-upload-empty strong,.reverse-upload-preview strong{font-size:1rem}.reverse-upload-empty span,.reverse-upload-meta span{color:var(--editorial-gray);font-size:.82rem}.reverse-upload-preview img{object-fit:contain;background:#111;border:1px solid #ececec;width:100%;max-height:280px}.reverse-upload-meta{justify-items:center;gap:.1rem;display:grid}.reverse-section{gap:.75rem;display:grid}.reverse-platform-tabs{margin-top:.25rem}.reverse-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.reverse-note-field{gap:.5rem;display:grid}.reverse-note-input{min-height:120px;margin-top:0}.image-pack-panel{background:#fff;border:1px solid #e9e9e9;margin:1.5rem 0;padding:1rem}.image-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.image-pack-card{min-height:86px;color:var(--editorial-black);cursor:pointer;text-align:left;background:linear-gradient(145deg,#fff 0%,#fcfcfc 100%);border:1px solid #d9d9d9;border-radius:6px;gap:.25rem;padding:.9rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.image-pack-card strong{font-size:.96rem}.image-pack-card span{color:var(--editorial-gray);font-size:.82rem;line-height:1.4}.image-pack-card.selected,.image-pack-card:hover{border-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold);transform:translateY(-1px)}.platform-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.platform-tab{min-height:42px;color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-weight:700}.platform-tab.selected,.platform-tab:hover{border-color:var(--editorial-accent);background:var(--editorial-black);color:#fff}.structure-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.structure-choice-group{background:#fff;border:1px solid #e4e4e4;gap:.55rem;padding:.75rem;display:grid}.structure-choice-head{flex-direction:column;gap:.1rem;display:flex}.structure-choice-head strong{color:var(--editorial-black);font-size:.86rem}.structure-choice-head span{color:var(--editorial-gray);font-size:.76rem}.structure-choice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.structure-choice{min-height:38px;color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:.45rem .5rem;font-size:.78rem;font-weight:800;transition:border-color .2s,background-color .2s,color .2s}.structure-choice.selected,.structure-choice:hover{border-color:var(--editorial-accent);color:var(--editorial-accent-dark);background:#c9a2271a}.tuning-grid{gap:.75rem;margin-top:.75rem;display:grid}.tuning-group{background:#fff;border:1px solid #e4e4e4;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem;display:grid}.tuning-group strong{font-size:.84rem}.tuning-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.tuning-option{min-height:36px;color:var(--editorial-black);cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:.4rem .5rem;font-size:.78rem;font-weight:800;transition:border-color .2s,background-color .2s,color .2s}.tuning-option.selected,.tuning-option:hover{border-color:var(--editorial-black);background:var(--editorial-black);color:#fff}.negative-panel h3{margin-bottom:.35rem}.negative-options{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.negative-chip{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.negative-chip input{accent-color:var(--editorial-accent)}.negative-chip.selected{border-color:var(--editorial-accent);color:var(--editorial-accent-dark);background:#c9a2271a}.image-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.image-option-card{min-height:104px;color:var(--editorial-black);cursor:pointer;text-align:left;background:#fff;border:1px solid #dadada;border-radius:8px;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.image-option-card img{aspect-ratio:16/9;object-fit:cover;background:#f0f0f0;width:100%;display:block}.image-option-card span{padding:.55rem .65rem;font-size:.78rem;font-weight:800;display:block}.image-option-card.selected,.image-option-card:hover{border-color:var(--editorial-accent);transform:translateY(-1px);box-shadow:0 8px 24px #c9a22740}.image-option-card.selected span{background:var(--editorial-gold-gradient);color:#3a2a05}.code-editorial{background:var(--editorial-black);color:#e0e0e0;font-family:var(--font-code);padding:1.5rem;font-size:.92rem;line-height:1.8;position:relative;overflow-x:auto}.code-editorial pre{white-space:pre-wrap;word-break:break-word}.code-header{color:#f4e5b2;background:#c9a2271a;border-bottom:1px solid #c9a2274d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-weight:700;display:flex}.optimized{background:linear-gradient(160deg,#1a1a1a 0%,#2a2617 100%);margin-top:1rem}.delta{color:var(--editorial-accent-light);font-size:.75rem}.result-actions{gap:1rem;margin-top:1.5rem;display:flex}.result-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:1.2rem 0 1.25rem;display:grid}.result-compare-card{background:linear-gradient(#fff 0%,#fbfbfb 100%);border:1px solid #e5e5e5;gap:.7rem;padding:1rem;display:grid}.result-compare-card.source{border-top:4px solid var(--editorial-accent)}.result-compare-card.optimized{border-top:4px solid #3f7c59}.result-compare-card.history{border-top:4px solid #5b6673}.result-compare-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.result-compare-head h3{font-size:1.15rem}.result-compare-meta{color:var(--editorial-gray);font-size:.8rem;line-height:1.45}.result-compare-body{color:#ececec;white-space:pre-wrap;word-break:break-word;background:#121212;border:1px solid #ececec;min-height:180px;max-height:280px;margin:0;padding:1rem;overflow:auto}.result-compare-foot{color:var(--editorial-gray);justify-content:space-between;gap:.75rem;font-size:.75rem;display:flex}.history-btn{z-index:100;border:2px solid var(--editorial-accent);background:var(--editorial-black);color:var(--editorial-accent);cursor:pointer;border-radius:50px;padding:1rem 1.5rem;position:fixed;top:50%;right:2rem;transform:translateY(-50%);box-shadow:0 4px 20px #0003}.history-sidebar,.template-library-sidebar,.settings-panel{z-index:999;background:#fff;width:520px;height:100vh;transition:right .35s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:-520px;overflow-y:auto;box-shadow:-5px 0 30px #0000001a}.optional-supplement-sidebar{z-index:999;--optional-panel-width:clamp(760px, 66vw, 1080px);top:0;right:calc(-1 * var(--optional-panel-width));width:var(--optional-panel-width);background:#fff;height:100vh;transition:right .35s cubic-bezier(.22,1,.36,1);position:fixed;overflow-y:auto;box-shadow:-5px 0 30px #0000001a}.history-sidebar.open,.template-library-sidebar.open,.settings-panel.open,.optional-supplement-sidebar.open{right:0}.history-header,.template-library-header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;padding:1.6rem;position:sticky;top:0}.history-item,.template-library-item{cursor:pointer;border-bottom:1px solid #f0f0f0;width:100%;padding:1.25rem 1.5rem;transition:background .2s;display:block;position:relative}.history-item:hover,.template-library-item:hover,.template-library-item.selected{background:#c9a22708}.history-item-title{color:var(--editorial-black);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;overflow:hidden}.history-item-meta,.template-library-item-meta{color:var(--editorial-gray);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.template-panel-hint{margin-top:.35rem}.history-actions{gap:.5rem;display:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.history-item:hover .history-actions{display:flex}.history-action-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.25rem .5rem}.history-empty,.template-library-empty{color:var(--editorial-gray);text-align:center;padding:3rem}.history-empty .app-icon,.template-library-empty .app-icon{opacity:.3;margin-bottom:1rem;font-size:3rem}.panel-skeleton{min-height:220px;color:var(--editorial-gray);text-align:center;place-items:center;display:grid}.overlay{z-index:998;opacity:0;visibility:hidden;background:#0000004d;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.overlay.show{opacity:1;visibility:visible}.template-search{width:100%;color:var(--editorial-black);background:#fff;border:1px solid #e0e0e0;margin-top:1rem;padding:.75rem 1rem;font-size:.92rem}.optional-supplement-header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;gap:.8rem;padding:1.1rem;display:grid;position:sticky;top:0}.optional-supplement-summary{color:var(--editorial-gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.optional-supplement-body{padding:.3rem 0 1rem}.optional-section-card{border-bottom:1px solid #f0f0f0;padding:.8rem 1.1rem 1rem}.optional-section-head{margin-bottom:.55rem}.optional-group-list{gap:.55rem;display:grid}.choice-group-card.compact-search-card{box-shadow:none;background:#fff;border:1px solid #e6e6e6;padding:.6rem}.choice-group-card.compact-search-card .choice-group-summary{margin-bottom:.35rem;padding:.55rem .65rem;font-size:.8rem;line-height:1.45}.choice-group-card.compact-search-card .branch-option-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.35rem}.choice-group-card.compact-search-card .branch-brick-card{min-height:72px;box-shadow:none;border-color:#e1e1e1;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:.2rem .45rem;padding:.45rem .55rem;display:grid}.choice-group-card.compact-search-card .branch-brick-card.with-preview{padding:.55rem .6rem;overflow:hidden}.choice-group-card.compact-search-card .branch-brick-card.with-preview img{aspect-ratio:1;object-fit:cover;background:var(--editorial-light);border-radius:4px;grid-row:1/span 4;width:72px;height:72px;display:block}.choice-group-card.compact-search-card .branch-brick-card.compact:not(.with-preview){grid-template-columns:1fr;align-items:center;min-height:auto}.output-guide-panel .choice-group-card.compact-search-card .branch-brick-card.no-preview{padding:.45rem .55rem}.output-guide-panel .choice-group-card.compact-search-card .branch-brick-card.no-preview .brick-number{margin-top:0}.output-guide-panel .choice-group-card.compact-search-card .branch-brick-card.no-preview strong{font-size:.84rem}.output-guide-panel .choice-group-card.compact-search-card .branch-brick-card.no-preview small{display:none}.output-guide-panel .choice-group-card.compact-search-card .custom-note-panel summary{padding:.55rem .65rem;font-size:.8rem}.output-guide-panel .choice-group-card.compact-search-card .custom-note-body{padding:0 .65rem .65rem}.choice-group-card.compact-search-card .branch-brick-card.with-preview .brick-number,.choice-group-card.compact-search-card .branch-brick-card.with-preview strong,.choice-group-card.compact-search-card .branch-brick-card.with-preview small{margin-left:0;margin-right:0}.choice-group-card.compact-search-card .branch-brick-card.with-preview .brick-number{margin-top:.05rem}.choice-group-card.compact-search-card .branch-brick-card.with-preview small{margin-bottom:0;font-size:.74rem}.choice-group-card.compact-search-card .branch-brick-card.with-preview strong,.choice-group-card.compact-search-card .branch-brick-card strong{font-size:.88rem;line-height:1.25}.choice-group-card.compact-search-card .branch-brick-card small{color:var(--editorial-gray);font-size:.74rem;line-height:1.35}.choice-group-card.compact-search-card .mini-brick-row{gap:.35rem}.choice-group-card.compact-search-card .mini-brick{min-height:auto;padding:.42rem .65rem;font-size:.88rem}.choice-group-card.compact-search-card .mini-brick.compact{box-shadow:none}.template-categories{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.category-chip{color:var(--editorial-gray);cursor:pointer;background:#fff;border:1px solid #e0e0e0;padding:.35rem .65rem;font-size:.75rem}.category-chip.selected,.category-chip:hover{border-color:var(--editorial-accent);color:var(--editorial-accent);background:#c9a2271a}.template-library-item-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.template-library-item{appearance:none;width:100%;font:inherit;text-align:left;background:0 0;border:0;display:block}.template-meta-tag{background:var(--editorial-light);color:var(--editorial-gray);border-radius:3px;padding:.2rem .45rem}.settings-body{padding:1.5rem}.provider-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.provider-mode-card{color:var(--editorial-black);cursor:pointer;text-align:left;background:linear-gradient(#fff 0%,#fafafa 100%);border:1px solid #e0e0e0;gap:.3rem;padding:.95rem 1rem;display:grid}.provider-mode-card .app-icon{color:var(--editorial-accent);font-size:1.1rem}.provider-mode-card strong{font-size:.96rem}.provider-mode-card span,.field-hint{color:var(--editorial-gray);font-size:.82rem;line-height:1.45}.provider-mode-card.selected{border-color:var(--editorial-accent);box-shadow:var(--editorial-shadow-gold)}.field-label{color:var(--editorial-black);letter-spacing:.04em;font-weight:800;display:block}.api-preview{border-left:4px solid var(--editorial-accent);background:#c9a2270d;margin:1rem 0;padding:.9rem}.api-preview strong,.api-preview span{display:block}.api-preview span{color:var(--editorial-gray);word-break:break-all}.api-status{background:#fafafa;border-left:4px solid #d9d9d9;gap:.25rem;margin:1rem 0;padding:.9rem;display:grid}.api-status strong{font-size:.92rem}.api-status span{color:var(--editorial-gray);font-size:.84rem;line-height:1.45}.api-status.testing{border-left-color:#c9a227}.api-status.success{border-left-color:#3f7c59}.api-status.error{border-left-color:#b04747}.settings-actions{gap:.75rem;display:grid}.api-bridge-note{color:var(--editorial-gray);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:.75rem 0 1rem;font-size:.78rem;display:flex}.api-bridge-note span{word-break:break-all}.toast{z-index:1001;background:var(--editorial-black);color:#fff;opacity:0;padding:1rem 2rem;font-weight:700;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%,100px)}.toast.show{opacity:1;transform:translate(-50%)}.divider{background:linear-gradient(to right, transparent, var(--editorial-accent), var(--editorial-accent-light), var(--editorial-accent), transparent);height:1px;margin:2.5rem 0}.app-footer{color:var(--editorial-gray);text-align:center;letter-spacing:.14em;padding:0 0 42px;font-size:.74rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.w-full{width:100%}.flex-1{flex:1}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}@media (width<=1024px){.workspace-grid,.build-track,.composer-grid,.composer-extension-grid{grid-template-columns:1fr}.core-guide-grid,.optional-supplement-grid,.core-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-compare-grid{grid-template-columns:1fr}.recipe-preview{position:static}}@media (width<=768px){.topbar-actions{margin-top:18px;position:static}.mode-switcher,.result-actions,.image-workflow-switcher{flex-direction:column}.card-editorial{padding:1.5rem}.brick-composer{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.template-list{grid-template-columns:1fr}.build-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.75rem;padding:.75rem;scroll-padding-inline:.75rem;display:flex;overflow-x:auto}.build-track::-webkit-scrollbar{display:none}.track-brick{scroll-snap-align:start;flex:0 0 min(78vw,240px);min-height:96px}.core-guide-shell{padding:1rem}.core-guide-grid,.optional-supplement-grid,.core-output-grid{grid-template-columns:1fr}.choice-group-head,.step-title-row,.advanced-image-panel summary,.negative-guide-summary{flex-direction:column;align-items:flex-start}.optional-library-sort{width:100%}.filter-chip{flex:auto}.step-progress-chip{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;min-width:0}.core-next-step{flex-direction:column;align-items:stretch}.core-next-step .btn-secondary.compact{width:100%}.desktop-generate-btn{display:none}.mobile-generate-bar{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:var(--editorial-shadow-dramatic);z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafafaf5;border:1px solid #dfdfdf;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;display:grid;position:fixed;left:12px}.mobile-generate-summary{gap:.12rem;min-width:0;display:grid}.mobile-generate-summary strong{font-size:.96rem}.mobile-generate-summary small{color:var(--editorial-gray);font-size:.76rem;line-height:1.35}.mobile-generate-btn{white-space:nowrap;min-width:120px;padding:.95rem 1.1rem}.platform-tabs,.branch-option-grid,.image-pack-grid,.structure-choice-grid,.image-option-grid,.provider-mode-grid{grid-template-columns:1fr}.reverse-upload-preview img{max-height:220px}.tuning-group{grid-template-columns:1fr}.history-sidebar,.template-library-sidebar,.settings-panel,.optional-supplement-sidebar{width:100%;right:-100%}.history-btn{right:1rem}}@media (width<=480px){.mobile-generate-bar{grid-template-columns:1fr}.mobile-generate-btn{width:100%}}