.dream-dialog-overlay{z-index:50;background:var(--scrim);position:fixed;inset:0}.dream-dialog-overlay[data-variant=viewer]{background:var(--scrim-viewer)}.dream-dialog{z-index:50;width:min(var(--dialog-width,440px), calc(100vw - 32px));max-height:calc(var(--app-height) - 32px);border:1px solid var(--border);background:var(--card);color:var(--foreground);box-shadow:var(--shadow-dialog);border-radius:20px;outline:none;flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.dream-dialog[data-variant=viewer]{--dialog-width:980px;height:min(860px, calc(var(--app-height) - 32px));background:var(--viewer-bg);color:var(--viewer-ink);border:0;border-radius:16px;gap:0;padding:0}.dream-dialog-header{flex-direction:column;flex-shrink:0;justify-content:center;gap:8px;min-height:44px;margin-top:-8px;padding-right:36px;display:flex}.dream-sheet-handle{display:none}.dream-dialog-title{font-size:1.125rem;font-weight:600;line-height:1.4}.dream-dialog-overlay[data-state=open]{animation:dream-fade-in var(--motion-panel) ease both}.dream-dialog-overlay[data-state=closed]{animation:dream-fade-out var(--motion-feedback) ease both}.dream-dialog[data-state=open]{animation:dream-panel-in var(--motion-panel) var(--ease-panel) both}.dream-dialog[data-state=closed]{animation:dream-panel-out var(--motion-feedback) var(--ease-panel) both}@keyframes dream-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dream-fade-out{to{opacity:0}}@keyframes dream-panel-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes dream-panel-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes dream-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes dream-sheet-out{to{opacity:0;transform:translateY(24px)}}@media (max-width:740px){.dream-sheet-handle{place-items:center;height:24px;display:grid;position:absolute;top:0;left:0;right:0}.dream-sheet-handle span{background:var(--muted-foreground);opacity:.35;border-radius:999px;width:32px;height:4px}.dream-dialog:is([data-variant=sheet],[data-variant=history]) :is([data-sheet-drag],[data-slot=dialog-header]){touch-action:none;-webkit-user-select:none;user-select:none}.dream-dialog:is([data-variant=sheet],[data-variant=history]){translate:0 var(--sheet-drag,0px);width:100%;max-width:none;max-height:calc(var(--app-height) - 24px);padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;transition:translate .18s ease-out;inset:auto 0 0}.dream-dialog[data-dragging]{transition:none}.dream-dialog:is([data-variant=sheet],[data-variant=history])[data-state=open]{animation-name:dream-sheet-in}.dream-dialog:is([data-variant=sheet],[data-variant=history])[data-state=closed]{animation-name:dream-sheet-out}.dream-dialog[data-swipe-dismiss][data-state=closed]{animation-name:dream-sheet-swipe-out}.dream-dialog[data-variant=viewer]{width:100%;height:var(--app-height);border-radius:0;max-height:none;inset:0;translate:none}}@keyframes dream-sheet-swipe-out{0%{translate:0 var(--sheet-drag,0px)}to{opacity:0;translate:0 100%}}@media (prefers-reduced-motion:reduce){.dream-dialog{transition:none}}
.dream-thumb-pending{background:#eeeff7;position:absolute;inset:0;overflow:hidden}.dream-thumb-pending:after{content:"";background:linear-gradient(135deg,#0000 42%,#fff9 50%,#0000 58%);animation:2.6s ease-in-out infinite paused dream-shimmer;position:absolute;inset:-100%}@keyframes dream-shimmer{0%{transform:translate(-35%,-35%)}to{transform:translate(35%,35%)}}@media (prefers-reduced-motion:reduce){.dream-thumb-pending:after{animation:none}}html[data-page-hidden=true] .brand-status-glimmer,html[data-page-hidden=true] .dream-thumb-pending:after{animation-play-state:paused}.dream-loading{isolation:isolate;background:#e9e9f5;position:absolute;inset:0;overflow:hidden}.dream-loading[data-animation$=moonlight]{background:#1b1e29}.dream-animation-poster,.dream-loading canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dream-loading:has(canvas[data-running=true]) .dream-animation-poster{visibility:hidden}.dream-loading canvas:not([data-running=true]){opacity:0}.dream-cloud-back,.dream-cloud-front{aspect-ratio:1;transform-origin:50%;opacity:.94;background:url(/loading-animations/pastel-clouds.jpg) 50%/cover;width:115%;animation:12s linear -3s infinite paused dream-cloud-swirl;position:absolute;top:50%;left:-7.5%;transform:translateY(-50%);-webkit-mask-image:radial-gradient(at 15% 60%,#000 0%,#000d 38%,#0000 78%);mask-image:radial-gradient(at 15% 60%,#000 0%,#000d 38%,#0000 78%)}.dream-cloud-front{opacity:.88;background-position:78% 64%;animation-duration:17s;animation-delay:-9s;-webkit-mask-image:radial-gradient(at 88% 60%,#000 0%,#000d 36%,#0000 78%);mask-image:radial-gradient(at 88% 60%,#000 0%,#000d 36%,#0000 78%)}.dream-blocks{aspect-ratio:1.2;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:70%;height:70%;display:grid;position:absolute;top:15%;left:50%;transform:translate(-50%)rotate(-6deg)}.dream-blocks i{opacity:.65;background:linear-gradient(135deg, var(--grain-a), var(--grain-b));animation:dream-grain-breathe 4.8s ease-in-out var(--grain-delay) infinite paused;border:1px solid #ffffff29;border-radius:3px}.dream-loading[data-running=true] :is(.dream-cloud-back,.dream-cloud-front,.dream-blocks i){animation-play-state:running}@keyframes dream-cloud-swirl{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@keyframes dream-grain-breathe{0%,to{opacity:.2;transform:scale(.88)}35%,65%{opacity:.95;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dream-loading *{animation-play-state:paused!important}}.dream-result:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(125deg,#83baf0,#b399e6 42%,#e7a0c9 73%,#9ac4f0);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dream-result[data-animate=true]:after{animation:4.2s ease-in-out infinite dream-border-pulse}.dream-result[data-animate=true] .dream-thumb-pending:after,[data-thumbnail-state=loading][data-animate=true] .dream-thumb-pending:after{animation-play-state:running}@keyframes dream-border-pulse{0%,to{opacity:.18}50%{opacity:.62}}.dream-loading .dream-blocks i{min-width:0;min-height:0}.dream-loading[data-scope=account] .dream-blocks{gap:2px}.dream-loading[data-scope=account] .dream-blocks i{border-radius:1px}html[data-page-hidden=true] *,.dream-chat-row[data-animate=false] .animate-pulse{animation-play-state:paused!important}.dream-loading[data-animation=blocks]{background:radial-gradient(at 25% 20%,#e9e2f8,#0000 60%),radial-gradient(at 80% 85%,#f1dfeefa,#0000 65%),#e6edf9}
.dream-status-dot{background:var(--status-ready);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem;display:inline-block}.dream-status-dot[data-state=working]{background:var(--brand-gradient)}.dream-status-dot[data-state=attention]{background:var(--status-attention)}.dream-status-dot[data-state=failed]{background:var(--status-failed)}[data-page-hidden=true] .dream-status-dot{animation-play-state:paused}
.dream-workspace{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.dream-conversation-region{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dream-conversation-region>main{flex:1;min-height:0}.dream-conversation-content{gap:24px;width:min(100%,760px);margin-inline:auto;padding:24px 20px}.dream-composer-dock{width:min(100%,760px);padding:8px 20px calc(16px + env(safe-area-inset-bottom));z-index:10;flex-shrink:0;margin-inline:auto;position:relative}.dream-workspace[data-centered=true] .dream-composer-dock{max-height:100%;padding-block:24px;position:absolute;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.dream-empty-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dream-empty-brand p{color:var(--muted-foreground);margin:0;font-size:1rem;line-height:1.5}.dream-composer{border:1px solid var(--composer-border);background:var(--card);box-shadow:var(--shadow-composer);transition:border-color var(--motion-feedback), box-shadow var(--motion-feedback);border-radius:16px;position:relative}.dream-composer textarea{resize:none;min-height:68px;max-height:144px;padding:12px 16px 8px;font-size:max(16px,1rem);line-height:1.5}.dream-composer-footer{gap:4px;min-height:52px;padding:0 60px 8px 8px}.dream-composer button{min-width:44px;min-height:44px}.dream-send-button{background:var(--muted);color:var(--muted-foreground);border-radius:50%;width:44px;height:44px;bottom:8px;right:8px}.dream-send-button:disabled{opacity:1}.dream-send-button svg{width:20px;height:20px}.dream-user-message{background:var(--bubble);color:var(--foreground);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px 16px 4px;padding:12px 16px;font-size:1rem;line-height:1.6}.dream-handoff-message{width:min(100%,760px);margin-inline:auto;padding:24px 20px}.dream-handoff-message>.dream-user-message{width:fit-content;max-width:83%;margin-left:auto}@media (max-width:1050px){.dream-empty-brand{margin-bottom:20px}}@media (max-width:740px){.dream-workspace[data-centered=true] .dream-composer-dock{top:calc(50% - 2px)}.dream-composer-dock{padding-inline:16px;padding-bottom:12px}.dream-conversation-content{padding:16px}.dream-composer textarea{padding:12px 12px 4px}}
.dream-attachment{flex-shrink:0;width:64px;height:64px;display:block;position:relative}.dream-attachment-preview{cursor:zoom-in;border-radius:8px;width:100%;height:100%;display:block}.dream-attachment-image{object-fit:cover;border:1px solid var(--border);background:var(--muted);border-radius:8px;width:100%;height:100%}.dream-attachment-remove{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border-radius:50%;padding:0;position:absolute;top:-18px;right:-18px}.dream-attachment-remove:before{content:"";border:1px solid var(--border);background:var(--card);border-radius:50%;position:absolute;inset:12px}.dream-attachment-remove:hover{color:var(--foreground);background:0 0}.dream-attachment-remove:hover:before{background:var(--muted)}
.dream-result{--media-control-bg:#ffffffeb;--media-control-hover:#fff;--media-control-ink:#414957;--media-control-shadow:0 1px 5px #18203014;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);border-radius:16px;position:relative;overflow:hidden}.dream-viewer{--media-control-bg:#22262f99;--media-control-hover:#22262fdd;--media-control-ink:#fff;--media-control-shadow:none}.dream-image-stage{height:clamp(180px, calc(var(--app-height) - 480px), 360px);background:var(--muted)}.dream-image-navigation{background:var(--media-control-bg);color:var(--media-control-ink);box-shadow:var(--media-control-shadow)}.dream-image-navigation:hover{background:var(--media-control-hover);color:var(--media-control-ink)}.dream-image-counter{border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:500;line-height:1.333}.dream-image-footer{flex-shrink:0;align-items:center;gap:12px;min-height:80px;padding:12px;display:flex}.dream-filmstrip{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;width:100%;padding:4px;scroll-padding:4px;display:flex;overflow-x:auto}.dream-filmstrip::-webkit-scrollbar{display:none}.dream-filmstrip-thumb{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.dream-filmstrip-thumb:after,.dream-selection-tile:after{content:"";pointer-events:none;border-radius:inherit;background:var(--brand-gradient);opacity:0;transition:opacity var(--motion-feedback);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dream-filmstrip-thumb[aria-current=true]:after,.dream-selection-tile[aria-pressed=true]:after{opacity:1}.dream-filmstrip-thumb img{border-radius:inherit}.dream-image-actions{align-self:center;gap:4px;padding:0 0 0 12px}.dream-viewer .dream-image-footer{border-top:1px solid var(--viewer-line)}.dream-viewer .dream-image-actions{border-color:var(--viewer-line)}.dream-selection-dialog{--dialog-width:860px;gap:0}.dream-selection-grid{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 0 20px;overflow-y:auto}.dream-selection-summary{color:var(--muted-foreground);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.875rem;display:flex}.dream-selection-count{white-space:nowrap;font-variant-numeric:tabular-nums}.dream-selection-count span{color:var(--foreground);font-weight:500}.dream-selection-divider{background:var(--border);width:1px;height:16px}.dream-selection-deselect{min-height:44px;font-size:inherit;color:var(--muted-foreground);padding-inline:8px;font-weight:400}.dream-selection-deselect:hover{color:var(--foreground)}@container image-actions not (min-width:14rem){.dream-selection-summary{flex-direction:column;align-items:flex-end;gap:0}.dream-selection-divider{display:none}}.dream-selection-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dream-image-reveal{animation:dream-fade-in var(--motion-panel) ease-out}.dream-generation-handoff{pointer-events:none;position:absolute;inset:0}.dream-generation-handoff[data-revealed=true]{animation:dream-fade-out var(--motion-panel) ease-out both}@media (prefers-reduced-motion:reduce){.dream-generation-handoff[data-revealed=true]{opacity:0;animation:none}}@media (max-width:740px){.dream-image-stage{height:clamp(152px, calc(var(--app-height) - 550px - env(safe-area-inset-bottom)), 280px)}.dream-image-footer{gap:4px;min-height:76px;padding:8px}.dream-viewer .dream-image-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.dream-image-actions{gap:0;padding-left:4px}.dream-selection-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (pointer:coarse){.dream-expand{opacity:.6}}
.dream-model-dialog{--dialog-width:437px;row-gap:0}.dream-model-dialog .dream-dialog-header{margin-bottom:24px}.dream-model-list{flex-direction:column;min-height:0;display:flex}.dream-model-list[hidden]{display:none}.dream-model-simple{flex-shrink:0;font-size:.875rem;container-type:inline-size}.dream-model-choices{background:var(--muted);border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid;position:relative;overflow:hidden}.dream-model-highlight{background:var(--selection-fill);width:calc(50% - 4px);transform:translateX(calc(var(--selected-model) * 100%));transition:transform var(--motion-panel) var(--ease-panel);pointer-events:none;border-radius:24px;position:absolute;inset:4px auto 4px 4px}.dream-model-choice{min-height:46px;color:var(--muted-foreground);border-radius:24px;padding:8px;font-size:.875rem;font-weight:400;line-height:1.4;position:relative}.dream-model-choice[aria-checked=true]{color:var(--accent-foreground);font-weight:600}.dream-model-current{text-align:center;color:var(--muted-foreground);justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:.75rem;line-height:22px;display:flex}.dream-model-current img{flex-shrink:0}.dream-model-current>span:last-child{text-align:left;min-width:0}.dream-model-choice:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.dream-model-highlight{transition:none}}.dream-model-advanced{border-top:1px solid var(--border);overscroll-behavior:contain;min-height:0;margin-top:20px;padding-top:8px;font-size:.875rem;overflow-y:auto;container-type:inline-size}.dream-model-lab-options{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.dream-model-option{text-align:left;overflow-wrap:anywhere;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:0;min-height:44px;padding:8px;display:flex}.dream-model-entry{border-radius:8px;align-items:center;min-width:0;display:flex}.dream-model-entry[data-selected=true]{background:var(--selection-fill);color:var(--accent-foreground)}.dream-model-entry[data-selected=true] .dream-model-option:hover{background:0 0}.dream-model-option:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.dream-model-info{flex-shrink:0;gap:4px}.dream-model-back{color:var(--muted-foreground);align-self:flex-start;margin-left:-12px}.dream-model-details{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.dream-model-detail-row{border-top:1px solid var(--border);padding:16px 0}.dream-model-detail-row dt{font-size:.875rem;font-weight:500;line-height:20px}.dream-model-detail-note{color:var(--muted-foreground);font-size:.75rem;line-height:18px}.dream-model-detail-value{overflow-wrap:anywhere;margin-top:4px;font-size:.875rem;line-height:22px}.dream-model-detail-note{margin-top:6px}.dream-model-details-footer{border-top:1px solid var(--border);flex-shrink:0;padding-top:16px}.dream-model-details-intro{color:var(--muted-foreground);margin-bottom:16px;font-size:.875rem;line-height:22px}.dream-model-details-lab{align-items:center;gap:8px;font-size:.875rem;line-height:20px;display:flex}.dream-model-size-limits{color:var(--muted-foreground);font-size:.75rem;line-height:18px}.dream-model-size-limits summary{cursor:pointer;text-underline-offset:3px;align-content:center;width:fit-content;min-height:44px;text-decoration:underline}.dream-model-size-limits summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.dream-model-size-limits ul{padding-left:16px;list-style:outside}.dream-model-size-limits li+li{margin-top:4px}