/* 贴图号：轻透玻璃工作面，仅作用于本页。 */
body.atelier #tie-tu.tie-studio { --tie-ink:#203c32; --tie-muted:#657c70; --tie-line:rgba(91,139,111,.2); }
body.atelier #tie-tu .skill-shell { align-items:start; gap:18px; background:transparent!important; border:0!important; box-shadow:none!important; }
body.atelier #tie-tu .skill-form-col, body.atelier #tie-tu .skill-output-col { min-width:0; border:1px solid rgba(255,255,255,.76)!important; border-radius:24px!important; background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(239,250,242,.48))!important; box-shadow:0 16px 44px rgba(34,87,59,.09),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(120,173,142,.12)!important; -webkit-backdrop-filter:blur(28px) saturate(145%); backdrop-filter:blur(28px) saturate(145%); }
body.atelier #tie-tu .skill-form-col { padding:28px!important; }
body.atelier #tie-tu .skill-output-col { padding:30px!important; height:auto!important; max-height:none; position:static; overflow:visible; }
body.atelier #tie-tu .skill-form-col > .micro-label, body.atelier #tie-tu .skill-form-col > h1, body.atelier #tie-tu .skill-form-col > p { display:block; }
body.atelier #tie-tu .skill-form-col h1 { color:var(--tie-ink); font:600 24px/1.25 'Microsoft YaHei',sans-serif; letter-spacing:-.03em; margin:15px 0 10px; }
body.atelier #tie-tu .skill-form-col > p { color:var(--tie-muted); line-height:1.7; }
body.atelier #tie-tu .micro-label, body.atelier #tie-tu .v3-meta { color:#678375; letter-spacing:.06em; }
body.atelier #tie-tu .creator-conversation { margin:22px 0 8px; }
body.atelier #tie-tu .creator-conversation textarea { min-height:128px; background:rgba(255,255,255,.65); border:1px solid rgba(120,160,136,.28); border-radius:16px; padding:14px; line-height:1.6; box-shadow:inset 0 1px 3px rgba(34,70,45,.04); }
body.atelier #tie-tu .creator-conversation textarea:focus-visible, body.atelier #tie-tu .style-chip:focus-visible { outline:3px solid #68aa83; outline-offset:2px; }
body.atelier #tie-tu .creator-conversation .primary-action { background:linear-gradient(145deg,#43886a,#276f50)!important; color:white!important; border:1px solid rgba(255,255,255,.35)!important; border-radius:12px!important; box-shadow:0 6px 15px rgba(35,111,75,.2),inset 0 1px rgba(255,255,255,.3)!important; }
body.atelier #tie-tu .creator-form-mode { border-top:1px solid var(--tie-line); margin-top:18px; }
body.atelier #tie-tu .creator-form-mode summary { color:#54705e; font-size:13px; }
body.atelier #tie-tu .skill-empty { display:block!important; width:100%; min-width:0; padding:0!important; background:transparent; border:0; box-shadow:none; text-align:left!important; }
body.atelier #tie-tu .skill-empty[hidden] { display:none!important; }
body.atelier #tie-tu .skill-empty::before { display:none!important; }
body.atelier #tie-tu .empty-head .tag { display:inline-flex; align-items:center; gap:8px; color:#658778; font-size:12px; letter-spacing:.04em; }
body.atelier #tie-tu .tie-status-dot { width:5px; height:5px; border-radius:50%; background:#88bda1; }
body.atelier #tie-tu .empty-head h2 { color:var(--tie-ink); font:600 24px/1.3 'Microsoft YaHei',sans-serif!important; letter-spacing:-.025em; margin:15px 0 8px!important; }
body.atelier #tie-tu .empty-head p { color:var(--tie-muted); line-height:1.7; }
body.atelier #tie-tu .skill-output-col .empty-grid { display:grid; grid-template-columns:minmax(0,1fr)!important; gap:18px; margin-top:26px; width:100%; }
body.atelier #tie-tu .empty-preview { border:0; border-radius:18px; background:transparent; box-shadow:none; padding:0; }
body.atelier #tie-tu .empty-preview-tietu { padding:18px; background:linear-gradient(145deg,rgba(232,247,236,.56),rgba(255,255,255,.32)); border:1px solid rgba(255,255,255,.8); box-shadow:inset 0 1px 0 white,0 6px 24px rgba(67,118,84,.05); }
body.atelier #tie-tu .empty-preview header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
body.atelier #tie-tu .ep-tag, body.atelier #tie-tu .ep-meta { color:#688577; font-size:12px; font-style:normal; }
body.atelier #tie-tu .tietu-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.atelier #tie-tu .empty-preview-tietu .tietu-card { position:relative; aspect-ratio:3 / 4; max-height:260px; min-height:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; padding:16px; border:1px solid rgba(255,255,255,.84); border-radius:15px; overflow:hidden; background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(226,242,233,.4))!important; box-shadow:0 8px 22px rgba(52,98,68,.07),inset 0 1px rgba(255,255,255,.95); color:#719485; }
body.atelier #tie-tu .empty-preview-tietu .tietu-card:nth-child(2) { background:linear-gradient(145deg,rgba(244,255,248,.8),rgba(209,235,219,.42))!important; }
body.atelier #tie-tu .empty-preview-tietu .tietu-card:nth-child(3) { background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(232,241,232,.48))!important; }
body.atelier #tie-tu .empty-preview-tietu .tietu-card .tc-n { position:static; font-size:11px; font-weight:600; color:#7b9a88; }
body.atelier #tie-tu .tie-card-icon { align-self:center; font-size:32px; font-weight:300; color:rgba(105,158,126,.52); }
body.atelier #tie-tu .tie-card-foot { font-size:12px; color:#779588; }
body.atelier #tie-tu .style-chip-row { display:flex; flex-wrap:wrap; gap:8px; }
body.atelier #tie-tu .style-chip { border:1px solid rgba(130,170,143,.27); border-radius:999px; background:rgba(255,255,255,.58); color:#496b57; padding:7px 12px; font-size:12px; box-shadow:inset 0 1px rgba(255,255,255,.9); transition:background .18s,transform .18s; }
body.atelier #tie-tu .style-chip:hover { background:rgba(255,255,255,.94); transform:translateY(-1px); }
body.atelier #tie-tu .empty-foot { margin-top:22px; padding-top:16px; border-top:1px solid var(--tie-line); color:#638070; background:transparent!important; }
body.atelier #tie-tu .empty-foot small { color:#8ca798; }
body.atelier #tie-tu .tie-result .creator-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
body.atelier #tie-tu .tie-result .creator-output-card { border:1px solid rgba(255,255,255,.85); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.55); box-shadow:0 8px 24px rgba(52,98,68,.07); }
body.atelier #tie-tu .tie-result .card-image-slot { background:rgba(226,245,232,.6); aspect-ratio:3 / 4; }
body.atelier #tie-tu .tie-result .card-image-slot img { width:100%; height:100%; object-fit:contain; }
body.atelier #tie-tu .tie-result .creator-card-copy { padding:14px; }
@media(max-width:768px) { body.atelier #tie-tu .skill-form-col,body.atelier #tie-tu .skill-output-col { padding:20px!important; } body.atelier #tie-tu .empty-preview-tietu { padding:12px; } body.atelier #tie-tu .tietu-board { gap:7px; } body.atelier #tie-tu .empty-preview-tietu .tietu-card { padding:10px; border-radius:11px; } body.atelier #tie-tu .tie-card-icon { font-size:23px; } body.atelier #tie-tu .empty-foot small { display:none; } }
@media(prefers-reduced-transparency:reduce) { body.atelier #tie-tu .skill-form-col,body.atelier #tie-tu .skill-output-col { background:#f5fbf6!important; -webkit-backdrop-filter:none; backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { body.atelier #tie-tu .style-chip { transition:none; } }

/* 贴图号大屏尺度与表单控件，与玻璃工作区统一。 */
@media(min-width:1100px) {
 body.atelier #tie-tu .tool-heading,body.atelier #tie-tu .skill-shell { max-width:1920px!important; }
 body.atelier #tie-tu .skill-shell { grid-template-columns:clamp(410px,32%,560px) minmax(0,1fr)!important; gap:20px!important; }
 body.atelier #tie-tu .skill-form-col { padding:32px!important; }
 body.atelier #tie-tu .skill-output-col { padding:34px!important; min-height:690px!important; }
 body.atelier #tie-tu .empty-preview-tietu .tietu-card { max-height:340px; }
}
body.atelier #tie-tu .skill-form-col > p,body.atelier #tie-tu .empty-head p,body.atelier #tie-tu .creator-conversation label,body.atelier #tie-tu .creator-conversation textarea { font-size:15px!important; }
body.atelier #tie-tu .creator-form-mode summary { font-size:14px; font-weight:600; padding:12px 0; cursor:pointer; }
body.atelier #tie-tu .creator-form-mode #tie-form { position:static!important; padding:20px!important; margin:2px 0 0!important; border:1px solid rgba(255,255,255,.9)!important; border-radius:18px!important; background:rgba(255,255,255,.46)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(43,98,65,.06)!important; }
body.atelier #tie-tu #tie-form .form-section { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
body.atelier #tie-tu #tie-form .field-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.atelier #tie-tu #tie-form label { display:flex; flex-direction:column; gap:7px; min-width:0; color:#526e60!important; font-size:13px!important; }
body.atelier #tie-tu #tie-form :is(input,select,textarea) { width:100%!important; min-width:0; min-height:44px; font-size:14px!important; color:#274a38; border:1px solid rgba(115,158,130,.3)!important; border-radius:11px!important; background:rgba(255,255,255,.72)!important; box-shadow:inset 0 1px 2px rgba(27,79,45,.04)!important; }
body.atelier #tie-tu #tie-form textarea { min-height:110px; }
body.atelier #tie-tu #tie-form .skill-primary { min-height:44px; border-radius:12px!important; }
@media(max-width:480px) { body.atelier #tie-tu #tie-form .field-grid { grid-template-columns:minmax(0,1fr); } body.atelier #tie-tu .creator-form-mode #tie-form { padding:16px!important; } }

/* 展开创作要求时背景随文档延伸；入口保持可读且易点。 */
body.atelier:has(#tie-tu:not([hidden])) { height:auto!important; min-height:100vh!important; }
body.atelier:has(#tie-tu:not([hidden])) .app-shell { height:auto!important; min-height:100vh!important; }
body.atelier #tie-tu .creator-form-mode > summary { display:flex!important; align-items:center; gap:10px; min-height:48px; padding:12px 14px!important; border:1px solid rgba(123,170,140,.26); border-radius:12px; background:rgba(255,255,255,.48); color:#28543d!important; font-size:16px!important; font-weight:600!important; line-height:1.4; list-style:none; }
body.atelier #tie-tu .creator-form-mode > summary::-webkit-details-marker { display:none; }
body.atelier #tie-tu .creator-form-mode > summary::before { content:'＋'; font-size:19px; line-height:1; color:#438462; }
body.atelier #tie-tu .creator-form-mode[open] > summary::before { content:'－'; }
body.atelier #tie-tu .creator-form-mode > summary:focus-visible { outline:3px solid #68aa83; outline-offset:2px; }
html:has(body.atelier #tie-tu:not([hidden])) { background:linear-gradient(178deg,#fafbf7 0%,#f0f3ec 52%,#e8eee6 100%) fixed!important; }
body.atelier #tie-tu .skill-shell { height:auto!important; max-height:none!important; }
body.atelier #tie-tu .skill-form-col { height:auto!important; max-height:none!important; overflow:visible!important; }

/* 聚焦计划与卡片，保留真实流程状态。 */
body.atelier #tie-tu .tie-steps { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:22px 0 0; }
body.atelier #tie-tu .tie-steps li { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(117,162,132,.18); border-radius:999px; background:rgba(255,255,255,.36); color:#667f70; font-size:13px; }
body.atelier #tie-tu .tie-steps li[aria-current] { color:#245a3d; background:rgba(215,239,222,.68); border-color:rgba(92,157,111,.28); }
body.atelier #tie-tu .tie-steps b { font-size:11px; color:#67947a; }
body.atelier #tie-tu .empty-preview-tietu .tietu-card { max-height:190px; }
body.atelier #tie-tu .creator-chat-history:not(:empty) { max-height:280px; overflow-y:auto; overscroll-behavior:contain; padding:12px 14px; border:1px solid rgba(121,162,136,.17); border-radius:14px; background:rgba(255,255,255,.42); }
body.atelier #tie-tu .creator-chat-history p { font-size:14px!important; line-height:1.7; color:#3d5749; white-space:pre-wrap; }
body.atelier #tie-tu .creator-conversation p[role=status] { font-size:14px!important; line-height:1.6; color:#425e4e; overflow-wrap:anywhere; }
body.atelier #tie-tu .tie-form-hint { margin:10px 2px 12px; color:#536e5e; font-size:13px; line-height:1.6; }
body.atelier #tie-tu .tie-result { min-width:0; width:100%; }
body.atelier #tie-tu .tie-result .output-head { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:18px; }
body.atelier #tie-tu .tie-result .output-head h2 { font-size:clamp(22px,2vw,30px); line-height:1.3; color:#203f30; }
body.atelier #tie-tu .tie-result .output-head p { max-width:65ch; font-size:14px; line-height:1.7; color:#4e685a; }
body.atelier #tie-tu .tie-result .creator-card-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),360px))!important; gap:16px!important; }
body.atelier #tie-tu .tie-result .creator-output-card { display:flex; flex-direction:column; min-width:0; }
body.atelier #tie-tu .tie-result .card-image-slot { width:100%; aspect-ratio:3/4; max-height:none; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
body.atelier #tie-tu .tie-result .card-image-slot img { min-height:0; }
body.atelier #tie-tu .tie-result .creator-card-copy { display:flex; flex-direction:column; gap:9px; padding:17px; color:#496454; }
body.atelier #tie-tu .tie-result .creator-card-copy > span { font-size:12px; color:#527a60; }
body.atelier #tie-tu .tie-result .creator-card-copy strong { font-size:16px; line-height:1.45; color:#244b34; }
body.atelier #tie-tu .tie-result .creator-card-copy p,body.atelier #tie-tu .tie-result .creator-card-copy small { font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
body.atelier #tie-tu .tie-result .creator-card-copy p b { font-size:12px; color:#6b8a76; }
@media(max-width:768px) { body.atelier #tie-tu .tie-steps { gap:6px; } body.atelier #tie-tu .tie-steps li { font-size:12px; padding:7px 9px; } body.atelier #tie-tu .creator-chat-history:not(:empty) { max-height:none; overflow:visible; } body.atelier #tie-tu .tie-result .creator-card-grid { grid-template-columns:minmax(0,min(100%,360px))!important; } body.atelier #tie-tu .tie-result .card-image-slot { max-height:none; } }

/* 表单常驻显示，标题与控件统一使用易读字号。 */
body.atelier #tie-tu .tie-form-intro { margin-top:24px; padding-top:22px; border-top:1px solid var(--tie-line); }
body.atelier #tie-tu .tie-form-intro strong { display:block; color:#244d37; font-size:18px; line-height:1.4; }
body.atelier #tie-tu .tie-form-intro p { margin:7px 0 14px; color:#526d5d; font-size:14px; line-height:1.6; }
body.atelier #tie-tu #tie-form { position:static!important; padding:20px!important; margin:0!important; border:1px solid rgba(255,255,255,.9)!important; border-radius:18px!important; background:rgba(255,255,255,.46)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(43,98,65,.06)!important; }
body.atelier #tie-tu #tie-form .head .copy strong { font-size:16px!important; line-height:1.5; }
body.atelier #tie-tu #tie-form .head .copy small { font-size:14px!important; line-height:1.6; color:#536d5e; }
body.atelier #tie-tu #tie-form label { font-size:16px!important; line-height:1.5; color:#385b47!important; }
body.atelier #tie-tu #tie-form :is(input,select,textarea) { font-size:16px!important; min-height:48px; }
body.atelier #tie-tu #tie-form .skill-primary { font-size:16px!important; min-height:48px; }
@media(max-width:480px) { body.atelier #tie-tu #tie-form { padding:16px!important; } }

/* 创建方式切换：保留两个表单的状态，仅切换可见性。 */
body.atelier #tie-tu #tie-form[hidden],body.atelier #tie-tu .creator-conversation[hidden],body.atelier #tie-tu .tie-mode-activity[hidden] { display:none!important; }
body.atelier #tie-tu .tie-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:24px 0 0; padding:5px; border:1px solid rgba(121,163,136,.2); border-radius:15px; background:rgba(226,240,230,.55); }
body.atelier #tie-tu .tie-mode-switch button { min-height:46px; border:0; border-radius:11px; background:transparent; color:#5b7464; font-size:16px; font-weight:600; cursor:pointer; }
body.atelier #tie-tu .tie-mode-switch button[aria-pressed=true] { color:#20543a; background:rgba(255,255,255,.83); box-shadow:0 3px 10px rgba(46,102,67,.1),inset 0 1px 0 #fff; }
body.atelier #tie-tu .tie-mode-switch button:focus-visible { outline:3px solid #68aa83; outline-offset:2px; }
body.atelier #tie-tu .tie-mode-hint { margin:12px 2px 14px!important; color:#526d5d!important; font-size:14px!important; line-height:1.6; }
body.atelier #tie-tu .tie-mode-activity { margin:0 2px 14px; padding:9px 12px; border-radius:10px; color:#365f49; background:rgba(216,239,224,.8); font-size:14px; line-height:1.5; }
body.atelier #tie-tu .creator-conversation:not([hidden]) { margin:0 0 8px; }

/* Make in-flight image actions visibly unavailable. */
body.atelier #tie-tu #tie-images:disabled { background:#d7dfda!important; color:#59675f!important; box-shadow:none!important; cursor:not-allowed; opacity:1; pointer-events:none; }
body.atelier #tie-tu .image-elapsed { font-size:14px; color:#496454; white-space:nowrap; }
body.atelier #tie-tu .generation-progress > div:first-child { flex-wrap:wrap; gap:10px; }
.card-image-slot { position:relative; }
.card-image-slot .card-image-preview { display:block; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.card-image-slot .card-image-preview img { width:100%; height:100%; object-fit:contain; }
.card-image-slot .card-image-download { position:absolute; right:10px; bottom:10px; padding:7px 12px; border-radius:8px; background:#fff; color:#163f32; box-shadow:0 2px 10px #0002; font-size:14px; }
.card-image-lightbox { max-width:96vw; max-height:96dvh; padding:12px; border:0; border-radius:14px; background:#fff; }
.card-image-lightbox::backdrop { background:#000b; }
.card-image-lightbox > img { display:block; max-width:90vw; max-height:80dvh; width:auto; height:auto; margin:auto; object-fit:contain; }
.card-image-lightbox > div { display:flex; justify-content:flex-end; gap:18px; align-items:center; padding-top:12px; }
.card-image-lightbox button,.card-image-lightbox a { padding:8px 14px; cursor:pointer; }