.ai-request-dialog{width:min(900px,calc(100vw - 48px));max-width:900px;max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--app-surface);color:var(--app-ink);overflow:auto;box-shadow:var(--app-shadow-overlay)}
.ai-request-dialog::backdrop{background:var(--app-overlay);backdrop-filter:blur(2px)}
.ai-request-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line);gap:16px}.ai-request-heading h2{margin:3px 0 0;font-size:var(--type-viewer-title)}.ai-request-heading small,.ai-request-label{font-size:var(--type-field-label);color:var(--app-muted)}
.ai-request-body{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0,1.2fr);gap:28px;padding:26px}.ai-request-path{font-size:var(--type-body);font-weight:600;overflow-wrap:anywhere}.ai-request-preview{padding:var(--space-4);border:1px solid var(--line);background:var(--app-surface-subtle);border-radius:var(--radius-row);max-height:310px;overflow:auto}.ai-request-preview img{width:100%;max-height:190px;object-fit:contain;display:block;margin-bottom:14px}.ai-request-preview p{white-space:pre-wrap;margin:0;font-size:var(--type-mono);line-height:1.6}.ai-request-compose textarea{min-height:150px;line-height:1.5}.ai-request-result{border:1px dashed var(--line);border-radius:var(--radius-row);padding:18px;color:var(--app-muted);font-size:var(--type-body-sm)}.ai-request-result p{margin:8px 0 0}.ai-request-footer{padding:18px 26px;border-top:1px solid var(--line);background:var(--app-surface-subtle)}.ai-request-footer p{font-size:var(--type-helper);color:var(--app-muted);margin-bottom:12px}.ai-request-footer .actions{justify-content:flex-end}
.mobile-menu-button,.mobile-editor-tools,.mobile-panel-backdrop,.mobile-panel-heading{display:none}
@media(max-width:1000px){
 .global-nav{display:none!important}.global-workspace{margin-left:0!important;padding-top:48px}.mobile-menu-button{display:block;position:fixed;top:7px;left:12px;z-index:110;background:var(--app-surface);min-height:36px}.global-workspace::before{content:'Detail Page Studio';position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;background:var(--app-surface);border-bottom:1px solid var(--line);z-index:100;font-size:var(--type-helper)}
 .global-workspace .editor-app{height:calc(100dvh - 48px);min-width:0;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.global-workspace .editor-workspace{display:flex;flex-direction:column;min-height:0;flex:1}.editor-center{flex:1;min-height:0}.canvas-scroll{min-height:0;flex:1}.canvas-stage{padding:12px 10px 40px}.canvas-hint{display:none}.canvas-toolbar{flex-shrink:0}.canvas-footer{display:none}
 .global-workspace .editor-left,.global-workspace .editor-right,.global-workspace .editor-quick{display:none;position:fixed;inset:auto 0 0;z-index:220;height:78dvh;max-height:78dvh;background:var(--app-surface);border:1px solid var(--line);border-radius:16px 16px 0 0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 40px #0002}
 html[data-mobile-panel=layers] .editor-left,html[data-mobile-panel=content] .editor-right,html[data-mobile-panel=design] .editor-quick{display:flex}
 .mobile-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--line)}.mobile-panel-close{min-height:40px}.mobile-panel-heading strong{font-size:var(--type-panel-title)}.editor-quick .quick-panel-tabs{display:none}.editor-right .panel-tabs{height:42px}.inspector{overscroll-behavior:contain}
 html[data-mobile-panel] .mobile-panel-backdrop{display:block;position:fixed;inset:0;z-index:210;background:var(--app-overlay);border:0;width:100%;height:100%}
 html[data-mobile-panel=menu] .global-nav{display:flex!important;position:fixed;inset:0 auto 0 0;width:min(290px,88vw);height:100dvh;z-index:220;overflow:auto;background:var(--app-surface);padding:16px}.global-nav nav button{min-height:44px;font-size:var(--type-navigation)!important}.global-nav .studio-logo{margin-top:16px}
 .has-mobile-editor .mobile-editor-tools{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:120;background:var(--app-surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px}.mobile-editor-tools button{flex:1;min-height:44px;background:var(--app-surface-subtle);border:0;border-radius:var(--radius-single);font-size:var(--type-button)}.mobile-editor-tools button[aria-expanded=true]{background:var(--control-hover)}.mobile-editor-tools button:last-child{background:var(--control-text);color:var(--app-surface)}
 .editor-app input,.editor-app textarea,.ai-request-dialog textarea{font-size:var(--type-body-emphasis)}
}
@media(max-width:600px){
 .ai-request-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.ai-request-heading{padding:var(--space-4);position:sticky;top:0;background:var(--app-surface);z-index:1}.ai-request-body{grid-template-columns:1fr;padding:var(--space-4);gap:18px}.ai-request-preview{max-height:155px}.ai-request-preview img{max-height:100px}.ai-request-footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.ai-request-footer .actions{display:grid;grid-template-columns:1fr 1fr 1.4fr}.ai-request-footer button{padding:10px 5px;font-size:var(--type-button)}
}