.dsv5,.dsv5 *{box-sizing:border-box}
.dsv5{
 --orange:#f58220;--orange2:#d96a0b;--orange3:#ff9d45;
 --blue:#1769aa;--dark:#16191e;--dark2:#2f3540;
 --text:#343a40;--muted:#737b86;--line:#e5e8ec;--bg:#f4f6f8;--white:#fff;
 --shadow:0 18px 55px rgba(20,30,45,.12);
 width:100%;color:var(--text);line-height:1.5;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Microsoft JhengHei","Noto Sans TC",Arial,sans-serif
}
.dsv5 button,.dsv5 input,.dsv5 select,.dsv5 textarea{font:inherit}
.dsv5 button{cursor:pointer}
.dsv5-shell{max-width:1780px;margin:auto;background:var(--bg);border:1px solid rgba(0,0,0,.06);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.dsv5-hero{
 padding:24px 32px;color:#fff;position:relative;overflow:hidden;
 background:
 radial-gradient(circle at 80% 20%,rgba(245,130,32,.34),transparent 26%),
 linear-gradient(135deg,#111419 0%,#252b34 48%,#5a2a08 100%)
}
.dsv5-hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:320px;height:320px;border:42px solid rgba(255,255,255,.045);border-radius:50%}
.dsv5-brand,.dsv5-title{position:relative;z-index:2}
.dsv5-brand{display:flex;justify-content:space-between;align-items:center;gap:14px;font-weight:900}
.dsv5-mark{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,var(--orange3),var(--orange2));margin-right:10px}
.dsv5-version{font-size:12px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08)}
.dsv5-title{margin-top:14px}.dsv5-title h1{margin:0;font-size:clamp(29px,3.2vw,48px);line-height:1.06;font-weight:950}.dsv5-title p{margin:9px 0 0;color:rgba(255,255,255,.76)}
.dsv5-main{display:grid;grid-template-columns:330px minmax(600px,1fr) 420px;min-height:900px}
.dsv5-panel{background:#fff;padding:17px;overflow:auto}
.dsv5-left{border-right:1px solid var(--line)}
.dsv5-right{border-left:1px solid var(--line)}
.dsv5-preview{
 padding:17px;display:flex;flex-direction:column;min-width:0;
 background:
 linear-gradient(45deg,#f7f7f7 25%,transparent 25%),
 linear-gradient(-45deg,#f7f7f7 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#f7f7f7 75%),
 linear-gradient(-45deg,transparent 75%,#f7f7f7 75%);
 background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0
}
.dsv5-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.dsv5-head h2{margin:0;font-size:18px;font-weight:950;color:var(--dark)}
.dsv5-status{font-size:12px;color:var(--muted);font-weight:750}
.dsv5 details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}
.dsv5 summary{list-style:none;padding:14px 15px;font-weight:950;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between}
.dsv5 summary::-webkit-details-marker{display:none}
.dsv5 summary:after{content:"＋";color:var(--orange);font-size:19px}
.dsv5 details[open] summary:after{content:"−"}
.dsv5-body{padding:0 15px 15px}
.dsv5-field{margin-bottom:11px}
.dsv5-field label{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;color:var(--dark);font-size:12px;font-weight:850}
.dsv5-field small{font-size:11px;color:var(--muted)}
.dsv5 input[type=text],.dsv5 select,.dsv5 textarea{
 width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)
}
.dsv5 textarea{min-height:76px;resize:vertical}
.dsv5 input[type=range]{width:100%;accent-color:var(--orange)}
.dsv5 input[type=color]{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:4px;background:#fff}
.dsv5 input:focus,.dsv5 select:focus,.dsv5 textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,130,32,.16)}
.dsv5-grid2{display:grid;grid-template-columns:1fr;gap:9px}
.dsv5-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dsv5-shape{
 padding:11px 8px!important;border:0!important;border-radius:11px!important;color:#fff!important;
 background:linear-gradient(135deg,var(--orange3),var(--orange2))!important;
 font-size:12px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(245,130,32,.19)!important
}
.dsv5-shape:hover{transform:translateY(-1px)}
.dsv5-shape.active{box-shadow:0 0 0 3px rgba(245,130,32,.24),0 7px 18px rgba(245,130,32,.3)}
.dsv5-shape-icon{display:block;font-size:24px;line-height:1;margin-bottom:5px}
.dsv5-colours{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.dsv5-colour{height:38px;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px var(--line)}
.dsv5-colour.active{box-shadow:0 0 0 3px rgba(245,130,32,.38)}
.dsv5-upload{display:grid;place-items:center;min-height:84px;padding:12px;border:1.5px dashed #cbd1d8;border-radius:12px;background:#fafafa;text-align:center;cursor:pointer}
.dsv5-upload input{display:none}.dsv5-upload b{font-size:13px}.dsv5-upload span{font-size:11px;color:var(--muted)}
.dsv5-btns{display:flex;flex-wrap:wrap;gap:8px}
.dsv5-btn{
 border:0!important;border-radius:11px!important;padding:9px 13px!important;
 background:linear-gradient(135deg,var(--orange3),var(--orange2))!important;
 color:#fff!important;font-size:12px!important;font-weight:900!important;
 box-shadow:0 5px 14px rgba(245,130,32,.18)!important
}
.dsv5-btn:hover,.dsv5-btn:focus,.dsv5-btn:active{
 background:linear-gradient(135deg,#ffad62,var(--orange))!important;color:#fff!important;
 transform:translateY(-1px);outline:none!important
}
.dsv5-btn.dark,.dsv5-btn.ghost{background:linear-gradient(135deg,var(--orange3),var(--orange2))!important;color:#fff!important;border:0!important}
.dsv5-btn:disabled{opacity:.42;cursor:not-allowed}
.dsv5-tabs{display:flex;gap:6px;margin-bottom:12px}
.dsv5-tab{flex:1;border:0!important;background:linear-gradient(135deg,var(--orange3),var(--orange2))!important;color:#fff!important;border-radius:11px!important;padding:10px 8px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(245,130,32,.16)!important}
.dsv5-tab.active{background:linear-gradient(135deg,#ffb06d,var(--orange))!important;color:#fff!important;box-shadow:0 0 0 3px rgba(245,130,32,.24),0 6px 16px rgba(245,130,32,.22)!important}
.dsv5-pane{display:none}.dsv5-pane.active{display:block}
.dsv5-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dsv5-stage{
 position:relative;display:grid;place-items:center;flex:1;min-height:735px;
 border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.97);
 box-shadow:var(--shadow);overflow:auto;padding:42px 24px 24px 48px
}
.dsv5-board{transform-origin:center;display:grid;place-items:center}
#dsv5Svg{display:block;overflow:visible;max-width:none;touch-action:none}
.dsv5-ai-selection{pointer-events:none}
.dsv5-ai-box{fill:none;stroke:var(--orange);stroke-width:.45;stroke-dasharray:1.5 1}
.dsv5-ai-handle{fill:var(--orange);stroke:#fff;stroke-width:.35}
.dsv5-ai-draggable{cursor:move;touch-action:none}
.dsv5-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.dsv5-inline-actions .dsv5-btn{flex:1}
.dsv5-ruler-x,.dsv5-ruler-y{position:absolute;z-index:4;background:rgba(255,255,255,.96);color:#757b83;font-size:10px;pointer-events:none}
.dsv5-ruler-x{left:48px;right:0;top:0;height:29px;border-bottom:1px solid var(--line)}
.dsv5-ruler-y{left:0;top:29px;bottom:0;width:39px;border-right:1px solid var(--line)}
.dsv5-ruler-x span{position:absolute;top:6px;transform:translateX(-50%)}
.dsv5-ruler-y span{position:absolute;left:6px;transform:translateY(-50%)}
.dsv5-stage.guides:before,.dsv5-stage.guides:after{content:"";position:absolute;z-index:2;background:rgba(245,130,32,.28);pointer-events:none}
.dsv5-stage.guides:before{left:50%;top:29px;bottom:0;width:1px}
.dsv5-stage.guides:after{top:50%;left:39px;right:0;height:1px}
.dsv5-warning{display:none;margin-top:10px;padding:10px 12px;border:1px solid #efd39e;background:#fff8e8;color:#985d00;border-radius:10px;font-size:12px;font-weight:750}
.dsv5-warning.show{display:block}
.dsv5-footerbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.dsv5-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}
.dsv5-check input{accent-color:var(--orange)}
.dsv5-ai-card{padding:14px;border-radius:14px;background:linear-gradient(145deg,#fff5ea,#fff);border:1px solid #ffd9b4}
.dsv5-ai-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.dsv5-ai-title b{font-size:14px;color:var(--dark)}

.dsv5-ai-result{display:none;margin-top:10px;padding:10px;border-radius:10px;background:#f7f8fa;border:1px solid var(--line);font-size:11px;color:var(--muted)}
.dsv5-ai-result.show{display:block}
.dsv62-loading{display:inline-flex;align-items:center;gap:7px}
.dsv62-loading:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:dsv62spin .75s linear infinite}
@keyframes dsv62spin{to{transform:rotate(360deg)}}
.dsv62-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.dsv62-ai-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:7px;text-align:center}
.dsv62-ai-card svg{display:block;width:100%;height:115px}
.dsv62-ai-card button{width:100%;margin-top:6px}
.dsv62-layer-list,.dsv62-design-list{display:grid;gap:7px;margin-top:9px}
.dsv62-layer-item,.dsv62-design-item{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.dsv62-layer-item.is-active{border-color:var(--orange);box-shadow:0 0 0 2px rgba(245,130,32,.14)}
.dsv62-layer-item span,.dsv62-design-item span{flex:1;min-width:0;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsv62-mini{border:0;border-radius:8px;padding:6px 8px;background:var(--orange);color:#fff;font-size:10px;font-weight:850}
.dsv62-mini.alt{background:#fff;color:var(--dark);border:1px solid var(--line)}
.dsv62-number-wrap{display:flex;flex-direction:column;gap:5px;align-items:stretch}
.dsv62-number-wrap input[type=number]{order:-1;width:76px;align-self:flex-end;text-align:right}
.dsv62-layer-item{padding:5px 6px;gap:5px}
.dsv62-layer-item span{font-size:10px}
.dsv62-mini{padding:4px 6px;font-size:0;min-width:28px}
.dsv62-mini[data-icon]::before{content:attr(data-icon);font-size:13px}
.dsv63-transform-handle{fill:var(--orange);stroke:#fff;stroke-width:.35;cursor:nwse-resize;pointer-events:all}
.dsv63-rotate-handle{fill:#fff;stroke:var(--orange);stroke-width:.5;cursor:grab;pointer-events:all}
.dsv63-rotate-line{stroke:var(--orange);stroke-width:.35;stroke-dasharray:1 1}
.dsv62-number-wrap input[type=number]{width:100%;min-height:34px;padding:5px 7px;border:1px solid var(--line);border-radius:8px}
.dsv62-font-preview{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fafafa;text-align:center;font-size:18px;margin-top:7px}

.dsv5-mobile-bar{display:none}
.dsv5-note{padding:10px 12px;border-radius:10px;background:#fff;color:var(--muted);border:1px solid var(--line);font-size:11px}

.dsv5-legal{padding:18px;background:#fff;border-top:1px solid var(--line)}
.dsv5-legal-inner{max-width:1460px;margin:auto}
.dsv5-legal details{margin-bottom:9px;background:#fff}
.dsv5-legal p,.dsv5-legal li{font-size:12px;color:#59616c;line-height:1.75}
.dsv5-legal ol,.dsv5-legal ul{padding-left:20px;margin:0}
.dsv5-legal strong{color:var(--dark)}
@media(max-width:1320px){.dsv5-main{grid-template-columns:300px minmax(520px,1fr) 380px}}
@media(max-width:1080px){
 .dsv5-main{grid-template-columns:1fr}
 .dsv5-preview{order:-1;position:sticky;top:0;z-index:50;padding:8px;background:#f4f6f8;border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(20,30,45,.10)}
 .dsv5-stage{min-height:390px;max-height:52vh;padding:34px 10px 10px 42px}
 .dsv5-left,.dsv5-right{border:0;border-bottom:1px solid var(--line)}
 .dsv5-mobile-bar{
  display:flex;position:sticky;bottom:0;z-index:40;gap:7px;padding:9px calc(9px + env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) calc(9px + env(safe-area-inset-left));
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line)
 }
 .dsv5-mobile-bar .dsv5-btn{flex:1;padding:11px 7px}
}
@media(max-width:680px){
 .dsv5-shell{border-radius:0}
 .dsv5-hero{padding:11px 12px}
 .dsv5-brand{font-size:11px;gap:6px;white-space:nowrap}
 .dsv5-mark{width:28px;height:28px;border-radius:8px;margin-right:6px}
 .dsv5-version{font-size:9px;padding:4px 6px;white-space:nowrap}
 .dsv5-title{margin-top:7px}
 .dsv5-title h1{font-size:20px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dsv5-title p{font-size:10px;line-height:1.25;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dsv5-panel{padding:12px}.dsv5-preview{padding:8px}
 .dsv5-grid2{grid-template-columns:1fr}.dsv5-shapes{grid-template-columns:repeat(3,1fr)}
 .dsv5-stage{min-height:330px;max-height:46vh;padding:33px 6px 6px 40px;place-items:center}
 .dsv5-board{margin:auto}
 .dsv5-toolbar{gap:6px}.dsv5-toolbar .dsv5-btn{padding:8px 9px}
 .dsv5-footerbar{padding-bottom:66px}.dsv5-btn{flex:1}
}

/* V6.4 full-width AI hero and balanced workspace */
.dsv5-main{
 display:grid;
 grid-template-columns:minmax(350px,1fr) minmax(430px,.92fr) minmax(350px,1fr);
 align-items:start;
}
.dsv64-ai-hero{
 grid-column:1/-1;
 margin:16px 17px 0;
 padding:20px 22px;
 border-radius:18px;
 color:#fff;
 background:
  radial-gradient(circle at 88% 10%,rgba(245,130,32,.42),transparent 28%),
  linear-gradient(135deg,#171a20 0%,#292f38 56%,#6a320b 100%);
 box-shadow:0 14px 35px rgba(20,30,45,.15);
 overflow:hidden;
}
.dsv64-ai-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}
.dsv64-ai-heading h2{margin:2px 0 4px;font-size:24px;color:#fff}
.dsv64-ai-heading p{margin:0;color:rgba(255,255,255,.72);font-size:12px}
.dsv64-ai-kicker{font-size:9px;letter-spacing:1.6px;color:#ffb574;font-weight:900}
.dsv64-ai-form{
 display:grid;
 grid-template-columns:minmax(300px,2.2fr) minmax(230px,1.25fr) minmax(250px,1.35fr);
 gap:12px 14px;
 align-items:end;
}
.dsv64-ai-prompt{grid-row:span 2}
.dsv64-ai-prompt label,.dsv64-ai-form .dsv5-field label{display:block;margin-bottom:6px;color:#fff;font-size:11px;font-weight:850}
.dsv64-ai-prompt textarea{
 width:100%;min-height:104px;padding:11px 12px;border:1px solid rgba(255,255,255,.18);
 border-radius:12px;background:rgba(255,255,255,.96);color:var(--text);resize:vertical
}
.dsv64-ai-form select{background:#fff}
.dsv64-ai-selects{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dsv64-purpose-panel{
 padding:9px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08)
}
.dsv64-purpose-panel>span{display:block;margin-bottom:6px;font-size:10px;font-weight:850;color:#fff}
.dsv64-purpose-chips{display:flex;flex-wrap:wrap;gap:6px}
.dsv64-purpose-chips button{
 border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);
 color:#fff;padding:5px 8px;font-size:10px;font-weight:800
}
.dsv64-purpose-chips button:hover{background:var(--orange);border-color:var(--orange)}
.dsv64-ai-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.dsv64-ai-actions .dsv5-btn{min-width:0;padding:10px 7px}
.dsv64-ai-actions .ghost{background:rgba(255,255,255,.96)}
.dsv64-ai-result{grid-column:2/-1;margin:0;background:rgba(255,255,255,.95)}
.dsv5-left{grid-column:1;grid-row:2}
.dsv5-preview{grid-column:2;grid-row:2}
.dsv5-right{grid-column:3;grid-row:2}
.dsv5-stage{min-height:570px}
.dsv62-number-wrap{display:block!important}
.dsv62-number-wrap input[type=number]{display:none!important}


@media(max-width:1080px){
 .dsv5-main{display:grid;grid-template-columns:1fr}
 .dsv5-preview{
  grid-column:1;grid-row:1;order:initial;
  position:sticky;top:0;z-index:60;
  padding:8px;background:#f4f6f8;border-bottom:1px solid var(--line);
  box-shadow:0 8px 20px rgba(20,30,45,.10)
 }
 .dsv64-ai-hero{
  grid-column:1;grid-row:2;
  margin:10px 10px 0;padding:14px;
 }
 .dsv5-left{grid-column:1;grid-row:3}
 .dsv5-right{grid-column:1;grid-row:4}
 .dsv64-ai-form{grid-template-columns:1fr 1fr}
 .dsv64-ai-prompt{grid-column:1/-1;grid-row:auto}
 .dsv64-ai-actions{grid-column:1/-1}
 .dsv64-ai-result{grid-column:1/-1}
 .dsv5-stage{min-height:330px;max-height:44vh}
}
@media(max-width:680px){
 .dsv64-ai-hero{margin:8px 8px 0;padding:12px;border-radius:14px}
 .dsv64-ai-heading h2{font-size:20px}
 .dsv64-ai-heading p{font-size:10px}
 .dsv64-ai-form{grid-template-columns:1fr}
 .dsv64-ai-prompt,.dsv64-ai-actions,.dsv64-ai-result{grid-column:1}
 .dsv64-ai-selects{grid-template-columns:1fr 1fr}
 .dsv64-ai-actions{grid-template-columns:repeat(4,1fr)}
 .dsv64-ai-actions .dsv5-btn{font-size:10px;padding:9px 3px}
}


/* ===== V7.0 PRODUCT UI ===== */
.dsv5-hero{padding:18px 26px 22px}
.dsv7-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}
.dsv7-topline .dsv5-brand{flex:1}
.dsv7-header-actions{display:flex;align-items:center;gap:7px;position:relative;z-index:3}
.dsv7-head-btn{
 border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:8px 11px;
 background:rgba(255,255,255,.09);color:#fff;font-size:11px;font-weight:850;cursor:pointer
}
.dsv7-head-btn:hover{background:rgba(255,255,255,.16)}
.dsv7-head-btn.primary{background:linear-gradient(135deg,var(--orange3),var(--orange2));border-color:transparent}
.dsv7-head-btn.icon{font-size:17px;line-height:1;padding:5px 10px}
.dsv5-title{margin-top:10px}
.dsv5-title h1{font-size:clamp(28px,3vw,42px)}
.dsv64-ai-hero{margin:12px 16px 14px;padding:17px 20px;border-radius:17px}
.dsv7-ai-title{display:flex;align-items:center;gap:13px}
.dsv7-ai-orb{
 display:grid;place-items:center;width:48px;height:48px;border-radius:15px;
 background:linear-gradient(135deg,#ffb46d,var(--orange2));color:#fff;font-size:17px;font-weight:950;
 box-shadow:0 8px 22px rgba(245,130,32,.32)
}
.dsv7-ai-badge{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:850}
.dsv64-ai-heading{margin-bottom:11px}
.dsv64-ai-heading h2{font-size:26px;margin:0 0 2px}
.dsv64-ai-form{
 grid-template-columns:minmax(330px,2.35fr) minmax(220px,1.25fr) minmax(300px,1.55fr);
 gap:10px 13px
}
.dsv64-ai-prompt textarea{min-height:88px}
.dsv7-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.dsv7-reference-upload{font-size:10px!important;color:#ffd0a5!important;cursor:pointer;margin:0!important}
.dsv7-prompt-footer span{font-size:9px;color:rgba(255,255,255,.56);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsv64-ai-actions{grid-template-columns:minmax(170px,1.8fr) repeat(3,minmax(84px,1fr));align-items:stretch}
.dsv7-generate-btn{
 border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,#ff9d45,#d96a0b);
 color:#fff;font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 8px 20px rgba(245,130,32,.26)
}
.dsv7-generate-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.dsv5-main{
 --left-col:24%;
 --center-col:42%;
 --right-col:34%;
 display:grid!important;
 grid-template-columns:var(--left-col) 8px minmax(390px,var(--center-col)) 8px var(--right-col)!important;
 align-items:stretch
}
.dsv64-ai-hero{grid-column:1/-1!important}
.dsv5-left{grid-column:1!important;grid-row:2!important;position:relative}
#dsv7SplitLeft{grid-column:2;grid-row:2}
.dsv5-preview{grid-column:3!important;grid-row:2!important}
#dsv7SplitRight{grid-column:4;grid-row:2}
.dsv5-right{grid-column:5!important;grid-row:2!important;position:relative}
.dsv7-splitter{
 position:relative;cursor:col-resize;background:transparent;touch-action:none
}
.dsv7-splitter:before{
 content:"";position:absolute;left:3px;top:8px;bottom:8px;width:2px;border-radius:999px;background:#d9dde3
}
.dsv7-splitter:hover:before,.dsv7-splitter.is-dragging:before{background:var(--orange)}
.dsv7-panel-collapse{
 position:absolute;top:12px;z-index:4;width:25px;height:25px;border:1px solid var(--line);border-radius:8px;
 background:#fff;color:var(--dark);font-weight:950;cursor:pointer
}
.dsv7-panel-collapse.left{right:10px}
.dsv7-panel-collapse.right{left:10px}
.dsv5-left.is-collapsed{display:none}
.dsv5-right.is-collapsed{display:none}
.dsv5-main.left-collapsed{
 grid-template-columns:0 0 minmax(480px,64%) 8px 36%!important
}
.dsv5-main.right-collapsed{
 grid-template-columns:26% 8px minmax(520px,74%) 0 0!important
}
.dsv5-main.left-collapsed.right-collapsed{
 grid-template-columns:0 0 100% 0 0!important
}
.dsv5-left .dsv5-grid2,.dsv5-right .dsv5-grid2{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px
}
.dsv5-left .dsv5-field,.dsv5-right .dsv5-field{min-width:0}
.dsv5-stage{min-height:610px}
.dsv5-preview{padding:14px}
.dsv5-panel{padding:15px}
.dsv5-panel details{margin-bottom:10px}
.dsv5-panel summary{padding:12px 13px}
.dsv5-body{padding:0 13px 13px}
.dsv5-field{margin-bottom:9px}
.dsv5-field label{font-size:11px}
.dsv5 input[type=range]{height:20px}
@media(max-width:1200px){
 .dsv5-main{
  --left-col:25%;
  --center-col:42%;
  --right-col:33%;
  grid-template-columns:var(--left-col) 7px minmax(370px,var(--center-col)) 7px var(--right-col)!important
 }
 .dsv7-header-actions{gap:5px}
 .dsv7-head-btn{padding:7px 8px}
 .dsv64-ai-form{grid-template-columns:1.8fr 1fr 1.25fr}
}
@media(max-width:1080px){
 .dsv7-topline{align-items:flex-start;flex-direction:column}
 .dsv7-header-actions{width:100%;overflow-x:auto;padding-bottom:2px}
 .dsv5-main{display:flex!important;flex-direction:column}
 .dsv5-preview{order:1!important;position:sticky!important;top:0;z-index:60}
 .dsv64-ai-hero{order:2!important;margin:8px}
 .dsv5-left{order:3!important}
 .dsv5-right{order:4!important}
 .dsv7-splitter,.dsv7-panel-collapse{display:none!important}
 .dsv64-ai-form{grid-template-columns:1fr 1fr}
 .dsv64-ai-prompt{grid-column:1/-1}
 .dsv64-ai-actions,.dsv64-ai-result{grid-column:1/-1}
 .dsv5-left .dsv5-grid2,.dsv5-right .dsv5-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
 .dsv7-header-actions{display:grid;grid-template-columns:repeat(5,max-content)}
 .dsv7-head-btn{font-size:9px;padding:6px 7px}
 .dsv64-ai-form{grid-template-columns:1fr}
 .dsv64-ai-selects{grid-template-columns:1fr 1fr}
 .dsv64-ai-actions{grid-template-columns:1.7fr repeat(3,1fr)}
 .dsv7-generate-btn{font-size:11px;padding:9px 7px}
 .dsv64-ai-actions .dsv5-btn{font-size:9px;padding:8px 4px}
 .dsv5-left .dsv5-grid2,.dsv5-right .dsv5-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== V7.1 CLEAN SAAS UI ===== */
.dsv7-topline{display:block}
.dsv7-header-actions{display:none!important}
.dsv5-hero{padding:20px 28px 24px}
.dsv5-title{margin-top:12px}

.dsv71-ai-card{
 grid-column:1/-1;
 margin:14px 17px 14px;
 padding:18px 20px;
 border:1px solid var(--line);
 border-radius:16px;
 background:#fff;
 color:var(--text);
 box-shadow:0 12px 30px rgba(20,30,45,.08);
}
.dsv71-ai-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.dsv71-ai-heading h2{color:var(--dark)!important;margin:0 0 3px!important}
.dsv71-ai-heading p{color:var(--muted)!important}
.dsv71-ai-heading .dsv64-ai-kicker{color:var(--orange)!important}
.dsv71-ai-heading .dsv7-ai-badge{background:#fff3e8;color:var(--orange2)}
.dsv71-ai-heading .dsv7-ai-orb{box-shadow:none}

.dsv71-ai-card .dsv64-ai-form{
 grid-template-columns:minmax(320px,2.2fr) minmax(230px,1.2fr) minmax(300px,1.5fr);
 gap:10px 12px;
}
.dsv71-ai-card .dsv64-ai-prompt label,
.dsv71-ai-card .dsv5-field label{color:var(--dark)!important}
.dsv71-ai-card .dsv64-ai-prompt textarea{
 min-height:88px;
 border:1px solid var(--line);
 background:#fafafa;
}
.dsv71-ai-card .dsv7-reference-upload{color:var(--orange2)!important}
.dsv71-ai-card .dsv7-prompt-footer span{color:var(--muted)}
.dsv71-ai-card .dsv64-purpose-panel{
 background:#fafafa;
 border:1px solid var(--line);
}
.dsv71-ai-card .dsv64-purpose-panel>span{color:var(--dark)}
.dsv71-ai-card .dsv64-purpose-chips button{
 color:var(--dark);
 background:#fff;
 border:1px solid var(--line);
}
.dsv71-ai-card .dsv64-ai-actions .ghost{background:#fff}
.dsv71-ai-card .dsv64-ai-result{background:#fff8ed}

.dsv7-splitter{overflow:visible}
.dsv71-collapse-handle{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:24px;
 height:38px;
 border:1px solid var(--line);
 border-radius:999px;
 background:#fff;
 color:var(--dark);
 font-size:16px;
 font-weight:950;
 cursor:pointer;
 z-index:10;
 box-shadow:0 4px 12px rgba(20,30,45,.12);
}
.dsv71-collapse-handle:hover{border-color:var(--orange);color:var(--orange)}
.dsv7-panel-collapse{display:none!important}

.dsv5-left.is-collapsed,
.dsv5-right.is-collapsed{display:none!important}
.dsv5-main.left-collapsed #dsv7SplitLeft,
.dsv5-main.right-collapsed #dsv7SplitRight{
 display:block!important;
 width:8px!important;
}
.dsv5-main.left-collapsed #dsv71ToggleLeft{left:50%}
.dsv5-main.right-collapsed #dsv71ToggleRight{left:50%}

.dsv5-left .dsv5-grid2,
.dsv5-right .dsv5-grid2{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px;
}
@media(max-width:1080px){
 .dsv71-ai-card{
  order:2!important;
  margin:8px;
  padding:13px;
 }
 .dsv71-ai-card .dsv64-ai-form{grid-template-columns:1fr 1fr}
 .dsv71-ai-card .dsv64-ai-prompt{grid-column:1/-1}
 .dsv71-ai-card .dsv64-ai-actions,
 .dsv71-ai-card .dsv64-ai-result{grid-column:1/-1}
 .dsv71-collapse-handle{display:none!important}
}
@media(max-width:680px){
 .dsv71-ai-card .dsv64-ai-form{grid-template-columns:1fr}
 .dsv71-ai-card .dsv64-ai-selects{grid-template-columns:1fr 1fr}
}


/* V7.1.1 interaction and visual hotfix */
.dsv71-collapse-handle{
 background:#fff!important;
 color:#343a40!important;
 border:1px solid #dfe3e8!important;
 outline:none!important;
 box-shadow:0 4px 12px rgba(20,30,45,.12)!important;
}
.dsv71-collapse-handle:hover,
.dsv71-collapse-handle:focus-visible{
 background:#fff8f1!important;
 color:#d96a0b!important;
 border-color:#f58220!important;
 box-shadow:0 0 0 3px rgba(245,130,32,.16),0 4px 12px rgba(20,30,45,.12)!important;
}
.dsv7-splitter:before{background:#d9dde3!important}
.dsv7-splitter:hover:before,
.dsv7-splitter.is-dragging:before{background:#f58220!important}


/* ==== V7.1.2 AI Workspace Redesign ==== */
.dsv71-ai-card{
  background:#fff;
  border:1px solid #e8eaee;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(20,30,45,.06);
  padding:0;
  overflow:hidden;
}
.dsv71-ai-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 18px;
  background:#f8f9fb;
  border-bottom:1px solid #eceff3;
}
.dsv71-ai-heading h2{
  font-size:20px!important;
  margin:0!important;
}
.dsv71-ai-heading p,
.dsv7-ai-orb,
.dsv7-ai-badge{
  display:none!important;
}
.dsv64-ai-form{
  display:grid!important;
  grid-template-columns:2fr 1fr!important;
  gap:18px;
  padding:18px;
}
.dsv64-ai-actions{
  grid-column:1/-1;
  display:flex!important;
  justify-content:flex-end;
  gap:10px;
}
.dsv7-generate-btn{
  min-width:180px;
  font-size:15px;
}
.dsv64-purpose-panel{
  grid-column:1/-1;
  background:#fafafa;
}
@media(max-width:900px){
 .dsv64-ai-form{
   grid-template-columns:1fr!important;
 }
}


/* ===== V7.2 integrated white AI workspace ===== */
.dsv71-ai-card{margin:0 17px 14px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.dsv71-ai-heading{padding:14px 0 10px!important;background:#fff!important;border:0!important}
.dsv71-ai-heading h2{font-size:20px!important}.dsv71-ai-heading p{color:var(--muted)!important}
.dsv71-ai-card .dsv64-ai-form{padding:0!important;grid-template-columns:minmax(0,2fr) minmax(220px,.85fr)!important;gap:12px 16px!important}
.dsv71-ai-card .dsv64-ai-prompt{grid-column:1}.dsv71-ai-card .dsv64-ai-selects{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dsv72-prompt-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:stretch}
.dsv72-reference-box{display:grid;place-items:center;min-height:88px;border:1.5px dashed #cbd1d8;border-radius:12px;background:#fafafa;text-align:center;padding:10px;cursor:pointer;color:var(--muted);font-size:11px}
.dsv72-reference-box strong{display:block;color:var(--dark);font-size:12px;margin-bottom:3px}.dsv72-reference-box small{display:block;font-size:9px}
.dsv71-ai-card .dsv64-ai-actions{grid-column:1!important;display:grid!important;grid-template-columns:minmax(180px,1.7fr) 1fr 1fr!important;gap:8px!important}
.dsv71-ai-card .dsv64-purpose-panel,.dsv71-ai-card .dsv64-ai-result{grid-column:1/-1}
.dsv72-zoom-row{display:flex;align-items:center;gap:8px;min-width:230px}.dsv72-zoom-row input[type=range]{flex:1;accent-color:var(--orange)}.dsv72-zoom-value{min-width:48px;text-align:right;font-size:11px;font-weight:850;color:var(--dark)}
#dsv5SvgDownload{display:none!important}.dsv5-toolbar{flex-wrap:nowrap}.dsv5-toolbar>.dsv5-btns{flex-wrap:nowrap}
@media(max-width:1080px){.dsv71-ai-card{order:2!important;margin:8px!important;padding:0 0 12px!important}.dsv71-ai-card .dsv64-ai-form{grid-template-columns:1fr!important}.dsv72-prompt-layout{grid-template-columns:1fr 150px}.dsv71-ai-card .dsv64-ai-actions{grid-column:1!important}}
@media(max-width:680px){.dsv72-prompt-layout{grid-template-columns:1fr 110px}.dsv72-reference-box{min-height:82px;padding:7px;font-size:9px}.dsv71-ai-card .dsv64-ai-actions{grid-template-columns:1.55fr 1fr 1fr!important}.dsv71-ai-card .dsv64-ai-actions button{font-size:9px;padding:8px 4px}.dsv5-toolbar{overflow-x:auto}.dsv5-toolbar>.dsv5-btns{min-width:max-content}.dsv72-zoom-row{min-width:170px}.dsv5-mobile-bar{gap:5px}.dsv5-mobile-bar .dsv5-btn{font-size:10px;padding:9px 5px}}


/* V7.3 */
.dsv73-ai-workspace{grid-column:1/-1;margin:0 17px 14px;padding:18px 0 16px;background:#fff;border-bottom:1px solid var(--line)}
.dsv73-ai-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.dsv73-ai-heading h2{margin:2px 0 3px;font-size:21px;color:var(--dark)}.dsv73-ai-heading p{margin:0;font-size:11px;color:var(--muted)}
.dsv73-ai-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--orange)}
.dsv73-mode-toggle{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:850;white-space:nowrap}.dsv73-mode-toggle input{accent-color:var(--orange)}
.dsv73-ai-flow{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:13px}.dsv73-prompt-block{display:flex;flex-direction:column;gap:7px}.dsv73-prompt-block>label{font-size:11px;font-weight:850}
.dsv73-prompt-block textarea{width:100%;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;resize:vertical}.dsv73-prompt-block textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,130,32,.13)}
.dsv73-prompt-block .dsv7-generate-btn{align-self:flex-start;min-width:220px}
.dsv73-reference{display:flex;flex-direction:column;gap:6px}.dsv73-reference-drop{min-height:142px;border:1.5px dashed #c9ced5;border-radius:13px;background:#fafbfc;display:grid;place-items:center;padding:9px;cursor:pointer;overflow:hidden}.dsv73-reference-drop:hover{border-color:var(--orange);background:#fff9f3}
.dsv73-reference-empty{text-align:center;color:var(--muted)}.dsv73-reference-empty strong{display:block;margin:5px 0 2px;font-size:12px;color:var(--dark)}.dsv73-reference-empty small{font-size:9px}.dsv73-upload-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:var(--orange);border:1px solid var(--line);font-size:20px}
.dsv73-reference-preview{width:100%;height:100%;text-align:center}.dsv73-reference-preview img{width:100%;height:105px;object-fit:contain;border-radius:9px;background:#fff}.dsv73-reference-preview span{display:block;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsv73-remove-reference{border:0;background:transparent;color:#a0432d;font-size:10px;font-weight:850;cursor:pointer;align-self:flex-end}.dsv73-reference p{margin:0;font-size:9px;color:var(--muted)}
.dsv73-ai-result{margin-top:9px}.dsv73-layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.dsv73-text-toolbar{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:8px;margin:8px 0 12px;border:1px solid var(--line);border-radius:11px;background:#fafafa}
.dsv73-text-toolbar button{flex:0 0 auto;min-width:31px;height:29px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--dark);font-size:10px;font-weight:850;cursor:pointer}.dsv73-text-toolbar button:hover,.dsv73-text-toolbar button.active{background:#fff;border-color:var(--orange);color:var(--orange2)}
.dsv73-tool-divider{width:1px;height:20px;background:var(--line);flex:0 0 1px}
#dsv72TopPng{display:none!important}
@media(max-width:1080px){.dsv73-ai-workspace{order:2!important;margin:8px;padding:14px 0}.dsv73-ai-flow{grid-template-columns:minmax(0,1fr) 170px}}
@media(max-width:680px){.dsv73-ai-flow{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.dsv73-reference-drop{min-height:120px;padding:6px}.dsv73-reference-preview img{height:86px}.dsv73-prompt-block textarea{min-height:105px}.dsv73-prompt-block .dsv7-generate-btn{min-width:0;width:100%;font-size:11px}.dsv73-reference p{display:none}}


/* ===== V7.4 unified white workspace ===== */
.dsv5-shell,
.dsv5-main,
.dsv5-preview,
.dsv5-panel,
.dsv73-ai-workspace,
.dsv73-ai-heading,
.dsv73-ai-flow{
 background:#fff!important;
}
.dsv73-ai-workspace{
 margin:0 17px 14px!important;
 padding:18px 0 16px!important;
 border-bottom:1px solid var(--line)!important;
 box-shadow:none!important;
}
.dsv73-ai-heading{
 padding:0!important;
 margin-bottom:13px!important;
}
.dsv73-ai-flow{
 grid-template-columns:minmax(0,1fr) 220px!important;
 align-items:stretch!important;
}
.dsv73-prompt-block,
.dsv73-reference{
 min-height:168px!important;
}
.dsv73-prompt-block textarea,
.dsv73-reference-drop{
 height:132px!important;
 min-height:132px!important;
}
.dsv73-prompt-block textarea{
 resize:none!important;
}
.dsv73-reference-drop{
 position:relative!important;
 background:#fff!important;
 border:1.5px dashed #cfd4da!important;
}
.dsv73-reference-preview{
 position:relative!important;
 width:100%!important;
 height:100%!important;
}
.dsv73-reference-preview img{
 width:100%!important;
 height:96px!important;
 object-fit:contain!important;
 border-radius:9px!important;
 background:#fff!important;
}
.dsv74-reference-remove{
 position:absolute!important;
 top:5px!important;
 right:5px!important;
 z-index:5!important;
 width:24px!important;
 height:24px!important;
 display:grid!important;
 place-items:center!important;
 padding:0!important;
 border:1px solid rgba(0,0,0,.10)!important;
 border-radius:999px!important;
 background:rgba(255,255,255,.94)!important;
 color:#343a40!important;
 font-size:17px!important;
 line-height:1!important;
 font-weight:700!important;
 cursor:pointer!important;
 box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
}
.dsv74-reference-remove:hover{
 border-color:var(--orange)!important;
 color:var(--orange2)!important;
 background:#fff8f1!important;
}
.dsv73-reference p{
 margin:0!important;
}
.dsv73-mode-toggle{display:none!important}
@media(max-width:680px){
 .dsv73-ai-flow{grid-template-columns:minmax(0,1fr) 118px!important}
 .dsv73-prompt-block,
 .dsv73-reference{min-height:146px!important}
 .dsv73-prompt-block textarea,
 .dsv73-reference-drop{height:112px!important;min-height:112px!important}
 .dsv73-reference-preview img{height:78px!important}
}


/* ===== V8.0 unified product workspace ===== */
.dsv80-ai-workspace{grid-column:1/-1;margin:0 17px 14px;padding:18px 0 16px;background:#fff;border-bottom:1px solid var(--line)}
.dsv80-ai-heading{margin-bottom:13px}.dsv80-ai-heading h2{margin:2px 0 3px;font-size:21px;color:var(--dark)}.dsv80-ai-heading p{margin:0;font-size:11px;color:var(--muted)}.dsv80-ai-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--orange)}
.dsv80-ai-flow{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(180px,.8fr) minmax(150px,.55fr);gap:12px;align-items:stretch}.dsv80-ai-card{min-height:150px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.dsv80-prompt-card textarea{width:100%;height:100%;min-height:150px;padding:14px;border:0;resize:none;background:#fff;color:var(--text)}.dsv80-prompt-card textarea:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(245,130,32,.18)}
.dsv80-reference-drop{display:grid;place-items:center;width:100%;height:100%;min-height:150px;padding:10px;cursor:pointer;border:1.5px dashed #cfd4da;border-radius:14px;background:#fff}.dsv80-reference-drop:hover{border-color:var(--orange);background:#fff9f3}.dsv73-reference-empty{text-align:center;color:var(--muted)}.dsv73-reference-empty strong{display:block;margin:5px 0 2px;font-size:12px;color:var(--dark)}.dsv73-reference-empty small{display:block;font-size:9px}.dsv73-reference-empty em{display:block;margin-top:5px;font-style:normal;font-size:9px;line-height:1.35;color:#8a929d}
.dsv80-generate-card{min-height:150px;border:0;border-radius:14px;padding:14px;background:linear-gradient(145deg,#ff9d45,#d96a0b);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 10px 22px rgba(245,130,32,.23)}.dsv80-generate-card:hover{transform:translateY(-1px);filter:brightness(1.04)}.dsv80-generate-card:disabled{opacity:.58;cursor:wait;transform:none}.dsv80-generate-icon{font-size:25px}.dsv80-generate-card strong{font-size:14px}.dsv80-generate-card small{font-size:9px;color:rgba(255,255,255,.78)}.dsv80-ai-result{margin-top:9px}
.dsv73-reference-preview{position:relative;width:100%;height:100%;text-align:center}.dsv73-reference-preview img{width:100%;height:112px;object-fit:contain;border-radius:9px;background:#fff}.dsv73-reference-preview span{display:block;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsv7-toolbar-singleline>.dsv5-btns{display:flex;gap:7px;flex-wrap:nowrap}.dsv80-customer-template textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;resize:vertical}
.dsv80-info-accordion{position:relative;border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden;background:#fff!important}.dsv80-info-accordion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f1b24b}.dsv80-info-accordion summary{min-height:48px;padding:13px 16px 13px 19px!important;font-size:14px!important;line-height:1.45!important;display:flex;align-items:center;justify-content:space-between;background:#fff;cursor:pointer}.dsv80-info-accordion summary::after{content:"⌄";font-size:16px;color:var(--orange2);transition:transform .2s ease}.dsv80-info-accordion[open] summary{background:#fff8ef}.dsv80-info-accordion[open] summary::after{transform:rotate(180deg)}.dsv80-info-accordion .dsv5-body,.dsv80-info-accordion>div{font-size:14px!important;line-height:1.75!important;color:#4a515a;padding:4px 18px 16px 19px!important}.dsv80-info-accordion p{margin:0 0 10px;font-size:14px;line-height:1.75}
@media(max-width:1080px){.dsv80-ai-workspace{order:2!important;margin:8px;padding:14px 0}.dsv80-ai-flow{grid-template-columns:minmax(0,1.45fr) minmax(150px,.8fr) minmax(125px,.5fr)}}@media(max-width:680px){.dsv80-ai-flow{grid-template-columns:minmax(0,1.35fr) 98px 92px;gap:7px}.dsv80-ai-card,.dsv80-reference-drop,.dsv80-generate-card{min-height:122px}.dsv80-prompt-card textarea{min-height:122px;padding:9px;font-size:11px}.dsv73-reference-empty strong{font-size:9px}.dsv73-reference-empty small,.dsv73-reference-empty em{font-size:7px}.dsv73-upload-icon{width:27px;height:27px;font-size:16px}.dsv80-generate-icon{font-size:20px}.dsv80-generate-card strong{font-size:9px}.dsv80-generate-card small{font-size:7px}.dsv7-toolbar-singleline{overflow-x:auto}.dsv7-toolbar-singleline>.dsv5-btns{min-width:max-content}}