:root{--paper:#101216;--ink:#eef0f4;--muted:#9aa1ad;--line:#262b34;--orange:#e8b04b;--green:#22262e}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}header{position:sticky;top:0;z-index:30;max-width:none;background:#101216ed;backdrop-filter:blur(12px);height:82px;padding:0 28px}.brand{font-size:22px;letter-spacing:.5px;color:var(--orange)}nav a{padding:8px 14px;border-radius:99px;border:1px solid var(--line);font-size:13px}nav a.category-active{color:#171207;background:var(--orange)}h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-1px}.serif,h2,.closing em{font-family:inherit}.hero{padding-top:44px}.orange,.dark{background:var(--orange);color:#171207}.floating-note{background:#22262e;color:var(--orange)}.photo-label{color:#171207}.compare{background:#181b21}.compare-line span{color:#171207}.segmented .active,.format-tabs .active{background:var(--orange);color:#171207}.studio{background:#181b21;margin:0;padding-top:36px}.workspace{background:#101216;border:1px solid var(--line);border-radius:14px}.upload-zone{background:#181b21;border-color:#49505e}.upload-zone.dragover,.upload-zone #replaceLabel{background:#22262e}.settings select{color:var(--ink);background:#181b21}.settings textarea{color:var(--ink)}.choice button{color:var(--muted)}.choice button.active{background:#332b1c;color:var(--orange);border-color:var(--orange)}.backend-note{background:#22262e}.backend-note p{color:var(--muted)}.backend-note strong,.status{color:var(--orange)}.prompt-actions button{background:#22262e;color:var(--ink)}.case{border:1px solid var(--line);border-radius:14px;background:#181b21;padding:14px}.case h3{font-weight:650}.case-actions button,.text-button{color:var(--ink)}.closing{padding:30px}.closing h2{font-size:24px}.closing em{color:var(--muted)}#toast{background:var(--orange);color:#171207}footer>.brand{color:var(--orange)}@media(max-width:800px){header{height:auto;min-height:100px;padding:14px 16px;flex-wrap:wrap;gap:12px}header nav{display:flex;order:3;width:100%;gap:6px}header nav a{font-size:12px;padding:7px 10px}.navcta{font-size:11px}.brand{font-size:19px}.hero{padding-top:30px}.workspace{padding:18px}.hero h1{font-size:42px}.status{font-size:9px}}header nav{margin-left:auto;gap:10px}header nav a{white-space:nowrap}header nav a:last-child{display:block}.settings select[hidden]{display:none}.style-picker-trigger{display:flex;align-items:center;gap:16px;width:100%;padding:12px;text-align:left;border:1px solid #49505e;border-radius:10px;background:#181b21;color:var(--ink)}.style-picker-trigger:hover{border-color:var(--orange);background:#22262e}.style-picker-trigger>img{width:92px;height:92px;object-fit:cover;border-radius:6px;flex-shrink:0}.selected-style-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:7px}.selected-style-copy strong{font-size:17px}.selected-style-copy>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.selected-style-copy small{font-size:11px;color:var(--orange)}.picker-arrow{font-size:24px;padding:0 6px}.picker-open{overflow:hidden}.style-picker{width:min(960px,calc(100vw - 40px));max-width:none;height:min(800px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #49505e;border-radius:18px;background:#101216;color:var(--ink);box-shadow:0 24px 100px #0009}.style-picker[open]{display:flex;flex-direction:column;gap:16px}.style-picker::backdrop{background:#05070bd9;backdrop-filter:blur(5px)}.picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0}.picker-heading h2{font-size:23px;margin:0 0 8px}.picker-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.picker-close{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#22262e;color:var(--ink)}.picker-controls{display:flex;gap:10px;flex-shrink:0}.picker-controls input,.picker-controls select{min-width:0;background:#22262e;border:1px solid #49505e;border-radius:8px;padding:11px 12px;color:var(--ink);font-size:13px}.picker-controls input{flex:1}.picker-controls select{width:145px}.picker-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.picker-summary{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);flex-shrink:0}.style-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;flex:1 1 0%;gap:10px;overflow-y:auto;min-height:0;align-content:start;padding:5px 7px 7px;scrollbar-color:#49505e #181b21}.style-card{position:relative;display:block;align-self:start;box-sizing:border-box;width:100%;aspect-ratio:1;min-height:0;padding:0;text-align:left;overflow:hidden;min-width:0;border:2px solid var(--line);border-radius:10px;background:#181b21;color:var(--ink)}.style-card:hover{border-color:#929aa7}.style-card.selected{border-color:var(--orange)}.style-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.style-card>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#22262e}.style-card-name{position:absolute;inset:auto 0 0;padding:28px 12px 12px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px;line-height:1.4;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .15s ease}.style-card:hover .style-card-name,.style-card:focus-visible .style-card-name{opacity:1}.picker-empty{text-align:center;padding:30px 10px;color:var(--muted)}.picker-footnote{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.5;flex-shrink:0}@media(max-width:1000px){.style-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){header nav{justify-content:flex-end}.style-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.style-picker{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:16px 12px;border-radius:12px;gap:12px}.style-picker[open]{gap:12px}.style-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px}.picker-heading h2{font-size:20px}.picker-heading p{font-size:12px}.picker-controls{gap:8px}.picker-controls select{width:110px;padding:9px 6px}.picker-controls input{padding:9px}.style-picker-trigger>img{width:76px;height:82px}.style-picker-trigger{gap:12px}.selected-style-copy strong{font-size:16px}header nav{gap:6px}}.settings #subjectSelect[hidden]{display:none}.segmented{flex-wrap:wrap}.segmented button{white-space:nowrap}.case-compare{aspect-ratio:1;margin:0;background:#101216}.case-compare .photo-label{top:8px;padding:5px 7px;font-size:9px}.case-compare .photo-label.left{left:8px}.case-compare .photo-label.right{right:8px}.case-compare .compare-line span{width:28px;height:28px}.case-style{display:block;font-size:12px;color:var(--orange);margin:12px 0 8px;overflow-wrap:anywhere}.case-source-note{font-size:10px!important}.case-meta{gap:8px;align-items:flex-start}.case-meta h3{font-size:17px}.case-category{white-space:nowrap}.compare.tile-preview{aspect-ratio:1}.compare.tile-preview img{width:300%;height:300%;max-width:none;object-fit:fill}.upload-zone{min-height:190px}.upload-zone #uploadHint{padding:22px}.upload-zone .upload-icon{font-size:32px}.upload-zone h3{margin:10px 0}.upload-summary{font-size:12px;color:var(--muted);margin:14px 0;line-height:1.6}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.upload-item{min-width:0;background:#181b21;border:1px solid var(--line);border-radius:7px;overflow:hidden}.upload-item>img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.upload-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:7px 6px}.upload-item-actions{display:flex;gap:3px;flex-wrap:wrap;padding:0 5px 7px}.upload-item-actions button{font-size:10px;padding:5px 3px;background:#22262e;color:var(--ink);border:1px solid #49505e;border-radius:3px;flex:1;min-width:0}.upload-item-actions button:disabled{opacity:.35;cursor:default}#batchSettings>label{display:block;font-size:12px;margin:10px 0}#batchSettings select{margin-bottom:10px}.style-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 22px}.style-plan-cell{display:flex;flex-direction:column;gap:7px;padding:10px 8px;border:1px solid #49505e;border-radius:5px;background:#181b21;min-width:0}.style-plan-cell b{font-size:11px;color:var(--orange)}.style-plan-cell span{font-size:10px;line-height:1.4;overflow-wrap:anywhere}.upload-item-actions button:focus-visible,.case-style:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media(max-width:500px){.upload-grid{gap:6px}.upload-item-actions{gap:2px}.upload-item-actions button{font-size:9px;padding:6px 2px}.style-plan-cell{padding:8px 5px}.case-meta h3{font-size:19px}}.hero-visual .compare{aspect-ratio:1}.hero-visual .floating-note{position:static;display:inline-block;float:right;transform:none;margin-top:12px;padding:8px 14px}.compare.grid-preview{aspect-ratio:1}.compare.grid-preview>img{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.choice.single-output{grid-template-columns:1fr}.compare .photo-label.right{max-width:calc(100% - 84px);text-align:right;line-height:1.4}.style-card.photo-effect>img,#selectedStyleImage.photo-effect{object-fit:contain}.case-more{display:flex;flex-direction:column;cursor:pointer}.case-more:hover{border-color:var(--orange);background:#1f232b}.case-more-preview{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#101216}.case-more-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.case-more-badge{position:absolute;left:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:var(--orange);color:#171207;font-size:11px;font-weight:600}.case-more-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;color:var(--orange);font-size:12px}.case-more-action b{font-size:28px;line-height:1;font-weight:400}.artwork-library-link{margin:20px 0 8px;font-size:13px}.artwork-library-link a{font-weight:600;text-decoration:underline;text-underline-offset:4px}