.workbench-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);gap:16px;align-items:start}
.workbench-panel,.workbench-stage-shell{display:grid;gap:16px}
.panel-head h2,.workbench-stage-shell h2{margin:4px 0 8px;font-size:28px;line-height:1.05}
.flow-gap-top{margin-top:8px}
.single-col{grid-template-columns:1fr}
.helper-card,.arrangement-card,.inspector-card,.order-card{padding:16px 18px}
.helper-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.vessel-grid,.flower-shelf{display:grid;gap:12px}
.vessel-grid{grid-template-columns:1fr 1fr}
.flower-shelf{grid-template-columns:1fr}
.vessel-card,.flower-card{border:1px solid rgba(131,107,76,.16);border-radius:18px;background:linear-gradient(180deg,rgba(255,251,245,.95),rgba(247,240,229,.84));padding:14px;display:grid;gap:12px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.vessel-card:hover,.flower-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(70,51,30,.08)}
.vessel-card.active,.flower-card.active{border-color:#7c9a6d;box-shadow:0 0 0 2px rgba(124,154,109,.16),0 12px 24px rgba(70,51,30,.08)}
.vessel-thumb{height:138px;border-radius:16px;background:linear-gradient(180deg,#fbfaf7,#efe5d3);display:grid;place-items:end center;position:relative;overflow:hidden}
.vessel-thumb::before{content:'';position:absolute;inset:12px;border-radius:14px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.7),rgba(255,255,255,0) 42%)}
.vessel-name-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.vessel-name-row strong,.flower-title-row strong{display:block;font-size:16px;line-height:1.1}
.vessel-price,.flower-price{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(124,154,109,.14);color:#4d6844;font-size:12px;font-weight:800}
.vase-mini{position:relative;width:94px;height:108px;display:block;filter:drop-shadow(0 16px 24px rgba(68,47,28,.18))}
.vase-mini .body,.stage-vase .body{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:74px;height:96px;border-radius:24px 24px 18px 18px / 20px 20px 16px 16px;overflow:hidden}
.vase-mini .neck,.stage-vase .neck{position:absolute;left:50%;transform:translateX(-50%);top:6px;width:40px;height:18px;border-radius:999px;background:#f6f1ea;z-index:3}
.vase-mini .rim,.stage-vase .rim{position:absolute;left:50%;transform:translateX(-50%);top:0;width:52px;height:14px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(106,88,64,.18);z-index:4}
.vase-mini .base-shadow,.stage-vase .base-shadow{position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;width:84px;height:18px;border-radius:999px;background:radial-gradient(circle,rgba(78,56,34,.22),rgba(78,56,34,0) 72%)}
.vase-qinghua .body{background:
  radial-gradient(circle at 50% 16%,rgba(255,255,255,.86),rgba(255,255,255,0) 36%),
  radial-gradient(circle at 50% 58%,rgba(63,102,176,.16),rgba(63,102,176,0) 48%),
  linear-gradient(180deg,#fefdf9,#edf3ff 56%,#dbe9ff 100%);
  border:1px solid rgba(63,102,176,.25)}
.vase-qinghua .body::before,.stage-vase.vase-qinghua .body::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 50% 36%,rgba(56,96,165,.12) 0 10px,transparent 10px 24px,rgba(56,96,165,.18) 24px 27px,transparent 27px),
  linear-gradient(90deg,transparent 0 18%,rgba(56,96,165,.12) 18% 21%,transparent 21% 79%,rgba(56,96,165,.12) 79% 82%,transparent 82%),
  repeating-linear-gradient(180deg,transparent 0 14px,rgba(56,96,165,.12) 14px 16px,transparent 16px 30px),
  radial-gradient(circle at 28% 68%,rgba(56,96,165,.11) 0 7px,transparent 7px),
  radial-gradient(circle at 70% 70%,rgba(56,96,165,.11) 0 7px,transparent 7px);
  opacity:.95}
.vase-glass .body{background:linear-gradient(180deg,rgba(247,250,255,.65),rgba(194,216,229,.32) 42%,rgba(147,173,190,.42) 100%);border:1px solid rgba(121,144,160,.34);backdrop-filter:blur(4px)}
.vase-glass .body::before,.stage-vase.vase-glass .body::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.52),rgba(255,255,255,0) 28%,rgba(255,255,255,.18) 60%,rgba(255,255,255,0) 72%)}
.vase-ivory .body{background:linear-gradient(180deg,#fffdf9,#f1eadf 58%,#e4d7c4 100%);border:1px solid rgba(124,103,78,.16)}
.vase-ivory .body::before,.stage-vase.vase-ivory .body::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.72),rgba(255,255,255,0) 34%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(139,112,83,.06))}
.vase-bottle .body{width:56px;height:110px;border-radius:24px 24px 16px 16px / 24px 24px 12px 12px;background:linear-gradient(180deg,#a7c1a1,#789a76 56%,#648260 100%);border:1px solid rgba(76,101,73,.26)}
.vase-bottle .body::before,.stage-vase.vase-bottle .body::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:-24px;width:24px;height:42px;border-radius:10px 10px 8px 8px;background:linear-gradient(180deg,#8aab83,#6d8e68);border:1px solid rgba(76,101,73,.2)}
.vase-kraft .body{width:84px;height:106px;border-radius:10px 10px 22px 22px;background:linear-gradient(180deg,#d7bb8f,#b99664 62%,#98754c 100%);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border:1px solid rgba(118,87,54,.16)}
.vase-kraft .body::before,.stage-vase.vase-kraft .body::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.1) 0 3px,rgba(0,0,0,.03) 3px 6px);mix-blend-mode:multiply}
.vessel-meta{display:grid;gap:4px}
.vessel-meta p,.flower-meta p{margin:0}
.flower-card{grid-template-columns:86px 1fr}
.flower-thumb{height:96px;border-radius:16px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.68),rgba(255,255,255,0) 36%),linear-gradient(180deg,#f9faf6,#efeadf);display:grid;place-items:center;position:relative;overflow:hidden}
.flower-thumb .mini-stem{position:absolute;bottom:12px;width:4px;height:46px;border-radius:999px;background:linear-gradient(180deg,#87b182,#4b7e4d)}
.flower-thumb .mini-head{position:absolute;top:12px;left:50%;transform:translateX(-50%)}
.flower-title-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.flower-actions{display:flex;gap:8px;flex-wrap:wrap}
.flower-actions button,.vessel-actions button{padding:8px 10px;border:none;border-radius:12px;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,107,76,.16);font-weight:700;color:#4f463e}
.flower-actions button.primary,.vessel-actions button.primary{background:#4f6b43;color:#fff;box-shadow:none}
.stage-topline,.stage-caption{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.bench-meta,.stage-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.meta-chip{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(124,154,109,.14);color:#4d6844;font-size:12px;font-weight:800}
.workbench-stage{position:relative;min-height:620px;border-radius:26px;background:linear-gradient(180deg,#faf8f3 0%,#efe6d7 48%,#e1c6a0 49%,#d2aa79 100%);overflow:hidden;border:1px solid rgba(112,83,51,.12)}
.bench-backdrop{position:absolute;inset:0 0 180px;background:
  radial-gradient(circle at 50% 14%,rgba(255,255,255,.72),rgba(255,255,255,0) 36%),
  linear-gradient(180deg,#fbfcf8,#f0ecdf 60%,#ecdcc3 100%)}
.bench-glow{position:absolute;left:50%;top:62px;transform:translateX(-50%);width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,248,232,.65),rgba(255,248,232,0) 66%);filter:blur(8px)}
.bench-shadow{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);width:360px;height:54px;border-radius:999px;background:radial-gradient(circle,rgba(87,58,31,.22),rgba(87,58,31,0) 68%)}
.bench-front-edge{position:absolute;left:0;right:0;bottom:0;height:182px;background:
  linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 18%),
  repeating-linear-gradient(90deg,rgba(135,89,48,.08) 0 14px,rgba(94,63,36,.05) 14px 28px),
  linear-gradient(180deg,#d4ab76,#be8f5d 46%,#a47446 100%)}
.vase-holder,.stems-layer{position:absolute;inset:0;pointer-events:none}
.stems-layer{pointer-events:none}
.stage-vase{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);width:184px;height:206px;filter:drop-shadow(0 20px 26px rgba(69,48,27,.18));z-index:12}
.stage-vase .body{width:132px;height:176px;border-radius:36px 36px 24px 24px / 24px 24px 18px 18px}
.stage-vase .neck{top:14px;width:60px;height:26px}
.stage-vase .rim{top:4px;width:78px;height:20px}
.stage-vase .base-shadow{width:132px;height:24px;bottom:-12px}
.stem-piece{position:absolute;left:50%;bottom:158px;width:108px;height:340px;transform:translateX(calc(-50% + var(--x,0px))) rotate(var(--rotate,0deg)) scale(var(--scale,1));transform-origin:50% 100%;filter:drop-shadow(0 10px 16px rgba(58,39,20,.18));pointer-events:auto;cursor:grab;user-select:none;touch-action:none}
.stem-piece.selected{filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 16px 24px rgba(58,39,20,.28))}
.stem-piece.selected::after{content:'';position:absolute;inset:-6px;border-radius:18px;border:2px solid rgba(124,154,109,.48);pointer-events:none}
.stem-stick{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:6px;height:var(--height,150px);border-radius:999px;background:linear-gradient(180deg,#8fbd86,#4d7f50);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.stem-leaf,.stem-leaf-two{position:absolute;bottom:64px;width:34px;height:18px;background:linear-gradient(135deg,#7aaa69,#4d844d);border-radius:100% 0 100% 0 / 100% 0 100% 0;opacity:.9}
.stem-leaf{left:50%;transform:translateX(-28px) rotate(-28deg)}
.stem-leaf-two{left:50%;transform:translateX(4px) rotate(142deg)}
.head-wrap{position:absolute;left:50%;bottom:calc(var(--height,150px) - 18px);transform:translateX(-50%);width:112px;height:112px}
.flower-head{position:relative;width:100%;height:100%}
.flower-head span{position:absolute;display:block}
.flower-head .petal,.flower-head .petal-two,.flower-head .petal-three,.flower-head .petal-four,.flower-head .petal-five,.flower-head .petal-six,.flower-head .core,.flower-head .fold{left:50%;top:50%;transform:translate(-50%,-50%)}
.type-tulip .head-wrap{width:84px;height:112px;bottom:calc(var(--height,150px) - 6px)}
.type-tulip .petal,.type-tulip .petal-two,.type-tulip .petal-three{width:34px;height:64px;border-radius:70% 70% 28% 28% / 88% 88% 22% 22%;background:linear-gradient(180deg,var(--light),var(--color));box-shadow:inset 0 -10px 16px var(--dark), inset 0 10px 10px rgba(255,255,255,.16)}
.type-tulip .petal{transform:translate(-50%,-50%) rotate(-14deg);left:37%}
.type-tulip .petal-two{transform:translate(-50%,-50%) rotate(14deg);left:63%}
.type-tulip .petal-three{width:38px;height:72px;z-index:2;background:linear-gradient(180deg,var(--light),var(--color) 58%,var(--dark));}
.type-tulip .fold{width:44px;height:26px;top:36%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 68%)}
.type-rose .head-wrap,.type-peony .head-wrap{width:108px;height:108px}
.type-rose .petal,.type-rose .petal-two,.type-rose .petal-three,.type-rose .petal-four,.type-rose .petal-five{width:64px;height:56px;border-radius:66% 66% 60% 60%;background:linear-gradient(180deg,var(--light),var(--color) 58%,var(--dark));box-shadow:inset 0 -10px 16px rgba(120,64,84,.22),inset 0 8px 10px rgba(255,255,255,.18)}
.type-peony .petal,.type-peony .petal-two,.type-peony .petal-three,.type-peony .petal-four,.type-peony .petal-five,.type-peony .petal-six{width:70px;height:62px;border-radius:72% 72% 62% 62%;background:linear-gradient(180deg,var(--light),var(--color) 60%,var(--dark));opacity:.94}
.type-rose .petal{transform:translate(-50%,-50%) rotate(-26deg);left:33%;top:46%}
.type-rose .petal-two{transform:translate(-50%,-50%) rotate(24deg);left:67%;top:46%}
.type-rose .petal-three{transform:translate(-50%,-50%) rotate(0deg);left:50%;top:34%;width:60px;height:48px;z-index:3}
.type-rose .petal-four{transform:translate(-50%,-50%) rotate(-8deg);left:44%;top:64%;width:58px;height:48px;z-index:4}
.type-rose .petal-five{transform:translate(-50%,-50%) rotate(8deg);left:56%;top:64%;width:58px;height:48px;z-index:4}
.type-rose .core{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--light),var(--dark) 74%);z-index:6}
.type-peony .petal{left:30%;top:46%;transform:translate(-50%,-50%) rotate(-28deg)}
.type-peony .petal-two{left:70%;top:46%;transform:translate(-50%,-50%) rotate(28deg)}
.type-peony .petal-three{left:50%;top:30%;transform:translate(-50%,-50%) rotate(0)}
.type-peony .petal-four{left:38%;top:64%;transform:translate(-50%,-50%) rotate(-12deg)}
.type-peony .petal-five{left:62%;top:64%;transform:translate(-50%,-50%) rotate(12deg)}
.type-peony .petal-six{left:50%;top:50%;width:54px;height:54px;background:radial-gradient(circle,var(--light),var(--color) 62%,var(--dark));z-index:5}
.type-daisy .head-wrap,.type-sunflower .head-wrap{width:112px;height:112px}
.type-daisy .petal,.type-daisy .petal-two,.type-daisy .petal-three,.type-daisy .petal-four,.type-daisy .petal-five,.type-daisy .petal-six,
.type-sunflower .petal,.type-sunflower .petal-two,.type-sunflower .petal-three,.type-sunflower .petal-four,.type-sunflower .petal-five,.type-sunflower .petal-six{width:78px;height:22px;border-radius:999px;background:linear-gradient(90deg,var(--light),var(--color),var(--dark));transform-origin:50% 50%}
.type-daisy .petal,.type-sunflower .petal{transform:translate(-50%,-50%) rotate(0deg)}
.type-daisy .petal-two,.type-sunflower .petal-two{transform:translate(-50%,-50%) rotate(30deg)}
.type-daisy .petal-three,.type-sunflower .petal-three{transform:translate(-50%,-50%) rotate(60deg)}
.type-daisy .petal-four,.type-sunflower .petal-four{transform:translate(-50%,-50%) rotate(90deg)}
.type-daisy .petal-five,.type-sunflower .petal-five{transform:translate(-50%,-50%) rotate(120deg)}
.type-daisy .petal-six,.type-sunflower .petal-six{transform:translate(-50%,-50%) rotate(150deg)}
.type-daisy .core{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#ffe07b,#d69e2f 76%);z-index:4;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.type-sunflower .core{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#7a4a24,#452610 76%);z-index:4;box-shadow:inset 0 0 0 2px rgba(255,228,166,.12)}
.type-hydrangea .head-wrap{width:116px;height:116px}
.type-hydrangea .cluster{position:absolute;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,var(--light),var(--color) 62%,var(--dark));box-shadow:inset 0 8px 10px rgba(255,255,255,.18)}
.type-hydrangea .cluster::before,.type-hydrangea .cluster::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.2)}
.type-hydrangea .cluster.a{left:18%;top:18%}.type-hydrangea .cluster.b{right:18%;top:18%}.type-hydrangea .cluster.c{left:16%;bottom:20%}.type-hydrangea .cluster.d{right:16%;bottom:20%}.type-hydrangea .cluster.e{left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px}
.stage-empty{position:absolute;left:50%;top:72px;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(4px);border:1px solid rgba(112,83,51,.1);color:#675746;font-size:14px;z-index:20}
.palette-row{display:flex;gap:8px;flex-wrap:wrap}
.palette-swatch{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(89,65,43,.16);cursor:pointer}
.palette-swatch.active{box-shadow:0 0 0 2px rgba(124,154,109,.5)}
.inspector-section{display:grid;gap:10px;margin-bottom:12px}
.mini-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c6344}
.arrangement-summary-list{display:grid;gap:10px}
.arrangement-summary-list .summary-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(112,83,51,.08)}
.arrangement-summary-list .summary-line:last-child{border-bottom:none}
.stem-counts{display:grid;gap:8px}
.stage-actions .btn{white-space:nowrap}
.helper-actions{justify-content:space-between}
.selected-empty{min-height:40px}
.dragging{cursor:grabbing}

@media(max-width:1160px){
  .workbench-layout{grid-template-columns:1fr}
  .panel-left,.panel-right{order:2}
  .workbench-stage-shell{order:1}
}
@media(max-width:760px){
  .vessel-grid{grid-template-columns:1fr}
  .helper-row,.stage-topline,.stage-caption{flex-direction:column;align-items:flex-start}
  .flower-card{grid-template-columns:1fr}
  .workbench-stage{min-height:560px}
  .stage-vase{transform:translateX(-50%) scale(.9);transform-origin:50% 100%}
  .stem-piece{transform:translateX(calc(-50% + var(--x,0px))) rotate(var(--rotate,0deg)) scale(calc(var(--scale,1) * .9))}
}

.preset-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.preset-card{border:1px solid rgba(131,107,76,.16);border-radius:18px;background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(245,237,226,.86));padding:14px;display:grid;gap:10px;box-shadow:0 10px 20px rgba(70,51,30,.04)}
.preset-card.active{border-color:#7c9a6d;box-shadow:0 0 0 2px rgba(124,154,109,.16),0 12px 24px rgba(70,51,30,.08)}
.preset-top{display:flex;flex-direction:column;gap:6px}
.preset-badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(79,107,67,.12);color:#4f6b43;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.scene-control-bar{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,251,245,.94),rgba(245,238,227,.86));border:1px solid rgba(131,107,76,.12)}
.segmented-row{display:flex;flex-wrap:wrap;gap:8px}
.scene-pill{border:none;border-radius:999px;padding:8px 12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,107,76,.16);font-weight:700;color:#4f463e;cursor:pointer}
.scene-pill.active{background:#4f6b43;color:#fff;box-shadow:none}
.scene-hint{margin:0}
.bench-surface-props{position:absolute;inset:0;pointer-events:none;z-index:1}
.prop-book,.prop-cloth,.prop-tag{position:absolute;display:block}
.prop-book{left:52px;bottom:104px;width:126px;height:22px;border-radius:6px;background:linear-gradient(180deg,rgba(210,181,136,.22),rgba(138,103,64,.2));transform:rotate(-6deg)}
.prop-cloth{right:76px;bottom:108px;width:160px;height:68px;border-radius:18px;background:linear-gradient(135deg,rgba(255,250,244,.34),rgba(255,250,244,0));filter:blur(2px);transform:rotate(8deg)}
.prop-tag{right:84px;bottom:128px;width:42px;height:58px;border-radius:6px;background:linear-gradient(180deg,rgba(250,245,236,.65),rgba(226,211,190,.42));box-shadow:0 8px 14px rgba(82,59,38,.08)}
.workbench-stage.scene-studio{background:linear-gradient(180deg,#faf8f3 0%,#efe6d7 48%,#e1c6a0 49%,#d2aa79 100%)}
.workbench-stage.scene-studio .bench-backdrop{background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.72),rgba(255,255,255,0) 36%),linear-gradient(180deg,#fbfcf8,#f0ecdf 60%,#ecdcc3 100%)}
.workbench-stage.scene-window{background:linear-gradient(180deg,#f7f1ea 0%,#f1e2d0 50%,#dcc09a 51%,#c69460 100%)}
.workbench-stage.scene-window .bench-backdrop{background:radial-gradient(circle at 18% 16%,rgba(255,252,238,.86),rgba(255,255,255,0) 36%),linear-gradient(180deg,#fffdf9,#f6efdf 56%,#ead5b9 100%)}
.workbench-stage.scene-window .bench-glow{left:26%;top:46px;width:460px;height:430px;background:radial-gradient(circle,rgba(255,244,218,.84),rgba(255,244,218,0) 68%)}
.workbench-stage.scene-window .prop-cloth{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.08))}
.workbench-stage.scene-dusk{background:linear-gradient(180deg,#f4efe9 0%,#e7d7c4 46%,#cfab84 47%,#9f7150 100%)}
.workbench-stage.scene-dusk .bench-backdrop{background:radial-gradient(circle at 72% 16%,rgba(255,232,198,.55),rgba(255,255,255,0) 36%),linear-gradient(180deg,#f4efe6,#d9c6b2 58%,#c39b74 100%)}
.workbench-stage.scene-dusk .bench-glow{background:radial-gradient(circle,rgba(255,220,170,.4),rgba(255,220,170,0) 66%)}
.workbench-stage.scene-dusk .bench-front-edge{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 18%),repeating-linear-gradient(90deg,rgba(97,61,39,.12) 0 14px,rgba(65,41,25,.08) 14px 28px),linear-gradient(180deg,#c18b5d,#9f6b46 46%,#7c5136 100%)}
.stage-vase .waterline,.vase-mini .waterline{position:absolute;left:50%;transform:translateX(-50%);bottom:44px;width:100px;height:10px;border-radius:999px;background:linear-gradient(180deg,rgba(199,226,236,.44),rgba(131,173,190,.24));opacity:0;z-index:2}
.stage-vase.vase-glass .waterline,.vase-mini.vase-glass .waterline{opacity:1}
.stage-vase.vase-glass .body::after,.vase-mini.vase-glass .body::after{content:'';position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:90px;height:68px;border-radius:0 0 28px 28px;background:linear-gradient(180deg,rgba(176,214,227,.12),rgba(121,163,180,.3));opacity:.8}
.stem-highlight{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:2px;height:calc(var(--height,150px) - 18px);background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,0));mix-blend-mode:screen}
.nudge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.summary-line strong{font-size:14px;text-align:right}
@media(max-width:760px){
  .preset-grid{grid-template-columns:1fr}
  .scene-control-bar{padding:12px}
  .nudge-grid{grid-template-columns:1fr 1fr}
}


/* 2026-03-09 premium workbench refinements */
.workbench-layout{gap:22px}
.workbench-panel,.workbench-stage-shell{border-radius:26px}
.workbench-panel{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,243,235,.84))}
.workbench-stage-shell{
  background:
    radial-gradient(circle at top right, rgba(209,225,197,.20), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(249,244,236,.9));
}
.panel-head h2,.workbench-stage-shell h2{font-size:2.15rem}
.vessel-card,.flower-card,.preset-card{
  box-shadow:0 14px 34px rgba(65,76,58,.06);
  border-color:rgba(103,126,87,.14);
}
.vessel-card.active,.flower-card.active,.preset-card.active{
  box-shadow:0 0 0 2px rgba(106,133,87,.18),0 18px 36px rgba(58,73,50,.10);
}
.vessel-thumb,.flower-thumb{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.72), rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#fdfbf6,#efe6d8);
}
.meta-chip,.vessel-price,.flower-price,.preset-badge{
  background:rgba(95,122,81,.11);
  color:#4d6844;
}
.workbench-stage{
  min-height:660px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 26px 60px rgba(69,50,31,.14);
}
.stage-caption{
  padding-top:4px;
  border-top:1px solid rgba(111,136,94,.12);
}
.arrangement-card,.inspector-card,.order-card,.helper-card{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(246,240,230,.84));
  border:1px solid rgba(104,126,86,.14);
  border-radius:20px;
}
.scene-control-bar{
  border-radius:20px;
  border-color:rgba(104,126,86,.14);
}
.scene-pill.active,.flower-actions button.primary,.vessel-actions button.primary{
  background:linear-gradient(135deg,#6f8760,#4f6846);
}
.inspector-card select,
.inspector-card input[type="color"],
.inspector-card input[type="range"]{
  width:100%;
}
.stage-actions .btn.round-arrow{
  min-width:48px;
  justify-content:center;
}
@media(max-width:760px){
  .workbench-stage{min-height:580px}
}

/* v2.4 builder refinements */
.workbench-stage-shell,
.workbench-panel{
  border:1px solid rgba(98,114,89,.12);
  box-shadow:0 24px 70px rgba(76,88,67,.08);
}
.stage-actions .btn,
.helper-card .btn,
.order-card .btn{
  box-shadow:0 12px 28px rgba(74,88,68,.08);
}
.vessel-price{
  color:#5f6f56;
  background:#eef2e8;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}


/* v2.5 desktop product preview */
.preview-mode-bar{margin-top:-2px}
.desktop-preview-shell{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .22s ease;z-index:0}
.desktop-window-bar{position:absolute;left:24px;right:24px;top:18px;height:38px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(243,240,233,.72));border:1px solid rgba(126,135,125,.16);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;padding:0 14px;box-shadow:0 8px 28px rgba(61,73,55,.08)}
.desktop-window-bar span{display:block;width:10px;height:10px;border-radius:999px;background:rgba(108,126,95,.28)}
.desktop-window-bar span:nth-child(1){background:#efb0af}
.desktop-window-bar span:nth-child(2){background:#efd88f}
.desktop-window-bar span:nth-child(3){background:#b8d5a8}
.desktop-preview-card{position:absolute;left:32px;top:72px;width:min(340px,calc(100% - 64px));padding:18px 18px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(249,246,239,.56));border:1px solid rgba(116,135,102,.16);backdrop-filter:blur(10px);box-shadow:0 18px 44px rgba(58,71,53,.10)}
.desktop-preview-card h3{margin:6px 0 8px;font-size:22px;line-height:1.1}
.desktop-preview-card .muted{margin:0}
.desktop-dock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(420px,calc(100% - 72px));height:52px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(231,235,243,.26));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 40px rgba(43,49,62,.12)}
#targetChip{display:inline-flex}
.view-pill{border:none;border-radius:999px;padding:8px 12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,107,76,.16);font-weight:700;color:#4f463e;cursor:pointer}
.view-pill.active{background:linear-gradient(135deg,#6f8760,#4f6846);color:#fff;box-shadow:none}
.workbench-stage.view-desktop{background:linear-gradient(180deg,#edf4f4 0%,#dfe7eb 42%,#d2d8e5 100%)}
.workbench-stage.view-desktop .bench-backdrop{inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.78),rgba(255,255,255,0) 32%),linear-gradient(135deg,#edf6f6 0%,#dce5ea 52%,#d0d9e4 100%)}
.workbench-stage.view-desktop .bench-glow{left:72%;top:98px;width:360px;height:360px;background:radial-gradient(circle,rgba(255,255,255,.56),rgba(255,255,255,0) 66%)}
.workbench-stage.view-desktop .bench-front-edge{height:0;background:none}
.workbench-stage.view-desktop .bench-surface-props,.workbench-stage.view-desktop .bench-shadow{display:none}
.workbench-stage.view-desktop .desktop-preview-shell{opacity:1}
.workbench-stage.view-desktop .vase-holder,.workbench-stage.view-desktop .stems-layer{transform:translateY(-36px) scale(.98);transform-origin:50% 100%}
.workbench-stage.view-desktop .stage-vase{bottom:142px;filter:drop-shadow(0 22px 30px rgba(80,92,110,.18))}
.workbench-stage.view-desktop .stem-piece{bottom:184px;filter:drop-shadow(0 12px 18px rgba(77,90,109,.16))}
.workbench-stage.view-desktop .stage-empty{top:92px;background:rgba(255,255,255,.72)}
.workbench-stage.target-mac.view-desktop .bench-backdrop{background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.78),rgba(255,255,255,0) 30%),linear-gradient(135deg,#ebf4f1 0%,#dfe8ec 45%,#d8d4ef 100%)}
.workbench-stage.target-windows.view-desktop .bench-backdrop{background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.72),rgba(255,255,255,0) 30%),linear-gradient(135deg,#eef5fb 0%,#d8e7f4 38%,#d8dde7 100%)}
.workbench-stage.target-none.view-desktop .bench-backdrop{background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.76),rgba(255,255,255,0) 30%),linear-gradient(135deg,#eef3ef 0%,#dde5df 46%,#d8d8d1 100%)}
@media(max-width:760px){
  .desktop-preview-card{left:18px;right:18px;width:auto;top:68px;padding:16px;border-radius:18px}
  .desktop-window-bar{left:14px;right:14px;top:14px}
  .desktop-dock{width:calc(100% - 32px);height:46px;bottom:12px}
  .workbench-stage.view-desktop .vase-holder,.workbench-stage.view-desktop .stems-layer{transform:translateY(-18px) scale(.9)}
}


/* 2026-03-09 v2.6 gallery refinement */
.workbench-stage-shell{position:relative;overflow:hidden}
.workbench-stage-shell::before{content:"";position:absolute;inset:0 0 auto 0;height:140px;background:linear-gradient(180deg,rgba(255,255,255,.30),transparent);pointer-events:none}
.workbench-stage{border-radius:30px;border:1px solid rgba(102,123,88,.16)}
.workbench-stage::after{content:"";position:absolute;inset:0;border-radius:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.52);pointer-events:none}
.scene-control-bar,.arrangement-card,.inspector-card,.order-card,.helper-card{backdrop-filter:blur(10px)}
.catalog-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.catalog-note{padding:16px 18px;border-radius:18px;border:1px solid rgba(108,129,92,.14);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,239,228,.82));box-shadow:0 14px 28px rgba(69,84,61,.06)}
.catalog-note span{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(92,117,79,.10);font-size:11px;font-weight:800;text-transform:uppercase;color:#52674a}
.catalog-note strong{display:block;font-size:1.08rem;margin-bottom:6px}
.desktop-preview-card,.desktop-window-bar,.desktop-dock{box-shadow:0 22px 44px rgba(49,63,54,.10)}
.stage-topline{align-items:flex-start}
.meta-chip{background:rgba(255,255,255,.74);border:1px solid rgba(108,129,92,.14)}
.vessel-card,.flower-card,.preset-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.vessel-card:hover,.flower-card:hover,.preset-card:hover{transform:translateY(-2px);box-shadow:0 22px 36px rgba(67,83,60,.10)}
.stage-vase.vase-qinghua .body::before,.vase-mini.vase-qinghua .body::before{content:"";position:absolute;inset:18% 18%;border-radius:18px;background:radial-gradient(circle at 50% 26%, rgba(71,111,171,.22), transparent 22%),linear-gradient(180deg,rgba(83,122,181,.22),rgba(83,122,181,0) 62%);mix-blend-mode:multiply}
.workbench-stage.view-desktop .desktop-preview-card h3{font-family:Georgia,serif;font-size:24px}
@media(max-width:760px){.catalog-rail{grid-template-columns:1fr}}


/* v2.7 generated premium stage refresh */
.workbench-stage-shell{position:relative;overflow:hidden}
.workbench-stage-shell::before{content:'';position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(211,226,202,.24),rgba(211,226,202,0) 72%);pointer-events:none}
.workbench-stage{background:linear-gradient(180deg,#fbf8f2 0%,#efe7dc 46%,#dfbf95 47%,#ba8458 100%)}
.workbench-stage .desktop-preview-shell{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.38);box-shadow:0 20px 48px rgba(58,48,34,.12)}
.workbench-stage .desktop-preview-card{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,243,235,.62));box-shadow:0 18px 42px rgba(62,51,35,.10)}
.workbench-stage .bench-front-edge{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 -18px 34px rgba(84,57,33,.12)}
.stage-vase{filter:drop-shadow(0 24px 24px rgba(66,55,39,.16))}
.vase-qinghua .body,.vase-mini.vase-qinghua .body{background:
  radial-gradient(circle at 50% 18%, rgba(255,255,255,.86), rgba(255,255,255,0) 20%),
  linear-gradient(180deg,#fbfdff 0%,#d9e5f5 72%,#c3d5ec 100%)}
.vase-qinghua .body::before,.vase-mini.vase-qinghua .body::before{content:'';position:absolute;left:50%;top:32px;transform:translateX(-50%);width:112px;height:112px;border-radius:50%;background:
  radial-gradient(circle at center, transparent 0 28px, rgba(95,128,174,.18) 28px 34px, transparent 34px),
  repeating-conic-gradient(from 0deg, rgba(95,128,174,.0) 0 12deg, rgba(95,128,174,.16) 12deg 22deg);opacity:.85}
.vase-qinghua .body::after,.vase-mini.vase-qinghua .body::after{content:'';position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:124px;height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(105,138,182,.22),rgba(255,255,255,.0),rgba(105,138,182,.22))}
.meta-chip{background:rgba(255,255,255,.62);backdrop-filter:blur(10px);border:1px solid rgba(108,131,91,.12)}
.catalog-note{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(250,245,236,.56));border:1px solid rgba(111,136,94,.12);box-shadow:0 14px 32px rgba(59,70,53,.08)}
.flower-card,.vessel-card,.preset-card,.card-preview{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(247,242,233,.78))}
.flower-thumb,.vessel-thumb{min-height:128px}
.stage-caption .btn{min-width:176px;justify-content:center}


/* v2.8 visible builder gallery cards */

.stage-gallery-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.stage-gallery-card{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;border:1px solid rgba(106,129,92,.14);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,241,232,.72));box-shadow:0 12px 32px rgba(72,83,64,.08)}
.stage-gallery-card strong{display:block;font-family:Georgia,serif;font-size:24px;line-height:1.02;margin:.18em 0 .28em;color:#263227}
.stage-gallery-card p{margin:0;color:#5f695f}
.mini-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(84,108,72,.10);color:#4e6445;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.stage-mini-art{position:relative;min-height:132px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.36)}
.mini-vase-story{background:linear-gradient(180deg,#fbfcf8 0%,#efe7db 50%,#dcbe97 51%,#bb8459 100%)}
.mini-desktop-story{background:linear-gradient(135deg,#eef5f6 0%,#dfe7eb 54%,#d4dae5 100%)}
.mini-surface,.mini-desk{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:72%;height:20px;border-radius:999px;background:radial-gradient(circle,rgba(80,61,43,.18),rgba(80,61,43,0) 70%)}
.mini-vase-story .mini-vase,.mini-desktop-story .mini-vase{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:56px;height:68px;border-radius:18px 18px 22px 22px/12px 12px 32px 32px;box-shadow:0 10px 18px rgba(70,58,43,.10)}
.mini-vase-story .mini-vase{background:linear-gradient(180deg,#fffefc,#e7eef9 56%,#d5def0);border:1px solid rgba(108,134,191,.26)}
.mini-vase-story .mini-vase::before{content:'';position:absolute;inset:7px 10px 12px;border-radius:12px;background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(95,126,188,.10) 8px 10px,transparent 10px 18px)}
.mini-desktop-story .mini-vase{background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(215,232,237,.3));border:1px solid rgba(153,176,189,.28)}
.mini-window{position:absolute;left:10px;right:10px;top:10px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(247,247,244,.62));border:1px solid rgba(127,138,145,.14)}
.mini-window::before{content:'';position:absolute;left:9px;top:4px;width:28px;height:8px;border-radius:999px;background:linear-gradient(90deg,#e7a8ad 0 31%,#efd98e 31% 64%,#b4d39f 64%)}
.mini-card{position:absolute;left:12px;top:40px;width:58px;height:46px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(247,241,234,.64));border:1px solid rgba(127,138,145,.12)}
.mini-stem{position:absolute;left:50%;bottom:82px;width:3px;border-radius:999px;background:linear-gradient(180deg,#8eb083,#4f794c)}
.mini-vase-story .mini-stem.one{height:52px;transform:translateX(-12px) rotate(-8deg)}
.mini-vase-story .mini-stem.two{height:60px;transform:translateX(10px) rotate(8deg)}
.mini-desktop-story .mini-stem.one{height:54px;transform:translateX(0px) rotate(2deg)}
.mini-bloom{position:absolute;left:50%;border-radius:50%;box-shadow:0 8px 14px rgba(0,0,0,.08)}
.mini-vase-story .mini-bloom.one{bottom:132px;width:32px;height:38px;transform:translateX(-28px);background:linear-gradient(180deg,#f7d1de,#d985ac);clip-path:polygon(50% 0,65% 12%,82% 8%,96% 34%,90% 78%,63% 100%,37% 100%,10% 78%,4% 34%,18% 8%,35% 12%)}
.mini-vase-story .mini-bloom.two{bottom:140px;width:30px;height:36px;transform:translateX(0px);background:linear-gradient(180deg,#fff5e4,#e6c27d);clip-path:polygon(50% 0,65% 12%,82% 8%,96% 34%,90% 78%,63% 100%,37% 100%,10% 78%,4% 34%,18% 8%,35% 12%)}
.mini-desktop-story .mini-bloom.one{bottom:132px;width:34px;height:40px;transform:translateX(-5px);background:linear-gradient(180deg,#f7d1de,#d985ac);clip-path:polygon(50% 0,65% 12%,82% 8%,96% 34%,90% 78%,63% 100%,37% 100%,10% 78%,4% 34%,18% 8%,35% 12%)}
@media(max-width:860px){.stage-gallery-strip,.stage-gallery-card{grid-template-columns:1fr}}