.image-options{margin:18px 0}.mask-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:28px}.mask-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.mask-tools .btn{font-size:12px;padding:8px 12px}.mask-tools .active{background:#dbead1}.mask-tools label{display:flex;gap:8px;align-items:center;font-size:12px;margin:0}.mask-tools input{width:100px}.mask-stage{position:relative;line-height:0;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#e8ebe4 0 25%,#fff 0 50%) 50%/20px 20px}.mask-stage img{display:block;width:100%;height:auto}.mask-stage canvas{position:absolute;left:0;top:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.mask-layout aside label{margin-bottom:16px}.mask-layout .image-options{grid-template-columns:1fr}.mask-layout .form-hint{font-size:12px;line-height:1.7}.mask-layout #mask-status{font-size:12px;color:#507444}@media(max-width:750px){.mask-layout{grid-template-columns:1fr;gap:20px}.mask-tools .btn{min-height:34px}.image-options{grid-template-columns:1fr}}
.ai-chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:650px;overflow:hidden}.ai-chat-sidebar{padding:22px;border-right:1px solid var(--border);background:#fafbf8}.ai-chat-sidebar h2{font-size:13px;margin-bottom:22px}.ai-chat-sidebar>p{color:var(--muted);font-size:12px;line-height:1.8}.ai-chat-session{display:block;width:100%;text-align:left;padding:14px 12px;margin:7px 0;border:0;background:transparent;border-radius:9px;color:var(--ink);cursor:pointer}.ai-chat-session strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-session small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.ai-chat-session.selected{background:#e6efdd}.ai-chat-main{min-width:0;display:flex;flex-direction:column}.ai-chat-messages{padding:28px;max-height:570px;min-height:370px;overflow:auto;flex:1}.ai-chat-message{padding:18px 20px;border-radius:12px;background:#f6f8f2;margin-bottom:18px}.ai-chat-message.user{margin-left:12%;background:#e8f1df}.ai-chat-message small{font-size:12px;letter-spacing:1.5px;color:#668252}.ai-chat-message p{white-space:pre-wrap;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.ai-chat-message .btn{font-size:12px}.ai-chat-main form{padding:20px 28px;border-top:1px solid var(--border)}.ai-chat-main textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:14px;font:inherit;min-height:85px}.chat-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.chat-composer-footer span{font-size:12px;color:var(--muted)}.chat-delete{padding:0 28px 16px}.chat-delete .btn{font-size:12px;color:#9d6262}.ai-chat-welcome{padding:35px 0}.ai-chat-welcome>.icon{width:38px;height:38px;color:#81a761}.ai-chat-welcome h2{font-size:24px;margin-top:25px}.ai-chat-welcome p{color:var(--muted);font-size:13px}.ai-chat-welcome .module-actions{margin-top:25px}.simulation-step{padding:16px;background:#f3f7ec;border-radius:10px;margin-top:12px}.simulation-step strong{font-size:12px}.simulation-step p{font-size:12px;white-space:pre-wrap;line-height:1.7}@media(max-width:750px){.ai-chat-layout{grid-template-columns:1fr}.ai-chat-sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:210px;overflow:auto}.ai-chat-messages{padding:18px}.ai-chat-main form{padding:18px}.chat-composer-footer{align-items:flex-end}.chat-composer-footer .btn{white-space:nowrap}.ai-chat-message.user{margin-left:5%}}
.image-references{margin:20px 0;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);min-width:0}.image-references-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.image-references-heading h3{font-size:15px}.reference-count{font-size:13px;color:var(--muted)}.reference-picker{display:flex;align-items:flex-end;gap:10px;margin:16px 0}.reference-picker label{flex:1;min-width:0}.reference-picker select{width:100%}.reference-upload{display:flex;flex-direction:column;gap:8px;font-size:13px}.reference-upload input{width:100%;padding:10px;border:1px dashed var(--border);border-radius:8px}.image-reference-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.image-reference-card{display:grid;grid-template-columns:72px minmax(0,1fr) 30px;align-items:start;gap:12px;padding:12px;border:1px solid var(--border);border-radius:9px}.image-reference-card>img{width:72px;height:72px;object-fit:contain;border-radius:6px;background:var(--bg)}.image-reference-card strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.image-reference-card label{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:12px}.image-reference-card :is(input,select){width:100%;min-width:0;font-size:13px;padding:8px}.image-references-empty,.reference-upload-status{font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.image-references .form-hint{display:block;font-size:13px}.ai-workspace{align-items:start}.ai-result-panel{position:sticky;top:18px}.ai-result.ai-image-result{max-height:none;overflow:visible;padding:18px}.ai-image-result>img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:8px}.ai-result-actions{flex-wrap:wrap}.asset-list-thumbnail{width:54px;height:54px;object-fit:contain;border-radius:6px;flex-shrink:0;background:var(--bg)}.media-thumbnail{display:block;padding:0;width:100%;background:var(--bg)}.media-thumbnail img{display:block;width:100%;height:260px;object-fit:contain;padding:12px}.media-card>div{padding:20px}.media-card h3{overflow-wrap:anywhere}.media-card .module-actions{gap:8px}.media-card .module-actions .btn{font-size:13px;padding:9px 11px}.media-card>div>small{color:var(--muted)}.image-full-preview{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.image-edit-preview{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin-bottom:24px}.image-version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.image-version-card{border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}.image-version-card>button{display:block;width:100%;padding:0;background:var(--bg)}.image-version-card img{display:block;width:100%;height:200px;object-fit:contain}.image-version-card>strong,.image-version-card>small{display:block;margin-top:10px}.image-version-card>small,.image-version-card p{color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.image-version-card p{margin-top:10px}.image-version-card .module-actions{margin-top:14px}.image-version-card .btn{white-space:normal;text-align:left}.image-preview-body .module-actions{justify-content:center}
@media(max-width:750px){.ai-result-panel{position:static}.image-references{padding:14px}.reference-picker{align-items:stretch;flex-direction:column}.image-reference-card{grid-template-columns:52px minmax(0,1fr) 26px;gap:8px;padding:10px}.image-reference-card>img{width:52px;height:52px}.image-version-grid{grid-template-columns:1fr}.media-thumbnail img{height:280px}.ai-image-result>img{max-height:60vh}}
.mask-replacement-field[hidden]{display:none}.mask-replacement-field{margin-top:16px}.mask-selection-tip{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:13px;line-height:1.65}.mask-layout aside>label{display:block;margin-bottom:16px}.mask-layout aside{min-width:0}.mask-layout aside select{max-width:100%}