:root{--cream:#f6f1ea;--parchment:#efe6d8;--paper:#fdfbf7;--ink:#3a322c;--muted:#7a6f66;--line:#d9cfc3;--blush:#c4786a;--terracotta:#b45a42;--terracotta-deep:#8f4330;--sage:#7d8c6e;--gold:#c4a574;--shadow:0 18px 40px #503a2a14;--radius:22px;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:"Source Sans 3",Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%, #fff8ef 0%, transparent 55%), radial-gradient(900px 400px at 110% 0%, #f3e4d4 0%, transparent 50%), var(--cream);margin:0}button,input{font:inherit}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.shell{width:min(1120px,100% - 32px);margin:0 auto}.header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--cream) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;text-decoration:none;display:flex}.brand-mark{letter-spacing:.18em;font-family:Cormorant Garamond,Georgia,serif;font-size:1.55rem;font-weight:600}.brand-sub{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.header-actions{align-items:center;gap:10px;display:flex}.ghost,.primary,.qty button,.filter{cursor:pointer;border:0}.ghost{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:999px;padding:8px 14px;font-size:.88rem}.primary{background:var(--terracotta);color:#fffaf6;letter-spacing:.02em;border-radius:999px;padding:12px 18px;font-weight:600;box-shadow:0 10px 24px #b45a4238}.primary:hover{background:var(--terracotta-deep)}.primary:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bag-chip{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 10px;display:inline-flex}.bag-count{background:var(--terracotta);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.75rem;font-weight:600;display:grid}.composer{gap:16px;padding:18px 0 12px;display:grid}@media (width>=880px){.composer{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:28px;padding-top:28px}}.composer h1{font-size:clamp(1.85rem,5.4vw,3.4rem)}.composer-catalog{display:none}.tray-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem}.composer-copy,.composer-stage,.composer-catalog,.tray{min-width:0}.composer-stage{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.kicker{color:var(--blush);letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:600}h1,h2,.serif{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}h1{margin:0 0 14px;font-size:clamp(2.3rem,6vw,4.2rem);line-height:.95}.lede{color:var(--muted);max-width:38rem;margin:0;font-size:1.05rem;line-height:1.55}.preview-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.preview-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:.8rem;display:flex}.bunch-stage{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 82%,#c9a57a 0 13%,#0000 14%),radial-gradient(circle at 50% 90%,#8c643c29,#0000 42%),linear-gradient(#f3eadb 0%,#e2cdb3 100%);border-radius:18px;outline:none;width:min(100%,100dvh - 260px);min-height:240px;margin:0 auto;position:relative;overflow:hidden}@media (width>=880px){.bunch-stage{width:100%;max-width:460px}}.bunch-stage:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 60%, white)}.stage-vessel-hint{opacity:.3;pointer-events:none;z-index:0;background:0 0;width:56%;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.stage-vessel-hint img{background:0 0}.stage-empty{text-align:center;color:var(--muted);z-index:1;pointer-events:none;align-content:start;justify-items:center;padding:16% 24px 0;display:grid;position:absolute;inset:0}.stage-empty p{margin:8px 0 0}.canvas-stem{cursor:grab;touch-action:none;background:0 0;width:40%;position:absolute}.canvas-stem[data-kind=vessel]{width:52%}.canvas-stem[data-kind=foliage],.canvas-stem[data-kind=texture]{width:36%}.canvas-stem:active{cursor:grabbing}.canvas-stem img{pointer-events:none;filter:drop-shadow(0 12px 18px #46302033);background:0 0;width:100%;height:auto}.canvas-stem.is-selected img{filter:drop-shadow(0 16px 24px #4630204d)}.stem-halo{aspect-ratio:1;border:3px solid var(--terracotta);width:44%;box-shadow:0 0 0 6px color-mix(in srgb, var(--terracotta) 24%, transparent), 0 8px 20px #b45a4233;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.stem-halo[data-kind=vessel]{width:56%}.stem-halo[data-kind=foliage],.stem-halo[data-kind=texture]{width:40%}.canvas-stem.is-selected:after{content:"";border:2px solid color-mix(in srgb, var(--terracotta) 85%, white);pointer-events:none;border-radius:50%;position:absolute;inset:-2%}.rotate-handle{background:var(--terracotta);cursor:grab;border:3px solid #fffaf4;border-radius:50%;width:22px;height:22px;padding:0;position:absolute;top:0;left:50%;transform:translate(-50%,-130%);box-shadow:0 4px 12px #50321e38}.rotate-handle:after{content:"";background:var(--terracotta);width:2px;height:14px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.canvas-hint{color:var(--muted);margin:12px 0 0;font-size:.92rem;line-height:1.45}.canvas-toolbar{gap:10px;margin-top:12px;display:grid}.canvas-toolbar-kicker{color:var(--blush);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:600;display:inline-block}.canvas-toolbar-panel{background:color-mix(in srgb, var(--parchment) 70%, var(--paper));border:1px solid var(--line);border-radius:16px;gap:10px;padding:12px;display:grid}.layer-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.layer-chip,.tray-card{border:1px solid var(--line);color:inherit;cursor:pointer;background:#fff}.layer-chip{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.78rem}.layer-chip.is-on,.layer-chip[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.canvas-toolbar-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 10px;display:flex}.canvas-toolbar-label .canvas-toolbar-kicker{flex:1 0 100%}.rotate-slider{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:.8rem;display:grid}.rotate-slider input[type=range]{width:100%;accent-color:var(--terracotta);cursor:pointer}.canvas-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-btn{border:1px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:.88rem;font-weight:600}.tool-btn:hover{background:var(--paper)}.tool-btn.danger{color:var(--terracotta-deep);border-color:var(--terracotta);background:color-mix(in srgb, var(--terracotta) 10%, #fff)}.ghost.danger{color:var(--terracotta-deep);border-color:color-mix(in srgb, var(--terracotta) 45%, var(--line))}.bottom-chrome{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:16;gap:8px;display:grid;position:fixed}.desktop-arrange{display:block}.mobile-arrange{z-index:3;display:none;position:relative}.mobile-arrange .canvas-toolbar{margin-top:0}.mobile-arrange .canvas-toolbar-panel{background:var(--paper);box-shadow:var(--shadow);gap:8px;padding:10px 12px}.mobile-arrange .canvas-toolbar-label{align-items:center}.mobile-arrange .canvas-toolbar-label .canvas-toolbar-kicker{flex:none}.mobile-arrange .canvas-hint{display:none}.bottom-chrome .mobile-add{background:color-mix(in srgb, var(--paper) 94%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:0;position:relative}.stem-sheet{position:relative}.stem-sheet-scrim{z-index:15;background:color-mix(in srgb, var(--ink) 28%, transparent);cursor:pointer;border:0;margin:0;padding:0;position:fixed;inset:0}.stem-sheet-panel{z-index:1;position:relative}.stem-sheet-peek{width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 14px 10px;display:flex}.stem-sheet-handle{background:color-mix(in srgb, var(--muted) 70%, var(--line));border-radius:999px;width:36px;height:4px}.stem-sheet-label{letter-spacing:.04em;font-size:.88rem;font-weight:600}.stem-sheet-body{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.stem-sheet.is-open .stem-sheet-body{grid-template-rows:1fr}.stem-sheet-body-inner{min-height:0;padding:0 8px 8px;overflow:hidden}.bottom-chrome .filters{padding:4px 0 6px}.bottom-chrome .tray-card{flex:0 0 118px}.bottom-chrome .tray-meta{display:none}.bottom-chrome .dock-inner{width:100%}@media (prefers-reduced-motion:reduce){.stem-sheet-body{transition:none}}.tray{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:2px 0 8px;display:flex;overflow-x:auto}.tray-card{scroll-snap-align:start;text-align:left;border-radius:18px;flex-direction:column;flex:0 0 150px;gap:8px;padding:8px;display:flex;box-shadow:0 8px 18px #5a402c0a}.tray-card:disabled{opacity:.45;cursor:not-allowed}.tray-photo{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.tray-photo img{object-fit:contain;width:100%;height:100%}.tray-count{background:var(--terracotta);color:#fffaf6;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:600;display:grid;position:absolute;top:6px;right:6px}.tray-copy{gap:2px;display:grid}.tray-name{font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;line-height:1.15}.tray-meta{color:var(--muted);font-size:.75rem}.desktop-grid{display:none}.filters{scrollbar-width:none;gap:8px;padding:18px 0 8px;display:flex;overflow-x:auto}.filter{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;padding:8px 14px}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:120px;display:grid}@media (width>=720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (width>=880px){.desktop-grid{display:grid}}@media (width>=1040px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--paper);border:1px solid color-mix(in srgb, var(--line) 80%, white);border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 8px 20px #5a402c0a}.card-photo{aspect-ratio:1;background:var(--parchment);position:relative}.card-photo img{object-fit:contain;width:100%;height:100%}.card-photo .badge{background:color-mix(in srgb, var(--paper) 88%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.68rem;position:absolute;top:10px;left:10px}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 12px 14px;display:flex}.card-name{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;line-height:1.15}.card-meta{color:var(--muted);margin:0;font-size:.82rem}.card-row{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.price{font-size:.95rem;font-weight:600}.qty{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty button{width:32px;height:32px;color:var(--ink);background:0 0}.qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-size:.9rem}@media (width>=880px){.composer-catalog{margin-top:8px;display:block}.composer-catalog .filters{padding-top:18px}.bottom-chrome{width:min(1120px,100% - 32px);margin:12px auto 18px;position:sticky;bottom:12px;left:auto;right:auto}.bottom-chrome .mobile-add,.mobile-arrange{display:none}.desktop-arrange{display:block}}@media (width<=879px){.composer-copy .lede{display:none}.composer-copy .kicker{margin-bottom:4px}.composer-copy h1{margin-bottom:8px;font-size:clamp(1.45rem,6.4vw,2rem)}.composer{height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);padding-top:8px;padding-bottom:calc(128px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;display:flex;overflow:auto}.composer.has-stems{padding-bottom:calc(292px + env(safe-area-inset-bottom,0px))}.desktop-arrange{display:none}.mobile-arrange{display:block}.bottom-chrome .mobile-add{z-index:2;position:relative}.composer-copy{flex:none}.composer-stage{flex-direction:column;flex:auto;min-height:0;display:flex}.stage-board{flex:auto;place-items:center;min-height:0;display:grid;container-type:size}.bunch-stage{width:min(100%,max(220px,100cqh));min-height:0}.canvas-hint{display:none}.canvas-toolbar{flex:none}.header-inner{padding:10px 0}}.dock{z-index:15;width:min(1120px,100% - 32px);margin:12px auto 20px;position:sticky;bottom:12px}.dock-inner{background:var(--ink);color:#f8f1e8;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex;box-shadow:0 16px 40px #281c143d}.dock .primary{color:var(--ink);box-shadow:none;background:#f4ebe0}.dock .primary:hover{background:#fff}.muted{color:var(--muted)}.review{gap:18px;padding:24px 0 80px;display:grid}@media (width>=880px){.review{grid-template-columns:1.1fr .9fr;align-items:start}}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.line{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.line:last-child{border-bottom:0}.thumb{background:var(--parchment);cursor:pointer;border:0;border-radius:16px;width:72px;height:72px;padding:0;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.totals{justify-content:space-between;align-items:baseline;padding-top:12px;font-size:1.05rem;display:flex}.payload{color:#f3e7d6;background:#2d2723;border-radius:16px;max-height:360px;margin:0;padding:14px;font-size:.78rem;line-height:1.45;overflow:auto}.notice{color:var(--muted);background:#f4ece1;border-radius:14px;padding:12px 14px;font-size:.92rem}.added{max-width:720px;padding:36px 0 80px}.added h1{font-size:clamp(2.2rem,5vw,3.4rem)}.actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}