@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#292d26;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.icon{width:18px;height:18px;flex:none}.site{min-height:100vh}.header{height:88px;background:#fff;display:flex;align-items:center;padding:0 38px;gap:60px;border-bottom:1px solid #e8e7e2}.brand{display:flex;align-items:center;gap:14px}.brand-zh{font:500 26px "Noto Serif SC",serif;letter-spacing:.08em}.brand-en{font-size:10px;line-height:1.2;letter-spacing:.22em}.brand-en small{font-size:6px;letter-spacing:.14em}.header-center{padding-left:35px;border-left:1px solid #e3e3df;font:500 14px "Noto Serif SC",serif;letter-spacing:.13em}.header-center small{font:10px Manrope,sans-serif;color:#9a9b95;letter-spacing:.17em;margin-left:20px}.header-about{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:10px}.header-about .icon{width:14px}.workspace{height:min(780px,calc(100vh - 88px));min-height:600px;display:grid;grid-template-columns:300px minmax(0,1fr);border-bottom:1px solid #deded9}.sidebar{background:#fff;border-right:1px solid #e2e2df;display:flex;flex-direction:column;min-height:0}.tool-tabs{height:66px;border-bottom:1px solid #e5e5e1;display:grid;grid-template-columns:1fr 1fr 68px;flex:none}.tool-tabs button{border:0;border-right:1px solid #e5e5e1;background:#fff;font:500 12px/1.1 "Noto Serif SC",serif;color:#777a74;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative}.tool-tabs button:last-child{border-right:0}.tool-tabs button small{font:9px Manrope,sans-serif;color:#92948f}.tool-tabs button.active{color:#33382f}.tool-tabs button.active:after{content:"";position:absolute;bottom:0;left:12%;width:76%;height:2px;background:#4b5640}.tool-content{min-height:0;overflow-y:auto}.catalog-panel,.adjust-panel,.vessel-panel,.side-empty{padding:22px 18px 28px}.panel-kicker{font-size:10px;letter-spacing:.12em;color:#5c6259;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.panel-kicker span{letter-spacing:0;color:#94988f}.catalog-panel h1{font:500 20px "Noto Serif SC",serif;margin:24px 0 8px}.catalog-panel>p,.vessel-panel>p{font:12px/1.6 "Noto Serif SC",serif;color:#888d82;margin:0 0 16px}.category-tabs{display:flex;gap:6px;margin:12px 0 10px;overflow-x:auto;scrollbar-width:thin}.category-tabs button{flex:0 0 auto;padding:9px 10px;background:#fff;border:1px solid #e2e3de;color:#62665f;font:11px "Noto Serif SC",serif}.catalog-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe2da;padding:9px 11px;color:#7d8779}.sample-button{width:100%;margin:3px 0 12px;background:#f0f3ec;color:#40503c;border:1px solid #dce3d7;padding:10px 12px;text-align:left;font:11px "Noto Serif SC",serif}.sample-button span{float:right}.catalog-search span{font-size:19px;line-height:1}.catalog-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:11px;color:#354030}.catalog-count{font-size:10px;color:#929a8c;margin-bottom:10px}.catalog-empty{padding:28px 8px;color:#858c81;font-size:11px;text-align:center}.category-tabs button.active{background:#4a5444;color:#fff;border-color:#4a5444}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{border:1px solid transparent;background:#f8f8f6;min-height:157px;display:flex;flex-direction:column;align-items:center;position:relative;padding:12px 6px 10px}.catalog-card:hover,.catalog-card:focus-visible{border-color:#849176}.catalog-card>.icon{position:absolute;right:7px;top:7px;width:14px;color:#6c7468}.catalog-card img{width:85px;height:101px;object-fit:contain;object-position:center 10%}.catalog-card strong{font:500 12px "Noto Serif SC",serif;margin-top:5px}.catalog-card small{font-size:9px;color:#999c95;margin-top:4px}.catalog-panel .catalog-footnote{font-size:10px;margin:19px 0;color:#999c95}.stem-select-label{display:grid;gap:9px;font-size:11px;margin:20px 0}.stem-select-label select{border:1px solid #e1e2dc;background:#fff;padding:10px;color:#454c42}.selected-preview{height:160px;background:#f7f8f5;display:grid;place-items:center}.selected-preview img{height:148px;width:100%;object-fit:contain}.adjust-panel h2,.vessel-panel h2{font:500 22px "Noto Serif SC",serif;margin:20px 0 4px}.english-name{font-size:10px;color:#969b94;letter-spacing:.12em;margin:0 0 27px}.adjust-control{margin:25px 0}.adjust-control label{display:flex;align-items:center;gap:6px;font:12px "Noto Serif SC",serif}.adjust-control label small{font:10px Manrope,sans-serif;color:#9a9d96}.adjust-control output{margin-left:auto;font-size:11px;color:#727b6f}.adjust-control input{width:100%;accent-color:#4e5b49;margin-top:14px}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layer-actions button,.remove-stem,.side-empty button{border:1px solid #dcded7;background:#fff;padding:11px 5px;font:11px "Noto Serif SC",serif}.remove-stem{width:100%;margin-top:14px;text-align:left;padding:12px}.remove-stem span{float:right}.side-empty{color:#7f867a;font-size:12px}.side-empty button{display:flex;align-items:center;gap:8px}.vessel-panel h2{margin-top:25px}.vessel-category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.vessel-category-tabs button{border:1px solid #dfe1da;background:#fff;color:#5f665b;padding:10px 6px;display:grid;gap:3px;font:12px "Noto Serif SC",serif}.vessel-category-tabs button small{color:#9a9e96;font:9px Manrope,sans-serif}.vessel-category-tabs button.active{background:#4a5444;border-color:#4a5444;color:#fff}.vessel-category-tabs button.active small{color:#cbd1c7}.vessel-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.vessel-options button{background:#f8f8f5;border:1px solid transparent;min-height:185px;display:flex;align-items:center;flex-direction:column;padding:15px 5px}.vessel-options button.active{border-color:#57674f}.vessel-preview{height:120px;width:105px;object-fit:contain}.vessel-preview.stone{filter:grayscale(1) brightness(.43)}.vessel-options strong{font:12px "Noto Serif SC",serif}.vessel-options small{color:#999d94;font-size:9px;margin-top:4px}.stage{position:relative;overflow:hidden;background:#ece9e1}.stage-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:filter .35s}.light-dusk .stage-background{filter:sepia(.2) brightness(.79) saturate(.9)}.light-night .stage-background{filter:brightness(.38) saturate(.55)}.stage-top{position:absolute;inset:16px 22px auto;display:flex;align-items:flex-start;gap:16px;z-index:50}.light-control{display:flex;align-items:center;gap:10px;background:#ffffffc7;padding:8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px}.light-control>div{display:flex;gap:3px}.light-control button{border:0;background:transparent;padding:5px 7px;font-size:10px;color:#777}.light-control button.active{background:#4c5945;color:#fff}.reset-button{margin-left:auto;background:#fffc;border:0;padding:9px 15px;display:grid;text-align:center;font:11px "Noto Serif SC",serif}.reset-button small,.finish-button small{font:9px Manrope,sans-serif;color:#9b9c95;margin-top:2px}.finish-button{background:#3f4a3b;color:#fff;border:0;padding:9px 16px;display:grid;text-align:center;font:11px "Noto Serif SC",serif}.finish-button small{color:#c9cfc6}.arrangement,.stem-layer{position:absolute;top:0;right:0;bottom:0;left:0}.stem-layer-above{z-index:5;clip-path:polygon(0 0,100% 0,100% var(--stem-reveal, 64%),calc(50% + var(--vessel-inner-half, 4%)) var(--stem-reveal, 64%),calc(50% + var(--vessel-inner-half, 4%)) 100%,calc(50% - var(--vessel-inner-half, 4%)) 100%,calc(50% - var(--vessel-inner-half, 4%)) var(--stem-reveal, 64%),0 var(--stem-reveal, 64%))}.stem-anchor{position:absolute;left:50%;top:var(--anchor-top, 68%);width:0;height:0;z-index:1}.stem{position:absolute;left:var(--root-offset);bottom:-4px;height:var(--stem-height);width:auto;aspect-ratio:var(--stem-aspect, .616);border:0;background:none;padding:0;transform:translate(-50%) rotate(var(--stem-angle));transform-origin:50% 100%;touch-action:none;cursor:grab;filter:drop-shadow(0 5px 4px rgba(35,38,27,.13))}.stem:active{cursor:grabbing}.stem-flower{height:100%;width:calc(100% / 1.4);margin-left:calc(100% * .2 / 1.4);object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:polygon(0 0,100% 0,100% 40%,63% 82%,56% 100%,44% 100%,37% 82%,0 40%)}.stem-flower.is-bent{width:100%;margin-left:0}.stage-vase{position:absolute;left:50%;top:var(--vessel-top, 61%);width:auto;height:var(--vessel-height, 35%);object-fit:fill;transform:translate(-50%);z-index:40;filter:drop-shadow(0 13px 12px rgba(40,34,22,.13))}.stage-vase.vase-stone{filter:grayscale(1) brightness(.4) drop-shadow(0 13px 12px rgba(0,0,0,.2))}.empty-hint{position:absolute;top:35%;width:100%;text-align:center;font:12px "Noto Serif SC",serif;color:#777b73}.empty-hint small{display:block;font:10px Manrope,sans-serif;margin-top:8px;color:#a1a49d}.stage-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:50;color:#60665d;font-size:10px}.stage-bottom button{border:0;background:#ffffffbf;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:10px}.stage-bottom button:disabled{opacity:.45}.stage-bottom .icon{width:14px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px max(42px,calc((100vw - 1280px)/2));background:#f8f6ef}.editorial>div{align-self:center}.editorial small{font-size:10px;color:#737c70;letter-spacing:.18em}.editorial h2{font:500 clamp(30px,3.3vw,52px)/1.3 "Noto Serif SC",serif;margin:26px 0}.editorial p{font:14px/2 "Noto Serif SC",serif;color:#6e766c;max-width:370px}.editorial img{width:100%;height:350px;object-fit:cover;object-position:70% center}footer{padding:24px 40px;font-size:11px;color:#9ba096;background:#fff}footer span{float:right}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b201a99;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:100;padding:20px}.finish-dialog{position:relative;background:#fbfaf6;width:min(440px,100%);padding:35px;color:#30352e}.dialog-close{position:absolute;right:15px;top:15px;background:none;border:0}.finish-dialog>small{font-size:9px;letter-spacing:.2em;color:#81907b}.finish-dialog h2{font:500 25px "Noto Serif SC",serif;margin:15px 0 6px}.finish-dialog p{font:12px/1.7 "Noto Serif SC",serif;color:#7c8579}.finish-preview{display:block;width:100%;height:auto;max-height:42vh;object-fit:contain;background:#eee9df;margin:20px 0}.download-button,.copy-button{width:100%;border:0;background:#41503d;color:#fff;padding:14px;display:flex;justify-content:center;gap:12px;align-items:center;font-size:13px}.download-button span{font-size:10px;opacity:.7}.copy-button{background:#fff;color:#41503d;border:1px solid #cbd2c7;margin-top:9px}.copy-button:disabled{opacity:.45}.finish-dialog .dialog-note{text-align:center;font-size:10px;margin-bottom:0}@media(max-width:800px){.header{height:60px;padding:0 16px;gap:16px}.brand-zh{font-size:20px}.brand-en{font-size:8px}.header-center{display:none}.header-about{font-size:10px}.workspace{height:auto;min-height:0;display:flex;flex-direction:column-reverse}.stage{height:min(62vh,520px);min-height:360px}.stage-vase{top:var(--vessel-top, 61%);width:auto;height:var(--vessel-height, 35%)}.stem-anchor{top:var(--anchor-top, 68%)}.stem{height:calc(var(--stem-height) * .75);width:auto}.stage-top{inset:10px 10px auto;gap:5px}.light-control{padding:5px;font-size:0}.light-control button{padding:5px}.reset-button,.finish-button{padding:8px;font-size:10px}.reset-button small,.finish-button small{display:none}.stage-bottom{left:10px;right:10px;bottom:9px}.stage-bottom>span:last-child{display:none}.sidebar{min-height:340px;border-right:0}.tool-content{max-height:300px}.catalog-grid{grid-template-columns:repeat(4,minmax(105px,1fr));overflow-x:auto}.catalog-card{min-height:132px}.catalog-card img{height:78px}.catalog-panel,.adjust-panel,.vessel-panel{padding:16px}.catalog-panel h1{margin:12px 0 4px}.category-tabs{margin:12px 0}.selected-preview{height:110px}.selected-preview img{height:105px}.adjust-panel h2{margin:10px 0 2px}.english-name{margin-bottom:8px}.adjust-control{margin:12px 0}.editorial{grid-template-columns:1fr;padding:42px 22px}.editorial img{height:250px}}@media(max-width:460px){.stage{height:390px}.light-control>span{display:none}.light-control button{font-size:9px}.stage-bottom>span:nth-child(2){font-size:9px}.catalog-grid{grid-template-columns:repeat(4,105px)}.catalog-card{min-height:125px}.tool-content{max-height:330px}.stem{height:calc(var(--stem-height) * .68)}.stage-vase{top:var(--vessel-top, 61%);width:auto;height:var(--vessel-height, 35%)}.empty-hint{top:35%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.vase-back{z-index:3;opacity:var(--vessel-back-opacity, 1)}.vase-front{z-index:40;opacity:var(--vessel-front-opacity, 1);clip-path:inset(var(--vessel-front-clip, 3%) 0 0 0);pointer-events:none}.cellophane-sheen{position:absolute;z-index:45;left:50%;top:calc(var(--vessel-top) - 1%);width:min(54%,570px);height:var(--vessel-height);transform:translate(-50%);opacity:var(--vessel-overlay-opacity, .5);clip-path:polygon(4% 4%,29% 13%,50% 2%,72% 13%,97% 5%,82% 78%,57% 77%,50% 99%,43% 77%,18% 78%);background:linear-gradient(77deg,transparent 8%,rgba(255,255,255,.62) 10%,transparent 14%),linear-gradient(103deg,transparent 72%,rgba(255,255,255,.52) 76%,transparent 80%),linear-gradient(140deg,rgba(255,255,255,.16),transparent 36%,rgba(255,255,255,.24) 68%,transparent);border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.42);pointer-events:none}.vessel-kind-glass .stage-vase,.vessel-kind-wrap-transparent .stage-vase{filter:drop-shadow(0 10px 10px rgba(45,40,32,.08))}.vessel-kind-glass .stem-layer-above,.vessel-kind-wrap-transparent .stem-layer-above,.vessel-kind-wrap .stem-layer-above,.vessel-kind-wrap-front .stem-layer-above,.vessel-kind-wrap-layered .stem-layer-above{clip-path:none}.vessel-kind-wrap .stage-vase,.vessel-kind-wrap-transparent .stage-vase,.vessel-kind-wrap-front .stage-vase,.vessel-kind-wrap-layered .stage-vase{max-width:52%;object-fit:contain}.vessel-kind-wrap-front .vase-front,.vessel-kind-wrap-layered .vase-front{clip-path:polygon(0 18%,18% 27%,35% 36%,52% 43%,72% 34%,100% 19%,100% 100%,0 100%)}.vessel-kind-wrap-front .vase-back,.vessel-kind-wrap-layered .vase-back{clip-path:polygon(0 0,100% 0,100% 20%,72% 35%,52% 44%,35% 37%,18% 28%,0 19%)}.glass-stems{position:absolute;left:50%;top:var(--vessel-top);height:var(--vessel-height);aspect-ratio:2 / 3;transform:translate(-50%);z-index:4;pointer-events:none}.vessel-kind-glass .stem-layer-above{clip-path:inset(0 0 calc(100% - var(--anchor-top)) 0)}.capture-mode .empty-hint{display:none}.zoom-button{border:0;background:#fffc;padding:10px 12px;font:10px "Noto Serif SC",serif;white-space:nowrap}.stage-background,.arrangement{transition:transform .25s ease}.stage.is-zoomed>.stage-background,.stage.is-zoomed>.arrangement{transform:scale(1.18)}@media(max-width:800px){.zoom-button{padding:8px;font-size:9px}.stage-bottom button:nth-child(2){font-size:9px}.stage-bottom>span:nth-child(3){display:none}}