/* AI Designer uses the real native editor canvas and publication flow. */
.h53-demo-chat{position:absolute;z-index:3;left:0;top:20%;width:190px;padding:17px;background:#fff;border:1px solid #dce8ff;border-radius:13px;box-shadow:0 12px 32px #28405b15;font-size:12px;line-height:1.6}.h53-demo-chat strong{color:#0055ff}.h53-demo-chat p{background:#edf4ff;border-radius:8px;padding:10px;margin:12px 0 8px}.h53-demo-chat span{display:block;color:#536788}.h53-demo-chat small{display:block;margin-top:16px;color:#8090a9;font-size:10px}.h53-demo .h40-browser{margin-left:110px}.h53-demo .h40-project,.h53-demo .h40-lead{display:none}.h53-chat-intro{padding:52px 24px;text-align:center}.h53-chat-intro h2{font-size:28px;color:#102344}.h53-chat-intro p{color:#627591;margin:18px 0 26px}.h53-chat-intro .primary{display:inline-block;padding:13px 22px;border-radius:9px;text-decoration:none}@media(max-width:760px){.h53-demo-chat{width:150px;font-size:10px;top:12%;padding:10px}.h53-demo .h40-browser{margin-left:65px}.h53-chat-intro h2{font-size:24px}}
.editor04.ai-designer53 .e4-main{display:grid!important;grid-template-columns:minmax(310px,33%) minmax(0,1fr)!important;gap:0}
.editor04.ai-designer53 .e4-rail,.editor04.ai-designer53 .e4-library,.editor04.ai-designer53 .e4-properties,.editor04.ai-designer53 .e4-open-right,.editor04.ai-designer53 .e4-help{display:none!important}
.editor04.ai-designer53 .e4-canvas{grid-column:2!important;grid-row:1!important;min-width:0;width:100%!important}
.editor04.ai-designer53 .aiws-edit-chat{position:relative!important;inset:auto!important;grid-column:1;grid-row:1;width:auto!important;max-width:none;height:100%;max-height:none;display:flex;flex-direction:column;gap:12px;border:0;border-right:1px solid #dbe7fa;border-radius:0;box-shadow:none;padding:20px;background:#fff;overflow:auto;min-height:0;z-index:1}
.ai-designer53 .aiws-edit-chat header h2{font-size:20px;margin:0}.ai-designer53 .aiws-edit-chat header{display:flex;align-items:center;justify-content:space-between}
.ai-designer53 .ai12-edit-history{flex:1;min-height:120px;max-height:none!important;overflow:auto;background:#f6f9ff;border-radius:12px;padding:12px}
.ai-designer53 [data-selected]{background:#edf4ff;color:#1855b7;padding:10px;border-radius:9px;margin:0}
.ai-designer53 .ai12-edit-actions{display:flex;flex-wrap:wrap;gap:6px}.ai-designer53 .ai12-edit-actions button{font-size:12px;padding:7px 9px}
.ai-designer53 [data-instruction]{width:100%;min-height:86px;resize:vertical}.ai-designer53 [data-status]{font-size:13px;min-height:20px;margin:0;color:#38608b}.ai-designer53 [data-status][aria-busy=true]::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #b8d2ff;border-top-color:#0055ff;border-radius:50%;animation:designer53-spin .8s linear infinite;margin-right:8px}
.ai-designer53 [data-send]{background:#0055ff;color:white;border:0;border-radius:9px;min-height:42px}.ai-designer53 [data-preview]:empty{display:none}
.ai-designer53 .e4-bar{gap:7px}.ai-designer53 #focus-mode{display:none}.ai-designer53 .ai12-edit-note{font-size:12px}.ai-designer53 [data-group]{max-height:130px;overflow:auto}
.ai-designer53.advanced53 .e4-main{display:flex!important}.ai-designer53.advanced53 .aiws-edit-chat{display:none}.ai-designer53.advanced53 .e4-rail,.ai-designer53.advanced53 .e4-library,.ai-designer53.advanced53 .e4-properties,.ai-designer53.advanced53 .e4-open-right{display:revert!important}
#workspace.aiws-root .aiws-layout{grid-template-columns:0 minmax(320px,34%) minmax(0,1fr)}#workspace.aiws-root .aiws-left{display:none}#workspace.aiws-root .aiws-main{grid-column:2}#workspace.aiws-root .aiws-right{grid-column:3}#workspace.aiws-root .aiws-hero h1{font-size:28px}#workspace.aiws-root .aiws-intro{padding:16px}#workspace.aiws-root .aiws-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#workspace.aiws-root .aiws-preview-demo img{width:100%;max-height:none;object-fit:cover;object-position:top}#workspace.aiws-root .aiws-right .aiws-summary-card{margin-bottom:10px}
.aiws-live53{border:1px solid #dbe7fa;border-radius:12px;padding:18px;background:#fff;margin:18px 0}.aiws-live53 h3{margin:0 0 12px}.aiws-live53 p{margin:10px 0;color:#46618a}.aiws-live53 .aiws-skeleton{height:110px}.aiws-live53 small{display:block;color:#6e85a2}
@keyframes designer53-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.editor04.ai-designer53 .e4-main{display:block!important}.editor04.ai-designer53 .e4-canvas{height:100%}.editor04.ai-designer53 .aiws-edit-chat{position:fixed!important;inset:auto 0 0!important;height:min(70dvh,640px);width:100%!important;border-radius:18px 18px 0 0;box-shadow:0 -10px 45px #142e4b33;z-index:30}.editor04.ai-designer53 .aiws-edit-chat[hidden]{display:none!important}.ai-designer53 .e4-bar{overflow-x:auto;flex-wrap:nowrap}.ai-designer53 .e4-title{max-width:100px}#workspace.aiws-root .aiws-layout{display:block}#workspace.aiws-root .aiws-main{width:100%}#workspace.aiws-root .aiws-right{display:none}#workspace.aiws-root .aiws.show-right .aiws-right{display:block}#workspace.aiws-root .aiws-mobile-bar button:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.ai-designer53 [data-status]::before{animation:none!important}}
@media(max-width:760px){.editor04.ai-designer53 .ai12-edit-actions,.editor04.ai-designer53 .aiws-tools,.editor04.ai-designer53 .ai12-edit-note:not([data-selected]){display:none}.editor04.ai-designer53 .ai12-edit-history{min-height:70px;max-height:130px!important}.editor04.ai-designer53 .aiws-edit-chat{gap:8px}.editor04.ai-designer53 [data-instruction]{min-height:68px;height:68px}.editor04.ai-designer53 [data-send]{flex-shrink:0}}
@media(max-width:760px){#oal-root .editor04.ai-designer53 .e4-bar{flex-wrap:wrap;height:auto;min-height:94px;overflow:visible;padding:8px;gap:5px}#oal-root .ai-designer53 .e4-devices{order:3;width:100%;justify-content:center}#oal-root .ai-designer53 #publish{order:0;margin-left:auto}#oal-root .ai-designer53 #save,#oal-root .ai-designer53 #preview,#oal-root .ai-designer53 .e4-settings-menu{display:none}#oal-root .ai-designer53 #editor-status{margin-right:0;width:auto;max-width:70px}#oal-root .ai-designer53 .ai12-edit-launch{position:fixed;bottom:20px;right:16px;z-index:40;background:#0055ff;color:#fff;border-radius:999px;padding:12px 20px;box-shadow:0 4px 20px #0055ff33}#oal-root .ai-designer53 .aiws-edit-chat{padding-bottom:76px}.ai-designer53 [data-preview]{max-height:180px;overflow:auto}}

/* Compact conversation sidebar: settings remain internal to the request router. */
.editor04.ai-designer53 .e4-main{grid-template-columns:clamp(300px,24vw,340px) minmax(0,1fr)!important}
.editor04.ai-designer53 .aiws-edit-chat{padding:16px;gap:10px;overflow:hidden}
.ai-designer53 .aiws-edit-chat header h2{font-size:16px}
.ai-designer53 [data-selected]{align-self:flex-start;font-size:12px;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#68758a;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-designer53 .ai12-edit-history{background:transparent;border-radius:0;padding:8px 0;min-height:0;scroll-behavior:smooth;overscroll-behavior:contain}
.ai-designer53 .aiws-edit-message{padding:10px 12px;margin:0 0 14px;border:0;border-radius:14px;font-size:13px;line-height:1.65;background:#f7f8fa;overflow-wrap:anywhere}
.ai-designer53 .aiws-edit-message.user{margin-left:22px;background:#edf3ff}
.ai-designer53 .aiws-edit-message.assistant{margin-right:10px;background:transparent;padding-left:0}
.ai-designer53 .aiws-edit-message strong{display:block;font-size:11px;color:#7a8798;margin-bottom:4px}
.ai-designer53 .aiws-edit-message span{display:block;white-space:pre-wrap}
.ai-designer53 .ai54-composer{position:relative;flex-shrink:0;border:1px solid #dde3ec;background:#f8f9fb;border-radius:16px;padding:9px 44px 9px 10px}
.ai-designer53 .ai54-composer [data-instruction]{border:0!important;background:transparent!important;box-shadow:none!important;outline:none;resize:none;min-height:72px;height:72px;padding:3px;font-size:13px;line-height:1.6}
.ai-designer53 .ai54-composer [data-send]{position:absolute;right:8px;bottom:9px;width:30px;height:30px;min-height:30px;border-radius:50%;padding:0;font-size:20px}
.ai-designer53 [data-status]{font-size:11px;min-height:0;flex-shrink:0}
.ai-designer53 [data-status]:empty{display:none}
.ai-designer53 [data-internal-tools],.ai-designer53 .ai12-edit-actions,.ai-designer53 .aiws-tools,.ai-designer53 [data-controls],.ai-designer53 [data-preview],.ai-designer53 [data-undo]{display:none!important}
@media(max-width:1000px) and (min-width:761px){.editor04.ai-designer53 .e4-main{grid-template-columns:300px minmax(0,1fr)!important}}
@media(max-width:760px){.editor04.ai-designer53 .ai12-edit-history{max-height:none!important;min-height:0}.editor04.ai-designer53 .aiws-edit-chat{padding:16px 16px 76px}.ai-designer53 .ai54-composer [data-instruction]{min-height:64px;height:64px}}

.editor04.ai-designer53 .aiws-edit-chat header h2{font-size:16px!important;line-height:1.4}
.ai-designer53 .aiws-edit-message.user,.ai-designer53 .aiws-edit-message.user span{color:#22354c!important}
.ai-designer53 .ai54-composer [data-send]{background:#0055ff!important;color:#fff!important;border:0!important}

#workspace .ai61-upload-bar{display:flex;gap:6px;padding:6px 0}#workspace .ai61-upload-bar button{font-size:12px;padding:6px 10px;border:0;border-radius:8px;background:#f3f6fc;color:#0055ff}#workspace .ai61-attachments:not([hidden]){display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dbe5f5;border-radius:10px;margin-top:8px}#workspace .ai61-attachments img{width:42px;height:42px;object-fit:contain;border-radius:6px}#workspace .ai61-attachments span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px}#workspace .ai61-attachments button{padding:4px 8px}

#workspace .ai61-attachments[data-multiple]:not([hidden]){flex-direction:column;align-items:stretch;max-height:144px;overflow:auto}#workspace .ai61-attachment-row{display:flex;align-items:center;gap:6px;min-width:0}#workspace .ai61-attachment-row [data-select-attachment]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;background:transparent}#workspace .ai61-attachment-row [aria-pressed="true"]{color:#0055ff;background:#edf3ff;border-radius:6px}

/* Task70: chat chips remain bounded after moving out of the workspace shell. */
#workspace.ai59-building .ai59-create-chat .aiws-chips{display:flex;flex-direction:column;gap:6px;max-height:112px;overflow:auto;min-height:0;flex:none}
#workspace.ai59-building .ai59-create-chat .aiws-chips>span{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f3f6fc;border-radius:8px;font-size:11px;line-height:1.4;min-width:0;overflow:hidden;overflow-wrap:anywhere;flex-shrink:0}
#workspace.ai59-building .ai59-create-chat .aiws-chips svg{width:16px;height:16px;flex:0 0 16px}
#workspace.ai59-building .ai59-create-chat .aiws-chips img{width:32px;height:32px;object-fit:cover;flex:0 0 32px;border-radius:5px}
#workspace.ai59-building .ai59-create-chat .aiws-chips button{margin-left:auto;flex:none;width:24px;height:24px;padding:0;border:0;background:transparent}
#workspace.ai59-building .ai59-create-chat .aiws-scroll{flex:1;min-height:0;overflow:auto}
#workspace.ai59-building .ai59-create-chat .aiws-input-area{max-height:48%;overflow:auto}
#workspace.ai-designer53.advanced53 .e4-rail{display:flex!important;flex-direction:column!important;flex:0 0 54px;min-width:54px}
#workspace.ai-designer53.advanced53.e4-collapsed .e4-library{display:none!important}
#workspace.ai-designer53.advanced53.e4-right-closed .e4-properties{display:none!important}
#workspace.ai-designer53.advanced53 .e4-open-right{display:none!important}
#workspace.ai-designer53.advanced53.e4-right-closed .e4-open-right{display:block!important}