#taotao-white { color-scheme:light; --tw-blue:#2563eb; --tw-text:#202124; --tw-muted:#626a78; --tw-line:#e8e9ed; --tw-radius:10px; font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--tw-text); width:100%; font-size:1rem; line-height:1.6; }
#taotao-white * { box-sizing:border-box; }
#taotao-white [hidden] { display:none!important; }
#taotao-white button,#taotao-white input,#taotao-white textarea,#taotao-white select { font:inherit; }
#taotao-white button { cursor:pointer; }
#taotao-white button:disabled { color:#a3a6ad; background:#f6f7f8; border-color:var(--tw-line); cursor:default; }
#taotao-white button:focus-visible,#taotao-white textarea:focus-visible,#taotao-white input:focus-visible,#taotao-white select:focus-visible { outline:2px solid var(--tw-blue); outline-offset:3px; }
#taotao-white .tw-caption { color:#6b7280; font-size:.8125rem; margin-bottom:12px; padding-right:100px; }
#taotao-white .tw-app { background:#fff; border:1px solid var(--tw-line); border-radius:12px; overflow:hidden; }
#taotao-white .tw-header { display:flex; align-items:center; gap:34px; min-height:72px; padding:0 32px; border-bottom:1px solid var(--tw-line); }
#taotao-white .tw-brand { border:0; background:transparent; padding:0; display:flex; align-items:center; gap:8px; font-size:22px; font-weight:650; color:#202124; letter-spacing:-.8px; }
#taotao-white .tw-brand-dot { color:var(--tw-blue); }
#taotao-white .tw-nav { display:flex; gap:26px; align-self:stretch; }
#taotao-white .tw-nav button { position:relative; border:0; padding:0; background:transparent; font-size:.9375rem; color:var(--tw-muted); }
#taotao-white .tw-nav button[aria-current="page"] { color:#202124; font-weight:550; }
#taotao-white .tw-nav button[aria-current="page"]:after { content:""; height:2px; background:var(--tw-blue); position:absolute; bottom:0; left:0; right:0; }
#taotao-white .tw-account { margin-left:auto; display:flex; align-items:center; gap:15px; font-size:.8125rem; color:var(--tw-muted); white-space:nowrap; }
#taotao-white .tw-avatar { width:30px; height:30px; border-radius:50%; border:1px solid #e6e7eb; display:grid; place-items:center; color:#525761; font-size:.8125rem; background:#fafafa; }
#taotao-white .tw-home { max-width:1200px; margin:0 auto; padding:0 30px 24px; }
#taotao-white .tw-hero { padding:55px 0 40px; text-align:center; }
#taotao-white .tw-eyebrow { font-size:.8125rem; letter-spacing:2.3px; color:#6b7280; margin:0 0 16px; }
#taotao-white h1 { margin:0; font-size:38px; line-height:1.35; font-weight:600; letter-spacing:-1.2px; }
#taotao-white .tw-intro { margin:16px 0 24px; color:var(--tw-muted); font-size:1rem; line-height:1.9; }
#taotao-white .tw-primary { display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--tw-blue); color:#fff; border:1px solid var(--tw-blue); border-radius:8px; padding:11px 17px; font-size:1rem; font-weight:500; }
#taotao-white .tw-primary:hover:not(:disabled) { background:#1d4ed8; }
#taotao-white .tw-secondary { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border:1px solid #dedfe4; border-radius:7px; background:#fff; color:#4c515a; font-size:.9375rem; }
#taotao-white .tw-secondary:hover:not(:disabled) { background:#fafafa; }
#taotao-white .tw-subnote { font-size:.8125rem; color:#6b7280; margin:13px 0 0; }
#taotao-white .tw-section-title { display:flex; justify-content:space-between; align-items:center; margin:18px 0 15px; gap:10px; }
#taotao-white .tw-section-title h2 { font-size:1.125rem; font-weight:600; margin:0; }
#taotao-white .tw-section-title span { font-size:.8125rem; color:#6b7280; }
#taotao-white .tw-tool { display:grid; grid-template-columns:minmax(0,1fr) 245px; border:1px solid var(--tw-line); border-radius:var(--tw-radius); background:#fff; }
#taotao-white .tw-tool-main { padding:27px 28px; }
#taotao-white .tw-tool-heading { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
#taotao-white .tw-tool-icon { width:38px; height:38px; border-radius:9px; border:1px solid #e4e9f1; color:var(--tw-blue); display:grid; place-items:center; }
#taotao-white .tw-tool h3 { font-size:20px; font-weight:550; margin:0; letter-spacing:-.4px; }
#taotao-white .tw-tool p { margin:0; color:var(--tw-muted); font-size:1rem; line-height:1.9; }
#taotao-white .tw-tool-tags { display:flex; flex-wrap:wrap; gap:7px; margin:17px 0 20px; }
#taotao-white .tw-tool-tags span { font-size:.8125rem; color:#626a78; border:1px solid #eceef1; border-radius:5px; padding:4px 7px; }
#taotao-white .tw-text-link { padding:0; border:0; background:transparent; color:var(--tw-blue); font-size:.9375rem; display:inline-flex; align-items:center; gap:8px; }
#taotao-white .tw-tool-details { border-left:1px solid var(--tw-line); padding:25px 25px; display:flex; flex-direction:column; justify-content:center; gap:20px; }
#taotao-white .tw-capability { display:flex; gap:11px; align-items:flex-start; }
#taotao-white .tw-capability>i,#taotao-white .tw-capability>svg { color:#6b7280; margin-top:2px; flex-shrink:0; }
#taotao-white .tw-capability strong { display:block; font-size:.9375rem; font-weight:500; margin-bottom:5px; }
#taotao-white .tw-capability small { font-size:.8125rem; color:#6b7280; }
#taotao-white .tw-examples-title { margin-top:29px; }
#taotao-white .tw-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#taotao-white .tw-example { padding:16px; border:1px solid var(--tw-line); background:#fff; border-radius:8px; text-align:left; color:#343941; display:flex; flex-direction:column; gap:9px; }
#taotao-white .tw-example:hover { border-color:#bdcbed; }
#taotao-white .tw-example-label { display:flex; align-items:center; justify-content:space-between; font-size:.9375rem; font-weight:500; }
#taotao-white .tw-example-label i,#taotao-white .tw-example-label svg { color:#6b7280; }
#taotao-white .tw-example p { margin:0; font-size:.8125rem; line-height:1.8; color:#6b7280; }
#taotao-white .tw-footer { margin-top:36px; padding-top:18px; border-top:1px solid var(--tw-line); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#6b7280; font-size:.8125rem; }
#taotao-white .tw-work-head { padding:27px 30px 23px; display:flex; justify-content:space-between; align-items:center; gap:15px; }
#taotao-white .tw-work-head h1 { font-size:28px; letter-spacing:-.6px; margin-bottom:6px; }
#taotao-white .tw-work-head p { font-size:1rem; color:var(--tw-muted); margin:0; }
#taotao-white .tw-model { font-size:.8125rem; color:#6b7280; white-space:nowrap; }
#taotao-white .tw-workspace { display:grid; grid-template-columns:310px minmax(0,1fr); border-top:1px solid var(--tw-line); }
#taotao-white .tw-controls { padding:24px; border-right:1px solid var(--tw-line); }
#taotao-white .tw-mode { display:flex; border-bottom:1px solid var(--tw-line); gap:22px; margin-bottom:23px; }
#taotao-white .tw-mode button { padding:0 0 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#6b7280; font-size:.9375rem; }
#taotao-white .tw-mode button[aria-pressed="true"] { color:#262b33; border-bottom-color:var(--tw-blue); }
#taotao-white .tw-field { margin-bottom:20px; }
#taotao-white .tw-label { display:flex; align-items:center; justify-content:space-between; font-size:.875rem; font-weight:500; margin-bottom:9px; gap:9px; }
#taotao-white .tw-label small { font-size:.8125rem; color:#6b7280; font-weight:400; }
#taotao-white textarea { width:100%; min-height:180px; padding:12px; border:1px solid #dfe2e7; border-radius:8px; color:#363c46; background:#fff; font-size:1rem; line-height:1.9; resize:vertical; }
#taotao-white textarea::placeholder { color:#6b7280; }
#taotao-white #tw-prompt::placeholder { font-size:.875rem; }
#taotao-white .tw-prompt-help { display:flex; justify-content:space-between; margin-top:7px; color:#6b7280; font-size:.8125rem; }
#taotao-white .tw-ratios { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
#taotao-white .tw-ratio { display:flex; flex-direction:column; align-items:center; gap:7px; padding:11px 2px 9px; border:1px solid #e2e4e9; border-radius:7px; background:#fff; color:#6b7280; font-size:.8125rem; }
#taotao-white .tw-ratio[aria-pressed="true"] { border-color:var(--tw-blue); color:var(--tw-blue); background:#fff; }
#taotao-white .tw-shape { width:19px; height:19px; border:1.3px solid currentColor; border-radius:2px; }
#taotao-white .tw-shape.wide { width:25px; }
#taotao-white .tw-shape.tall { width:14px; }
#taotao-white select { width:100%; padding:10px 11px; border:1px solid #dfe2e7; color:#505660; background:#fff; border-radius:7px; font-size:1rem; }
#taotao-white .tw-upload { border:1px dashed #cfd3da; padding:14px 11px; border-radius:8px; background:#fafbfc; color:#626a78; font-size:.8125rem; line-height:1.7; }
#taotao-white .tw-upload input { width:100%; margin-top:10px; font-size:1rem; }
#taotao-white .tw-upload img { max-width:100%; max-height:90px; display:block; border-radius:6px; margin-top:9px; }
#taotao-white .tw-advanced { margin:0 0 18px; border-top:1px solid var(--tw-line); padding-top:14px; font-size:.8125rem; color:#6b7280; }
#taotao-white .tw-advanced summary { cursor:pointer; }
#taotao-white .tw-advanced .tw-field { margin:13px 0 0; }
#taotao-white .tw-generate { width:100%; }
#taotao-white .tw-quota-note { text-align:center; font-size:.8125rem; line-height:1.8; color:#6b7280; margin-top:10px; }
#taotao-white .tw-preview { padding:23px; min-width:0; }
#taotao-white .tw-preview-head { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:.875rem; margin-bottom:17px; }
#taotao-white .tw-status { font-size:.8125rem; color:#6b7280; }
#taotao-white .tw-canvas { min-height:370px; display:flex; align-items:center; justify-content:center; padding:23px; border:1px solid #edeef1; background:#fafafa; border-radius:8px; position:relative; }
#taotao-white .tw-empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; padding:20px 0; }
#taotao-white .tw-empty-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid #e7e9ed; border-radius:12px; color:#a4a9b2; background:#fff; }
#taotao-white .tw-empty h2 { margin:3px 0 0; font-size:1.125rem; font-weight:500; color:#666d78; }
#taotao-white .tw-empty p { font-size:.8125rem; color:#6b7280; line-height:1.8; margin:0; }
#taotao-white .tw-art { width:270px; max-width:100%; aspect-ratio:1; border:1px solid #e9e9ec; padding:22px; display:flex; flex-direction:column; justify-content:space-between; background:#fff; box-shadow:0 8px 24px #00000006; }
#taotao-white .tw-art>span { font-size:.8125rem; letter-spacing:1.5px; color:#9ca0a7; }
#taotao-white .tw-art strong { font-size:40px; font-weight:550; letter-spacing:-2px; line-height:1.1; color:#202124; }
#taotao-white .tw-art em { font-family:Georgia,serif; color:#4c74b9; font-weight:400; }
#taotao-white .tw-art small { font-size:.8125rem; color:#a2a5ad; }
#taotao-white .tw-loading { position:absolute; inset:0; border-radius:8px; background:#fafafaf5; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
#taotao-white .tw-spinner { width:25px; height:25px; border:2px solid #e5e7eb; border-top-color:var(--tw-blue); border-radius:50%; animation:tw-spin 1s linear infinite; }
#taotao-white .tw-loading p { margin:0; font-size:1rem; color:#626977; }
#taotao-white .tw-loading small { font-size:.8125rem; color:#6b7280; }
#taotao-white .tw-result-bar { margin-top:15px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
#taotao-white .tw-result-meta { color:#6b7280; font-size:.8125rem; }
#taotao-white .tw-result-actions { display:flex; gap:7px; }
#taotao-white .tw-suggestion-label { font-size:.8125rem; color:#6b7280; margin:29px 0 12px; }
#taotao-white .tw-suggestions { display:flex; flex-wrap:wrap; gap:8px; }
#taotao-white .tw-suggestions button { border:1px solid var(--tw-line); border-radius:6px; padding:7px 10px; background:#fff; color:#626a78; font-size:.9375rem; }
#taotao-white .tw-message { font-size:.8125rem; color:#6b7280; line-height:1.8; margin-top:10px; min-height:15px; }
#taotao-white .tw-message[role="alert"] { color:#b54740; }
@keyframes tw-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { #taotao-white .tw-spinner { animation:none; } }
@media(max-width:780px) { #taotao-white .tw-header { padding:0 23px; gap:25px; } #taotao-white .tw-home { padding:0 28px 23px; } #taotao-white .tw-hero { padding:45px 0 33px; } #taotao-white h1 { font-size:33px; } #taotao-white .tw-tool { grid-template-columns:minmax(0,1fr) 210px; } #taotao-white .tw-tool-main { padding:23px; } #taotao-white .tw-tool-details { padding:22px; } #taotao-white .tw-workspace { grid-template-columns:278px minmax(0,1fr); } #taotao-white .tw-controls,#taotao-white .tw-preview { padding:20px; } #taotao-white .tw-canvas { min-height:340px; padding:15px; } #taotao-white .tw-art strong { font-size:34px; } }
@media(max-width:600px) { #taotao-white .tw-header { flex-wrap:wrap; padding:17px 19px 0; gap:19px; } #taotao-white .tw-nav { order:3; width:100%; gap:27px; } #taotao-white .tw-nav button { padding-bottom:13px; } #taotao-white .tw-account { gap:9px; } #taotao-white .tw-home { padding:0 20px 21px; } #taotao-white .tw-hero { padding:36px 0 30px; text-align:left; } #taotao-white h1 { font-size:30px; } #taotao-white .tw-intro { font-size:1rem; } #taotao-white .tw-tool { grid-template-columns:1fr; } #taotao-white .tw-tool-details { border-left:0; border-top:1px solid var(--tw-line); gap:17px; } #taotao-white .tw-examples { grid-template-columns:1fr; gap:9px; } #taotao-white .tw-example { padding:14px 16px; gap:6px; } #taotao-white .tw-work-head { padding:23px 20px; align-items:start; flex-wrap:wrap; } #taotao-white .tw-workspace { grid-template-columns:1fr; } #taotao-white .tw-controls { border-right:0; border-bottom:1px solid var(--tw-line); } #taotao-white .tw-canvas { min-height:310px; } #taotao-white .tw-art strong { font-size:39px; } #taotao-white .tw-section-title span { font-size:.8125rem; } }
@media(pointer:coarse) { #taotao-white button,#taotao-white select { min-height:44px; } #taotao-white textarea { font-size:1rem; } }

body{margin:0;background:#fff}a{text-decoration:none;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
#taotao-white .tw-app{border:0;border-radius:0;min-height:100vh}
#taotao-white .tw-header{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}
#taotao-white .tw-nav a{display:flex;align-items:center;font-size:.9375rem;color:#626a78;border-bottom:2px solid transparent}
#taotao-white .tw-nav a[aria-current=page]{color:#2563eb;border-color:#2563eb}
#taotao-white .tw-primary,#taotao-white .tw-secondary,#taotao-white .tw-text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#taotao-white .tw-primary:disabled{background:#e5e7eb;color:#747880}
#taotao-white .tw-workspace,#taotao-white .tw-work-head{max-width:1200px;margin-left:auto;margin-right:auto}
#taotao-white .tw-workspace{padding-bottom:60px}
#taotao-white .tw-controls{align-self:start}
#taotao-white .tw-canvas{min-height:460px;height:auto;aspect-ratio:auto}
#taotao-white .tw-result-image{display:block;max-height:620px;max-width:100%;object-fit:contain}
#taotao-white .tw-result-actions a[hidden]{display:none}
#taotao-white .tw-auth{max-width:460px;margin:72px auto 100px;padding:0 24px}
#taotao-white .tw-auth h1{font-size:28px;letter-spacing:-.8px;margin-bottom:12px}
#taotao-white .tw-auth p{font-size:1rem;line-height:1.8;color:#626a78}
#taotao-white .tw-auth a{color:#2563eb}
#taotao-white .tw-auth form p{margin:18px 0}
#taotao-white .tw-auth label{display:block;margin-bottom:7px;color:#30343b;font-size:.9375rem}
#taotao-white .tw-auth input:not([type=checkbox]){width:100%;padding:11px 12px;border:1px solid #dfe2e7;border-radius:8px;background:#fff;font:inherit;font-size:1rem}
#taotao-white .tw-auth .tw-primary{width:100%;margin:10px 0}
#taotao-white .tw-auth ul{font-size:.875rem;color:#626a78;padding-left:18px;line-height:1.6}
#taotao-white .tw-auth ul.errorlist{color:#b42318}
#taotao-white .tw-auth .helptext{font-size:.875rem}
#taotao-white .tw-notice{padding:12px 16px;border:1px solid #e4e7ec;border-radius:8px;font-size:.9375rem;line-height:1.7;color:#555;max-width:1140px;margin:20px auto}
#taotao-white .tw-notice.error{border-color:#f5ceca;color:#b42318}
#taotao-white .tw-auth input[type=checkbox]{margin-right:6px}
#taotao-white .tw-link-muted{color:#626a78;font-size:.9375rem}
#taotao-white .tw-gallery{max-width:1200px;margin:0 auto;padding:0 30px 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#taotao-white .tw-work-card{border:1px solid #e8e9ed;border-radius:10px;overflow:hidden;min-width:0}
#taotao-white .tw-work-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fafafa;display:block}
#taotao-white .tw-card-placeholder{aspect-ratio:1;display:grid;place-items:center;background:#fafafa;color:#626a78}
#taotao-white .tw-card-body{padding:18px}
#taotao-white .tw-card-body p{font-size:1rem;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#taotao-white .tw-card-body time{font-size:.8125rem;color:#6b7280}
#taotao-white .tw-card-actions{display:flex;align-items:center;gap:14px;margin-top:16px;font-size:.875rem}
#taotao-white .tw-card-actions a{color:#2563eb}
#taotao-white .tw-card-actions form{margin-left:auto}
#taotao-white .tw-card-actions button{border:0;background:none;color:#888;font-size:.875rem}
#taotao-white .tw-pagination{display:flex;justify-content:center;gap:24px;padding-bottom:45px;font-size:.9375rem}
#taotao-white .tw-empty-history{text-align:center;padding:90px 24px;color:#626a78}
#taotao-white .tw-label small{font-weight:400}
#taotao-white .tw-reference-name{font-size:.875rem;color:#626a78;word-break:break-all}
#taotao-white svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(max-width:700px){#taotao-white .tw-header{padding:0 18px;gap:20px}#taotao-white .tw-nav{gap:16px}#taotao-white .tw-account .tw-user-email{display:none}#taotao-white .tw-gallery{grid-template-columns:1fr 1fr;padding:0 18px 30px;gap:12px}#taotao-white .tw-canvas{min-height:340px}#taotao-white .tw-work-head{padding:28px 20px}#taotao-white .tw-workspace{padding-left:18px;padding-right:18px}#taotao-white .tw-auth{margin-top:40px}#taotao-white .tw-card-actions{gap:9px}}
@media(max-width:450px){#taotao-white .tw-gallery{grid-template-columns:1fr}#taotao-white .tw-nav a{font-size:.9375rem}#taotao-white .tw-header{gap:14px}#taotao-white .tw-brand{font-size:21px}}


#taotao-white .tw-site-footer{max-width:1200px;margin:20px auto 0;padding:25px 30px 32px;border-top:1px solid #eceef1;display:flex;justify-content:space-between;gap:20px;font-size:.875rem;color:#626a78}
#taotao-white .tw-site-footer>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#taotao-white .tw-site-footer a:hover{color:#2563eb}
#taotao-white .tw-site-footer button{background:none;border:0;padding:0;font:inherit;color:inherit}
#taotao-white .tw-home-note{text-align:center;font-size:.875rem;color:#6b7280;padding-top:24px}
#taotao-white .tw-document{max-width:820px;margin:58px auto 70px;padding:0 24px}
#taotao-white .tw-document h1{font-size:32px;margin-bottom:12px}
#taotao-white .tw-document h2{font-size:20px;margin-top:34px}
#taotao-white .tw-document p,#taotao-white .tw-document li{font-size:1rem;line-height:1.9;color:#535965}
#taotao-white .tw-document a{color:#2563eb;text-decoration:underline;text-underline-offset:3px}
#taotao-white .tw-document-meta{color:#6b7280!important;font-size:.875rem!important}
@media(max-width:600px){#taotao-white .tw-site-footer{padding:22px 20px;flex-direction:column;gap:12px}#taotao-white .tw-document{margin-top:32px}#taotao-white .tw-document h1{font-size:28px}}

/* Image options share the server-side preset and model catalogs. */
#taotao-white .tw-field-help{font-size:.8125rem;line-height:1.65;color:#6b7280;margin:8px 0 0}
#taotao-white .tw-ratio{flex-direction:row;justify-content:center;gap:8px;min-height:43px;font-size:.875rem;padding:9px 5px}
#taotao-white .tw-ratio[aria-pressed="true"]{background:#f5f8ff}
#taotao-white .tw-shape{width:16px;height:16px;flex-shrink:0}
#taotao-white .tw-shape[data-shape="2:3"]{width:12px;height:18px}
#taotao-white .tw-shape[data-shape="3:2"]{width:18px;height:12px}
#taotao-white .tw-shape[data-shape="3:4"]{width:12px;height:16px}
#taotao-white .tw-shape[data-shape="4:3"]{width:16px;height:12px}
#taotao-white .tw-shape[data-shape="16:9"]{width:20px;height:11px}
#taotao-white .tw-shape[data-shape="9:16"]{width:11px;height:20px}
#taotao-white .tw-shape[data-shape="21:9"]{width:21px;height:9px}
#taotao-white .tw-shape[data-shape="9:21"]{width:9px;height:21px}
#taotao-white .tw-size-custom{width:100%;margin-top:8px;padding:10px;border:1px dashed #d8dce4;border-radius:7px;background:#fff;color:#626a78;font-size:.875rem}
#taotao-white .tw-size-custom[aria-pressed="true"]{color:#2563eb;border-color:#2563eb;background:#f5f8ff}
#taotao-white .tw-dimensions{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:10px;align-items:end;margin-top:14px}
#taotao-white .tw-dimensions>span{align-self:end;padding-bottom:12px;color:#6b7280}
#taotao-white .tw-dimensions label{display:block;font-size:.8125rem;color:#626a78;margin-bottom:7px}
#taotao-white .tw-dimensions input{width:100%;min-width:0;border:1px solid #dfe2e7;border-radius:7px;padding:10px;background:#fff;color:#202124;font-size:1rem}
#taotao-white .tw-size-error{font-size:.8125rem;line-height:1.6;color:#b42318;margin:7px 0 0}
#taotao-white .tw-result-bar{flex-wrap:wrap;gap:12px}
#taotao-white .tw-result-meta{line-height:1.7}
#taotao-white .tw-card-body .tw-work-spec{font-size:.8125rem;color:#6b7280;line-height:1.7;-webkit-line-clamp:3}
@media(min-width:781px){#taotao-white .tw-workspace{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:600px){#taotao-white .tw-controls{padding:20px 0}#taotao-white .tw-ratio{min-height:44px}#taotao-white .tw-dimensions input{font-size:1rem}}

/* Readable controls and wrapping for larger text on every screen. */
#taotao-white .tw-primary { min-height:48px; padding:11px 18px; }
#taotao-white .tw-secondary { min-height:42px; }
#taotao-white .tw-nav a { min-height:48px; }
#taotao-white .tw-avatar { width:34px; height:34px; }
#taotao-white .tw-section-title { flex-wrap:wrap; }
#taotao-white .tw-field { margin-bottom:24px; }
#taotao-white .tw-label { flex-wrap:wrap; row-gap:4px; }
#taotao-white textarea { line-height:1.75; }
#taotao-white select { min-height:48px; min-width:0; padding:10px 12px; }
#taotao-white .tw-ratio { min-height:46px; color:#626a78; }
#taotao-white .tw-ratio[aria-pressed="true"] { color:var(--tw-blue); }
#taotao-white .tw-size-custom { min-height:44px; }
#taotao-white .tw-prompt-help { flex-wrap:wrap; gap:4px 12px; }
#taotao-white .tw-prompt-help span:last-child { margin-left:auto; }
#taotao-white .tw-field-help,#taotao-white .tw-quota-note { line-height:1.75; }
#taotao-white .tw-controls { min-width:0; }
#taotao-white .tw-model { white-space:normal; overflow-wrap:anywhere; }
#taotao-white .tw-empty p { font-size:.875rem; }
#taotao-white .tw-loading { padding:24px; text-align:center; }
#taotao-white .tw-result-actions,#taotao-white .tw-card-actions { flex-wrap:wrap; }
#taotao-white .tw-card-actions a,#taotao-white .tw-card-actions button { display:inline-flex; align-items:center; min-height:36px; }
#taotao-white .tw-auth label { font-size:.875rem; }
#taotao-white .tw-auth input:not([type=checkbox]),#taotao-white .tw-dimensions input { min-height:48px; }
#taotao-white .tw-auth .helptext { font-size:.8125rem; line-height:1.75; }
#taotao-white .tw-auth p,#taotao-white .tw-document p,#taotao-white .tw-card-body p { overflow-wrap:anywhere; }
@media(max-width:900px) {
 #taotao-white .tw-workspace { grid-template-columns:minmax(0,1fr); }
 #taotao-white .tw-controls { border-right:0; border-bottom:1px solid var(--tw-line); }
 #taotao-white .tw-work-head { flex-wrap:wrap; }
}
@media(max-width:600px) {
 #taotao-white .tw-header { padding:16px 20px 0; gap:12px 20px; }
 #taotao-white .tw-nav { gap:24px; }
 #taotao-white .tw-nav a { font-size:.9375rem; }
 #taotao-white .tw-work-head h1 { font-size:26px; }
 #taotao-white .tw-preview { padding:24px 0; }
 #taotao-white .tw-site-footer { flex-wrap:wrap; }
 #taotao-white .tw-work-card .tw-card-actions { gap:6px 14px; }
}
@media(pointer:coarse) {
 #taotao-white .tw-text-link,#taotao-white .tw-card-actions a,#taotao-white .tw-card-actions button { min-height:44px; }
}

/* Bilingual navigation and public learning pages */
#taotao-white .tw-skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px 18px;z-index:30;border:2px solid #2563eb;border-radius:8px}
#taotao-white .tw-skip:focus{top:12px}
#taotao-white .tw-language{font-size:.875rem;color:#475569;text-decoration:none;border:1px solid #e5e7eb;border-radius:8px;padding:6px 9px;white-space:nowrap}
#taotao-white .tw-header{flex-wrap:wrap;gap:18px}
#taotao-white .tw-nav{gap:24px}
#taotao-white .tw-account{gap:14px}
#taotao-white .tw-hero h1{max-width:850px;margin-left:auto;margin-right:auto;text-wrap:balance;line-height:1.3}
#taotao-white a.tw-primary,#taotao-white a.tw-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}
#taotao-white .tw-tool-icon{font-size:24px}
#taotao-white .tw-capability>span{font-size:.8125rem;font-weight:600;color:#2563eb;min-width:24px}
#taotao-white .tw-showcase,#taotao-white .tw-guides-section,#taotao-white .tw-help-section{margin-top:64px}
#taotao-white .tw-section-title .tw-eyebrow{margin:0 0 9px}
#taotao-white .tw-section-intro{max-width:680px;color:#626a78;line-height:1.8;margin:14px 0 26px}
#taotao-white .tw-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#taotao-white .tw-sample{margin:0;border:1px solid #e6eaf0;border-radius:16px;overflow:hidden;background:#fff;min-width:0}
#taotao-white .tw-sample img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f7f8fa}
#taotao-white .tw-sample figcaption{padding:22px 24px}
#taotao-white .tw-sample figcaption>span{display:block;font-size:.8125rem;color:#2563eb;margin-bottom:8px}
#taotao-white .tw-sample strong{font-size:1.125rem;font-weight:600;line-height:1.5}
#taotao-white .tw-sample p{font-size:.9375rem;color:#626a78;line-height:1.7;margin:8px 0 0}
#taotao-white .tw-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
#taotao-white .tw-guide-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;color:inherit;text-decoration:none;border:1px solid #e6eaf0;border-radius:14px;padding:26px 24px;background:#fff;transition:border-color .15s,box-shadow .15s}
#taotao-white .tw-guide-card:hover{border-color:#93b4f8;box-shadow:0 5px 20px #1e40af08}
#taotao-white .tw-guide-card .tw-eyebrow{font-size:.75rem;letter-spacing:.08em;color:#64748b}
#taotao-white .tw-guide-card h3{font-size:1.125rem;font-weight:600;line-height:1.55;margin:12px 0}
#taotao-white .tw-guide-card p{font-size:.9375rem;color:#626a78;line-height:1.8;margin:0 0 24px}
#taotao-white .tw-guide-card .tw-text-link{margin-top:auto}
#taotao-white .tw-faq{border-top:1px solid #e6eaf0}
#taotao-white .tw-faq details{border-bottom:1px solid #e6eaf0;padding:20px 0}
#taotao-white .tw-faq summary{font-size:1rem;font-weight:500;cursor:pointer;line-height:1.6}
#taotao-white .tw-faq p{max-width:850px;line-height:1.9;color:#626a78;margin:14px 0 0}
#taotao-white .tw-faq a{color:#2563eb}
/* Standalone content needs the same page boundary as the homepage. */
#taotao-white .tw-guides-page,#taotao-white [data-screen="studio"]>.tw-help-section{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
#taotao-white .tw-guides-page{padding-top:52px;padding-bottom:10px}
#taotao-white [data-screen="studio"]>.tw-help-section{margin-top:0;padding-bottom:36px}
#taotao-white .tw-editorial-head{max-width:720px;margin-bottom:44px}
#taotao-white .tw-editorial-head h1{font-size:2.25rem;line-height:1.35;letter-spacing:-.025em;margin:18px 0}
#taotao-white .tw-editorial-head>p:last-child{font-size:1.0625rem;line-height:1.8;color:#626a78}
#taotao-white .tw-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-radius:14px;background:#f4f8ff;padding:30px;margin:48px 0}
#taotao-white .tw-guide-cta h2{font-size:1.25rem;line-height:1.5;margin:0}
#taotao-white .tw-article{width:100%;max-width:900px;margin:0 auto;padding:36px 30px}
#taotao-white .tw-breadcrumb{display:flex;gap:12px;align-items:center;font-size:.875rem;color:#6b7280;margin-bottom:36px}
#taotao-white .tw-breadcrumb a{color:#626a78;text-decoration:none}
#taotao-white .tw-article-head{max-width:780px;margin-bottom:32px}
#taotao-white .tw-article-head h1{font-size:2.25rem;line-height:1.4;letter-spacing:-.025em;margin:12px 0 18px;text-wrap:balance}
#taotao-white .tw-article-head>p:not(.tw-eyebrow){font-size:1.0625rem;line-height:1.85;color:#626a78}
#taotao-white .tw-article-section{margin:36px 0;max-width:780px}
#taotao-white .tw-article-section h2,#taotao-white .tw-prompt-example h2{font-size:1.25rem;line-height:1.5;margin:0 0 16px}
#taotao-white .tw-article-section p{font-size:1rem;line-height:1.9;color:#475569;margin:12px 0}
#taotao-white .tw-sample-single{grid-template-columns:minmax(0,600px);justify-content:center}
#taotao-white .tw-prompt-example{border:1px solid #dce8fb;background:#f8faff;padding:26px 28px;border-radius:14px;margin:32px 0}
#taotao-white .tw-prompt-example blockquote{margin:16px 0;font-size:1rem;line-height:1.85;color:#334155;overflow-wrap:anywhere}
#taotao-white .tw-prompt-example>p{line-height:1.75;color:#626a78}
#taotao-white .tw-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e6eaf0;border-radius:12px}
#taotao-white .tw-ratio-table{width:100%;border-collapse:collapse;font-size:.9375rem;text-align:left}
#taotao-white .tw-ratio-table caption{text-align:left;padding:18px 20px;font-weight:600}
#taotao-white .tw-ratio-table th,#taotao-white .tw-ratio-table td{padding:14px 20px;border-top:1px solid #e6eaf0}
#taotao-white .tw-ratio-table th{background:#f8fafc;font-weight:500}
#taotao-white .tw-ratio-table td:nth-child(-n+2){white-space:nowrap}
#taotao-white .tw-site-footer>div{display:flex;flex-wrap:wrap;gap:18px}
#taotao-white .tw-auth{overflow-wrap:anywhere}
#taotao-white .tw-account .tw-secondary{white-space:nowrap}
@media(max-width:1000px){
 #taotao-white .tw-header{gap:16px}
 #taotao-white .tw-nav{gap:18px}
 #taotao-white .tw-account{gap:10px}
 #taotao-white .tw-guide-grid{grid-template-columns:1fr}
 #taotao-white .tw-guide-card p{margin-bottom:18px}
}
@media(max-width:700px){
 #taotao-white .tw-header{display:flex;padding-top:16px;padding-bottom:14px;gap:16px 12px}
 #taotao-white .tw-brand{order:0;margin-right:auto}
 #taotao-white .tw-account{order:1;margin-left:0}
 #taotao-white .tw-nav{order:2;width:100%;justify-content:flex-start;gap:24px;margin:0}
 #taotao-white .tw-nav a{padding:4px 0}
 #taotao-white .tw-account .tw-secondary{padding:8px 11px;min-height:38px;font-size:.875rem}
 #taotao-white .tw-account .tw-link-muted{font-size:.875rem}
 #taotao-white .tw-language{padding:5px 7px;font-size:.8125rem}
 #taotao-white .tw-hero{padding-top:42px}
 #taotao-white .tw-hero h1{font-size:1.875rem}
 #taotao-white .tw-sample-grid{grid-template-columns:1fr;gap:20px}
 #taotao-white .tw-sample figcaption{padding:20px}
 #taotao-white .tw-showcase,#taotao-white .tw-guides-section,#taotao-white .tw-help-section{margin-top:44px}
 #taotao-white .tw-guides-page,#taotao-white [data-screen="studio"]>.tw-help-section,#taotao-white .tw-article{padding-left:20px;padding-right:20px}
 #taotao-white .tw-guides-page{padding-top:36px}
 #taotao-white .tw-article{padding-top:28px}
 #taotao-white .tw-article-head h1,#taotao-white .tw-editorial-head h1{font-size:1.75rem}
 #taotao-white .tw-guide-cta,#taotao-white .tw-prompt-example{padding:22px}
 #taotao-white .tw-guide-cta .tw-primary{width:100%}
 #taotao-white .tw-section-title{align-items:flex-start}
 #taotao-white .tw-section-title h2{line-height:1.6}
 #taotao-white .tw-section-title a{font-size:.875rem}
}

/* One manual editorial ad, separated from article navigation and tool controls. */
#taotao-white .tw-article-ad{width:100%;max-width:100%;margin:48px 0;padding:24px 0;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1}
#taotao-white .tw-ad-label{margin:0 0 16px;color:#64748b;font-size:.75rem;font-weight:400}
#taotao-white .tw-article-ad:has(.adsbygoogle[data-ad-status="unfilled"]){display:none}