.title-ai-field{position:relative}.title-ai-field #title{padding-right:58px}.ai-spark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4A3A2D;border-radius:6px;background:#3c241a;color:#ffac72;flex:none}.ai-spark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.title-ai-field>.ai-spark{position:absolute;right:12px;top:12px}.paragraph-editor{margin-top:24px}.paragraph-field{margin-bottom:16px}.paragraph-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font:500 11px/1.3 var(--sans);color:var(--ink-3)}.paragraph-input{display:block;width:100%;min-height:150px;background:#282b30;border:1px solid #363A40;border-radius:6px;color:var(--ink);font:400 16px/1.7 var(--sans);padding:16px;resize:vertical}.paragraph-input::placeholder{color:#f3f1ed66;opacity:1}.paragraph-input:focus-visible,.ai-result:focus-visible{outline:2px solid #FFAC72;outline-offset:2px;border-color:var(--accent)}.add-paragraph{font-size:12px;color:var(--ink-2);padding:6px 0}.add-paragraph:hover{color:var(--accent)}.media .image-ai{font:500 12px/1 var(--sans);display:inline-flex;align-items:center;gap:7px;background:#3c241a;color:#ffac72;border-radius:6px;padding:0 12px;height:40px}.media .image-ai svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.demo-badge{font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#ffac72;border:1px solid #4A3A2D;padding:4px 5px;border-radius:4px;margin-left:8px}.ai-demo-workspace{background:#23262b;padding:14px;border-radius:7px;margin-top:12px;min-width:0}.ai-demo-workspace h3{font:600 14px/1.4 var(--sans);margin:0 0 6px}.ai-demo-workspace .hint{font:400 11px/1.5 var(--sans);color:var(--ink-3);margin:6px 0 12px}.ai-action-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.ai-action-row button{font:500 11px/1.3 var(--sans);padding:7px 9px;background:var(--accent-tint);border:1px solid #4A3A2D;color:#ffac72;border-radius:4px}.ai-choice{margin-top:14px;border-top:1px solid var(--hair);padding-top:12px}.ai-choice p{font:400 13px/1.5 var(--sans);color:var(--ink);margin-bottom:10px}.ai-choice button{font:600 11px/1.3 var(--sans);background:var(--accent);color:#111214;padding:8px 10px;border-radius:4px}.ai-result{display:block;width:100%;min-height:110px;background:#282b30;border:1px solid #363A40;color:var(--ink);font:400 12px/1.6 var(--sans);padding:10px;border-radius:5px;resize:vertical}.ai-status{font:400 11px/1.5 var(--sans);color:#ffac72;margin-top:10px;min-height:16px}.media.ai-placeholder{position:relative;display:block}.ai-image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px;background:repeating-linear-gradient(135deg,#26292e,#26292e 14px,#2a2d32 14px 28px);border:1px dashed #78523A;color:var(--ink-2)}.ai-image-placeholder span{font-size:10px;letter-spacing:.08em;color:#ffac72;text-transform:uppercase}.ai-image-placeholder h3{font:600 22px/1.3 var(--serif);max-width:360px}.ai-image-placeholder p{font-size:12px;max-width:380px}.media.ai-placeholder .heroPick,.media.ai-placeholder .image-ai{position:absolute;bottom:14px;z-index:2}.media.ai-placeholder .heroPick[data-kind=single]{left:14px}.media.ai-placeholder .heroPick[data-kind=video]{left:110px}.media.ai-placeholder .image-ai{right:14px}.image-prompt-brief{margin:12px 0;padding:12px;background:var(--accent-tint);font:400 12px/1.6 var(--sans);color:var(--ink-2);border-radius:5px}.image-prompt-brief strong{color:#ffac72;display:block;font-size:10px;text-transform:uppercase;margin-bottom:5px}@media(max-width:767px){.title-ai-field #title{padding-right:52px}.media{flex-wrap:wrap;gap:10px}.media.ai-placeholder .heroPick{display:none}.media.ai-placeholder .image-ai{right:12px;bottom:12px}.paragraph-input{font-size:15px}.ai-image-placeholder{padding:24px}.ai-image-placeholder h3{font-size:18px}}#editor .body-ai-field{position:relative;margin-top:24px;padding-top:24px;border-top:1px solid var(--hair)}#editor .body-ai-field #body{margin-top:0;padding-right:52px}#editor .body-ai-field>.ai-spark{position:absolute;right:12px;top:36px}@media(max-width:360px){html:lang(zh) .media:not(.filled):not(.ai-placeholder){padding:0 10px;gap:8px}html:lang(zh) .media .heroPick{padding:0 8px;gap:6px;min-width:0}html:lang(zh) .media .image-ai{padding:0 8px;gap:5px;min-width:0}}