.studio{background:0 0;height:calc(100vh - 54px);display:flex;position:relative;overflow:hidden}.studio-main{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-area{background:0 0;flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:14px;padding:28px 28px 140px;display:grid;position:relative;overflow-y:auto}.canvas-area>.canvas-empty{grid-column:1/-1;min-height:240px}.asset-sidebar{background:color-mix(in srgb, var(--paper) 38%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.2);border-left:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden;box-shadow:inset 1px 0 #ffffff0f}@media (min-width:1400px){.asset-sidebar{width:380px}}.as-header{border-bottom:1px solid var(--mist);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.as-header h4{color:var(--ink);font-size:14px;font-weight:600}.as-count{font-size:11px;font-family:var(--font-mono);color:color-mix(in srgb, var(--ink) 45%, transparent)}.as-upload-btn{border:1.5px dashed var(--mist);text-align:center;color:color-mix(in srgb, var(--ink) 55%, transparent);cursor:pointer;transition:all var(--t-hover) var(--ease);background:0 0;border-radius:12px;margin:12px 16px;padding:12px;font-size:12px;font-weight:500}.as-upload-btn:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent);background:color-mix(in srgb, var(--ink) 3%, transparent);color:var(--ink)}.vid-card{--ar:9 / 16;--card-h:340px;height:var(--card-h);width:calc(var(--card-h) * (var(--ar)));background:var(--mist);max-width:100%;box-shadow:var(--shadow-soft);transition:transform .25s var(--ease);cursor:pointer;border-radius:16px;flex-shrink:0;position:relative;overflow:hidden}.vid-card:hover{transform:translateY(-4px)}.vid-card:hover .vc-actions{opacity:1}.vid-card[data-kind=video]{--ar:16 / 9}.vid-card[data-kind=image]{--ar:1 / 1}.vc-overlay{color:#fff;background:linear-gradient(#0000,#000000c7);padding:10px 12px;position:absolute;bottom:0;left:0;right:0}.vc-overlay .vo-model{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:9px;font-weight:400;font-family:var(--font-mono)}.vc-overlay .vo-spec{color:#ffffff80;font-size:9px;font-family:var(--font-mono);margin-top:2px}.vc-overlay .vo-prompt{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:italic;font-family:var(--font-serif);margin-top:3px;overflow:hidden}.vc-dur{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:5px;padding:3px 7px;font-size:10px;position:absolute;top:10px;left:10px}.vc-status{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px;padding:3px 8px;font-size:8px;font-weight:700;position:absolute;top:10px;right:10px}.vc-status.done{background:color-mix(in srgb, var(--ok) 80%, transparent);color:#fff}.vc-status.fail{background:color-mix(in srgb, var(--rust) 80%, transparent);color:#fff}.vc-actions{opacity:0;transition:opacity .18s var(--ease);background:#00000052;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.vc-act-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:38px;height:38px;transition:background var(--t-hover) var(--ease);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.vc-act-btn:hover{background:#000000c7}.vc-act-btn:disabled{opacity:.5;cursor:wait}.vc-act-btn svg{width:14px;height:14px}.vc-player-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vc-player-box{width:100%;max-width:1040px;position:relative}.vc-player-close{color:#ffffffb3;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;position:absolute;top:-34px;right:0}.vc-player-close:hover{color:#fff}.vc-player-media{object-fit:contain;background:#000;border-radius:10px;width:100%;max-height:80vh;display:block}.vc-player-caption{color:#ffffffd9;max-width:780px;margin-top:14px;font-size:13px;line-height:1.5}.vc-player-meta{color:#ffffff73;font-family:var(--font-mono);margin-top:4px;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.generating-card{background:color-mix(in srgb, var(--paper) 90%, transparent);border:1.5px dashed var(--rust);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;animation:2s infinite gen-pulse;display:flex;position:absolute;inset:0;overflow:hidden}.generating-card:before{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--rust) 10%, transparent) 50%, transparent 70%);pointer-events:none;background-size:200% 100%;animation:2.2s linear infinite gen-shimmer;position:absolute;inset:0}@keyframes gen-pulse{0%,to{border-color:var(--rust)}50%{border-color:color-mix(in srgb, var(--rust) 18%, transparent)}}@keyframes gen-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gen-spinner{border:3px solid color-mix(in srgb, var(--rust) 18%, transparent);border-top-color:var(--rust);z-index:1;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;position:relative}.dreamina-toolbar{background:color-mix(in srgb, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--glass-border);width:900px;max-width:calc(100% - 32px);box-shadow:var(--shadow-soft);color:var(--ink);border-radius:22px;flex-direction:column;gap:14px;margin:0 auto 18px;padding:22px 26px 18px;display:flex;position:relative}.dt-prompt-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:8px;min-width:180px;display:flex}.dt-mode-switch{background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--mist);border-radius:12px;gap:2px;margin-left:4px;padding:3px;display:inline-flex}.dt-mode-opt{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 55%, transparent);cursor:pointer;transition:all var(--t-hover) var(--ease);font-size:11px;font-weight:400;font-family:var(--font-mono), var(--font-sans);background:0 0;border:none;border-radius:9px;padding:8px 16px}.dt-mode-opt.active{background:var(--ink);color:var(--paper)}.dt-mode-opt:hover:not(.active){color:var(--ink)}.dt-ref-list{flex-direction:column;gap:6px;max-height:160px;padding-top:2px;display:flex;overflow-y:auto}.dt-ref-chip{background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--mist);color:var(--ink);font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;display:flex}.dt-ref-chip span{text-transform:lowercase;letter-spacing:.03em}.dt-ref-chip button{color:color-mix(in srgb, var(--ink) 45%, transparent);cursor:pointer;transition:color var(--t-hover) var(--ease);background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.dt-ref-chip button:hover{color:var(--rust)}.dt-prompt-row{align-items:flex-start;gap:10px;display:flex}.dt-prompt-wrap{background:color-mix(in srgb, var(--ink) 4%, transparent);border:1px solid var(--mist);transition:border-color var(--t-hover) var(--ease);border-radius:14px;flex:1;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;position:relative}.dt-prompt-wrap:focus-within{border-color:color-mix(in srgb, var(--rust) 50%, var(--mist))}.dt-prompt-wrap textarea{min-height:90px;max-height:180px;font-size:15px;font-family:var(--font-sans);resize:none;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;line-height:1.5}.dt-prompt-wrap textarea::placeholder{color:color-mix(in srgb, var(--ink) 35%, transparent);font-size:15px}.dt-upload-btn{border:1.5px dashed var(--mist);cursor:pointer;width:34px;height:34px;transition:all var(--t-hover) var(--ease);color:color-mix(in srgb, var(--ink) 55%, transparent);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dt-upload-btn:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent);background:color-mix(in srgb, var(--ink) 4%, transparent);color:var(--ink)}.dt-upload-btn svg{width:16px;height:16px}.dt-enhance{background:color-mix(in srgb, var(--rust) 15%, transparent);border:1px solid color-mix(in srgb, var(--rust) 25%, transparent);color:var(--rust);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:all var(--t-hover) var(--ease);white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;display:flex}.dt-enhance:hover{background:color-mix(in srgb, var(--rust) 22%, transparent);border-color:color-mix(in srgb, var(--rust) 40%, transparent)}.dt-upload-row{display:none}.dt-settings{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dt-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dt-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.dt-send-row{justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.dt-prompt-actions .dt-send-row .dt-clear{flex:none;padding:0;font-size:12px}.dt-prompt-actions .dt-send-row .dt-cost{flex:none;font-size:14px}.dt-prompt-actions .dt-send-row .dt-send{flex:none;margin-left:auto}.dt-sep{color:var(--mist);font-size:14px;font-weight:300}.dt-sep-inline{color:color-mix(in srgb, var(--ink) 20%, transparent);margin:0 2px;font-size:12px;font-weight:300}.dt-model-dropdown{position:relative}.dt-model-btn{background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.dt-model-btn:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.dt-model-menu{background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--mist);box-shadow:var(--shadow-pop);z-index:30;min-width:240px;color:var(--ink);border-radius:14px;margin-bottom:8px;padding:8px;position:absolute;bottom:100%;left:0}.dtm-title{color:color-mix(in srgb, var(--ink) 45%, transparent);text-transform:uppercase;letter-spacing:.12em;padding:4px 8px 6px;font-size:10px;font-weight:600}.dtm-opt{cursor:pointer;transition:background .1s var(--ease);color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;display:flex}.dtm-opt:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.dtm-opt.active{background:color-mix(in srgb, var(--rust) 10%, transparent);font-weight:600}.dtm-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dtm-dot.pro{background:var(--rust)}.dtm-dot.fast{background:var(--accent)}.dtm-sub{color:color-mix(in srgb, var(--ink) 45%, transparent);margin-left:auto;font-size:10px}.dt-settings-chip{background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);color:var(--ink);border-radius:10px;align-items:center;gap:4px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.dt-settings-chip:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.dt-sound-btn{border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);color:var(--ink);background:0 0;border-radius:10px;align-items:center;gap:5px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.dt-sound-btn:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.dt-sound-btn.active{border-color:var(--rust);color:var(--rust);background:color-mix(in srgb, var(--rust) 8%, transparent)}.dt-clear{color:color-mix(in srgb, var(--ink) 45%, transparent);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.dt-clear:hover{color:var(--ink)}.dt-cost{font-family:var(--font-mono);color:var(--ink);opacity:.75;font-size:14px;font-weight:600}.dt-send{background:var(--rust);cursor:pointer;width:44px;height:44px;transition:all .15s var(--ease);box-shadow:0 2px 12px color-mix(in srgb, var(--rust) 35%, transparent);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.dt-send:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--rust) 50%, transparent);transform:scale(1.06)}.dt-send:disabled{opacity:.4;cursor:not-allowed}.dt-send.is-generating{animation:dt-send-pulse 1.6s var(--ease) infinite}@keyframes dt-send-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent), 0 2px 10px color-mix(in srgb, var(--rust) 25%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--accent) 0%, transparent), 0 2px 10px color-mix(in srgb, var(--rust) 25%, transparent)}}.dt-settings-panel{background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--mist);box-shadow:var(--shadow-pop);z-index:40;width:500px;max-width:calc(100vw - 24px);color:var(--ink);border-radius:18px;margin-bottom:10px;padding:22px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dtp-section{margin-bottom:20px}.dtp-section:last-child{margin-bottom:0}.dtp-label{color:color-mix(in srgb, var(--ink) 55%, transparent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:600}.dtp-ratio-grid{justify-content:space-between;gap:6px;display:flex}.dtp-ratio{border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);color:color-mix(in srgb, var(--ink) 70%, transparent);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 0;display:flex}.dtp-ratio:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent);color:var(--ink)}.dtp-ratio.active{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent);color:var(--ink)}.dtp-ratio span{font-size:11px;font-weight:600}.dtp-toggle{background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:12px;gap:2px;padding:3px;display:flex}.dtp-tog-opt{color:color-mix(in srgb, var(--ink) 40%, transparent);cursor:pointer;transition:all var(--t-hover) var(--ease);text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.dtp-tog-opt.active{background:color-mix(in srgb, var(--paper) 88%, transparent);color:var(--ink);font-weight:600;box-shadow:0 1px 4px #00000014}.dtp-dur-row{align-items:center;gap:14px;display:flex}.dtp-slider{-webkit-appearance:none;background:var(--mist);border-radius:2px;outline:none;flex:1;height:4px}.dtp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:18px;height:18px}.dtp-dur-val{border:1px solid var(--mist);color:var(--ink);text-align:center;min-width:60px;font-size:15px;font-weight:600;font-family:var(--font-mono);border-radius:8px;padding:8px 14px}.al-tabs{flex-wrap:wrap;gap:4px;padding:14px 16px;display:flex}.al-tab{color:color-mix(in srgb, var(--ink) 50%, transparent);border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);background:0 0;border-radius:7px;padding:5px 12px;font-size:10px;font-weight:500}.al-tab.active{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent);border-color:color-mix(in srgb, var(--ink) 20%, transparent);font-weight:600}.al-tab:hover:not(.active){border-color:color-mix(in srgb, var(--ink) 18%, transparent)}.al-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;padding:0 12px 16px;display:grid;overflow-y:auto}@media (min-width:1400px){.al-grid{grid-template-columns:repeat(3,1fr)}}.al-cell{flex-direction:column;gap:6px;display:flex}.al-grid::-webkit-scrollbar{width:0}.al-upload-card{border:1.5px dashed var(--mist);cursor:pointer;min-height:96px;transition:all .15s var(--ease);background:color-mix(in srgb, var(--ink) 2%, transparent);color:color-mix(in srgb, var(--ink) 55%, transparent);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.al-upload-card:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent);background:color-mix(in srgb, var(--ink) 5%, transparent)}.al-upload-card svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:20px;height:20px}.al-upload-card p{font-size:10px}.al-upload-card span{color:color-mix(in srgb, var(--ink) 30%, transparent);align-items:center;gap:3px;font-size:8px;display:flex}.al-item{aspect-ratio:1;cursor:pointer;min-height:110px;transition:transform .15s var(--ease);background:var(--mist);border-radius:12px;position:relative;overflow:hidden}.al-item.is-rejected{opacity:.55;filter:saturate(.4)}.ali-kind-chip{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:6px;left:6px}.ali-info-btn{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;width:22px;height:22px;transition:all var(--t-hover) var(--ease);background:#0000008c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;right:6px}.ali-info-btn:hover{background:#000000bf;transform:scale(1.08)}.al-item:hover{transform:scale(1.03)}.al-item:hover .ali-hover-ov{opacity:1}.ali-play-icon{background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ali-play-icon svg{fill:#0c0b09;width:10px;height:10px}.ali-status{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;background:#0000008c;padding:6px;font-size:9px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.ali-status.rejected{color:var(--rust);font-weight:600}.ali-status.checking{color:#fff9}.ali-reject-overlay{background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ali-reject-overlay svg{width:40px;height:40px;stroke:var(--rust);fill:none;stroke-width:1.5px;opacity:.5}.ali-hover-ov{opacity:0;transition:opacity var(--t-hover) var(--ease);background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ali-select-circle{background:#00000059;border:2px solid #ffffffb3;border-radius:50%;width:24px;height:24px}.al-item.selected .ali-select-circle{background:var(--rust);border-color:var(--rust)}.al-item.selected .ali-select-circle:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin:1px auto 0;display:block;transform:rotate(45deg)}.al-item.selected .ali-hover-ov{opacity:1}.al-status-row{align-items:center;gap:6px;display:flex}.al-status-chip{letter-spacing:.04em;font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;cursor:default;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.al-status-chip.eligible{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:color-mix(in srgb, var(--ok) 25%, transparent)}.al-status-chip.rejected{color:var(--rust);background:color-mix(in srgb, var(--rust) 12%, transparent);border-color:color-mix(in srgb, var(--rust) 28%, transparent);cursor:pointer}.al-status-chip.rejected:hover{background:color-mix(in srgb, var(--rust) 18%, transparent)}.al-status-chip.checking{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);border-color:color-mix(in srgb, var(--warn) 25%, transparent)}.al-retry-btn{font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);border:1px solid var(--mist);cursor:pointer;transition:all var(--t-hover) var(--ease);background:0 0;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.al-retry-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 35%, transparent);background:color-mix(in srgb, var(--ink) 5%, transparent)}.al-retry-btn:disabled{opacity:.5;cursor:not-allowed}.al-spin{animation:1s linear infinite spin}.canvas-toast{background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--mist);color:var(--ink);box-shadow:var(--shadow-soft);opacity:0;transition:all var(--t-state) var(--ease);z-index:50;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-10px)}.canvas-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ct-dot{border-radius:50%;width:6px;height:6px}@media (max-width:900px){.studio{flex-direction:column;height:auto;min-height:calc(100vh - 54px)}.studio-main{order:1}.asset-sidebar{border-left:none;border-top:1px solid var(--mist);order:2;width:100%;max-height:50vh}.as-header{padding:12px 16px}.al-grid{grid-template-columns:repeat(3,1fr)}.canvas-area{gap:12px;min-height:50vh;padding:16px 16px 24px}.vid-card{--card-h:260px;width:100%;max-width:340px}.dreamina-toolbar{z-index:20;border-radius:18px 18px 0 0;width:100%;max-width:100%;margin:0;padding:16px 16px 14px;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000026}.dt-prompt-row{flex-direction:column}.dt-prompt-actions{flex-flow:wrap;min-width:0}.dt-enhance{flex:1}.dt-settings{gap:6px}.dt-left{gap:4px;width:100%}.dt-right{justify-content:space-between;width:100%;margin-top:4px}.dt-model-btn,.dt-settings-chip,.dt-sound-btn{padding:8px 12px;font-size:12px}.dt-mode-switch{margin-left:0}.dt-mode-opt{padding:6px 12px;font-size:11px}.dt-sep{display:none}.dt-prompt-wrap textarea{min-height:70px;font-size:14px}.dt-settings-panel{width:calc(100vw - 20px)}.dtp-ratio-grid{flex-wrap:wrap;gap:8px}.dtp-ratio{min-width:calc(33% - 6px)}}.dt-prompt-wrap-stacked{flex-direction:column;align-items:stretch;gap:10px}.dt-prompt-input-row{align-items:flex-start;gap:10px;width:100%;display:flex}.dt-ref-thumbs{border-bottom:1px dashed color-mix(in srgb, var(--ink) 12%, transparent);flex-wrap:wrap;gap:8px;padding-bottom:4px;display:flex}.dt-ref-thumb-wrap{position:relative}.dt-ref-thumb{border:1px solid var(--mist);background-position:50%;background-size:cover;background-color:color-mix(in srgb, var(--ink) 8%, transparent);cursor:pointer;width:56px;height:56px;transition:transform var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease);color:var(--paper);border-radius:10px;padding:0;position:relative;overflow:hidden}.dt-ref-thumb:hover{border-color:color-mix(in srgb, var(--ink) 35%, transparent);transform:translateY(-1px)}.dt-ref-thumb.no-img{background-image:linear-gradient(135deg,#2b3750,#1a1a2e)}.dt-ref-thumb-kind{color:#ffffffe6;text-shadow:0 1px 2px #0006;font-size:10px;line-height:1;position:absolute;top:4px;left:4px}.dt-ref-thumb-label{font-family:var(--font-mono);color:#fff;text-align:center;letter-spacing:.02em;background:linear-gradient(#0000,#000000bf);padding:10px 4px 3px;font-size:9px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.dt-ref-thumb-role{background:var(--rust);color:#fff;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:3px;right:3px}.dt-ref-thumb-remove{background:var(--ink);width:18px;height:18px;color:var(--paper);cursor:pointer;opacity:0;transition:opacity var(--t-hover) var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #0000004d}.dt-ref-thumb-wrap:hover .dt-ref-thumb-remove{opacity:1}.dt-ref-thumb-remove:hover{background:var(--rust)}.dt-ref-preview{background:color-mix(in srgb, var(--paper) 96%, var(--ink) 4%);border:1px solid var(--mist);width:320px;box-shadow:var(--shadow-pop);z-index:280;pointer-events:auto;border-radius:14px;padding:8px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dt-ref-preview:after{content:"";border:7px solid #0000;border-top-color:color-mix(in srgb, var(--paper) 96%, var(--ink) 4%);position:absolute;top:100%;left:50%;transform:translate(-50%)}.dt-ref-preview img{object-fit:cover;border-radius:10px;width:100%;height:240px;display:block}.dt-ref-preview-placeholder{width:100%;height:240px;font-family:var(--font-mono);color:var(--paper);background:linear-gradient(135deg,#2b3750,#1a1a2e);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.dt-ref-preview-meta{flex-direction:column;gap:2px;padding:8px 6px 4px;display:flex}.dt-ref-preview-token{font-family:var(--font-mono);color:var(--ink);font-size:11px;font-weight:600}.dt-ref-preview-name{color:color-mix(in srgb, var(--ink) 55%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dt-genmode-btn{background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid var(--mist);color:var(--ink);cursor:pointer;transition:all var(--t-hover) var(--ease);font-size:12px;font-weight:500;font-family:var(--font-sans);border-radius:10px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.dt-genmode-btn:hover{background:color-mix(in srgb, var(--ink) 9%, transparent);border-color:color-mix(in srgb, var(--ink) 25%, transparent)}.ali-actions{z-index:4;opacity:0;transition:opacity var(--t-hover) var(--ease);gap:4px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.al-item:hover .ali-actions,.al-item.selected .ali-actions{opacity:1}.ali-action-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--t-hover) var(--ease);border:none;border-radius:6px;flex:1;padding:5px 6px;font-size:9px;font-weight:600}.ali-action-btn.ali-use{color:#0c0b09;background:#fff}.ali-action-btn.ali-use:hover{background:#f3efe3}.ali-action-btn.ali-del{color:#fff;background:#000000b8}.ali-action-btn.ali-del:hover{color:#fff;background:#cc4125}.ali-action-btn:disabled{opacity:.5;cursor:wait}.al-item:hover .ali-select-circle,.al-item.selected:hover .ali-select-circle{opacity:0}@media (max-width:420px){.canvas-area{padding:12px 12px 20px}.dreamina-toolbar{padding:14px 14px 12px}.dt-send{width:40px;height:40px}.dt-cost{font-size:13px}}