:root{--paper:#fdfdf8;--stage:#f4f2ec;--ink:#3e4b39;--muted:#8a8e7f;--green:#5f7154;--soft:#e9ede2;--line:#e5e7dc;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 var(--sans);color:var(--ink);background:var(--paper);overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}input,textarea,select{min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:20px;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand>svg{width:40px;height:44px;stroke-width:1.05}.brand>span{font:27px/1.1 var(--serif);letter-spacing:4px}.brand small{display:block;font:9px/1.6 var(--sans);letter-spacing:3px;color:var(--muted);margin-top:6px}.header-note{font:12px var(--serif);letter-spacing:3px;color:#999d8e}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:8px;border-radius:8px}.icon-button:hover{background:var(--soft)}.desktop-label{font-size:13px}.primary-button,.outline-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 23px;border-radius:7px}.primary-button{color:#fff;background:var(--green)}.primary-button:hover{background:#506545}.primary-button svg{width:17px;height:17px}.outline-button{border:1px solid #d6dccb;min-height:44px;width:100%;background:#f7f9f1}.studio{height:calc(100dvh - 78px);display:grid;grid-template-columns:minmax(0,1fr) 390px}.workspace{background:var(--stage);position:relative;min-width:0;overflow:hidden;isolation:isolate;transition:background-color .25s}.work-heading{position:absolute;top:29px;left:34px;right:30px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}.work-heading input{pointer-events:auto}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:2px}.title-line{display:flex;align-items:center;gap:9px;margin:8px 0 5px}#work-title{font:27px/1.3 var(--serif);background:transparent;border:0;padding:0;width:315px;max-width:100%;text-overflow:ellipsis}.edit-mark{color:#9da18f;font-size:19px}#work-subtitle{font-size:12px;letter-spacing:1.2px;margin:0;color:var(--muted)}.save-status{font-size:10px;white-space:nowrap;color:#9ca28f;display:flex;align-items:center;gap:5px;padding-top:8px}.save-status i{width:5px;height:5px;border-radius:50%;background:#93a681}.artboard{position:absolute;inset:103px 20px 68px;display:flex;align-items:center;justify-content:center}#bouquet{display:block;touch-action:none;cursor:grab;max-width:100%;max-height:100%;outline-offset:0}.stage-label{position:absolute;left:30px;top:53%;writing-mode:vertical-rl;font:8px var(--sans);letter-spacing:2.6px;color:#b1b3a6}.stage-tools{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);display:flex;align-items:center;padding:3px 6px;gap:2px;background:#fdfdf8db;border:1px solid #e1e4d8;border-radius:30px;box-shadow:0 4px 15px #5c63400a}.stage-tools .icon-button{min-width:34px;min-height:34px;padding:7px;font-size:19px}.stage-tools svg{width:17px;height:17px}.stage-tools>span{height:18px;width:1px;background:var(--line);margin:0 5px}.canvas-hint{position:absolute;bottom:13px;left:0;right:0;text-align:center;margin:0;font-size:10px;color:#909583;letter-spacing:.5px;pointer-events:none}.canvas-hint>span:not(.hint-dot){margin:0 6px}.hint-dot{display:inline-block;border:1px solid #aeb69e;border-radius:50%;width:5px;height:5px;vertical-align:middle;margin-right:4px}.selection-toolbar{position:absolute;left:50%;transform:translateX(-50%);bottom:91px;max-width:calc(100% - 24px);padding:6px 8px;border:1px solid #d8dfcd;border-radius:12px;background:#fffffaee;box-shadow:0 8px 28px #3f4b3920;display:flex;align-items:center;gap:10px;z-index:4}.selection-toolbar strong{font-size:11px;font-weight:400;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px}.selection-actions{display:flex;gap:1px}.selection-actions button{display:flex;justify-content:center;align-items:center;width:33px;height:36px;border-radius:5px;font-size:20px}.selection-actions button:hover{background:var(--soft)}.selection-actions svg{width:16px;height:16px}.selection-actions [data-edit=delete]{color:#a47c70}.design-panel{background:var(--paper);border-left:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:29px 25px 25px}.panel-heading h1{font:23px/1.3 var(--serif);margin:8px 0 0;letter-spacing:1px}.panel-heading>svg{width:35px;height:40px;stroke-width:1;color:#b4bd9e}.main-tabs{display:flex;gap:5px;padding:0 25px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.main-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;flex:1;border-radius:7px;font-size:13px;color:#939987;transition:background .2s}.main-tabs button[aria-selected=true]{background:var(--soft);color:#4f6544}.main-tabs svg{width:17px;height:17px}.tab-pages{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#d7ddc9 transparent;overscroll-behavior:contain;padding:23px 25px 18px}.panel-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.panel-intro h2{font:16px var(--serif);margin:0 0 6px}.panel-intro p{font-size:10px;color:var(--muted);margin:0}.small-tag{font-size:9px;padding:4px 6px;border-radius:4px;background:#f1f2e9;color:#8b937e;white-space:nowrap}.filter-row{display:flex;gap:20px;margin-bottom:16px;border-bottom:1px solid var(--line)}.filter-row button{color:var(--muted);font-size:11px;padding:0 0 10px;border-bottom:2px solid transparent}.filter-row .active{border-color:var(--green);color:var(--green)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preset-tile{position:relative;border:1px solid var(--line);border-radius:9px;padding:0;overflow:hidden;text-align:left;background:#fffef9;transition:border-color .2s}.preset-tile:hover{border-color:#b3bd9e}.preset-tile[aria-pressed=true]{border-color:#7a8c64;box-shadow:0 0 0 1px #7a8c642a}.preset-preview{display:block;width:100%;height:126px;object-fit:contain;background:#f1f1e9}.preset-caption{padding:9px 11px 11px}.preset-caption strong{font:12px var(--serif);display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-caption small{font-size:9px;color:var(--muted)}.tile-check{position:absolute;top:7px;right:7px;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}.tile-check svg{width:11px;height:11px}.panel-footnote{font-size:10px;color:#9ba18d;text-align:center;margin:20px 0 8px}.panel-footer{display:flex;align-items:center;gap:7px;height:43px;flex-shrink:0;padding:0 25px;border-top:1px solid var(--line);color:#979e8b;font-size:9px}.panel-footer>svg{width:13px;height:13px}.panel-footer button{margin-left:auto;border:1px solid #dfe4d4;border-radius:50%;width:22px;height:22px;font-size:11px}.asset-categories{display:flex;gap:7px;margin:0 0 17px}.asset-categories button{flex:1;min-height:35px;border-radius:20px;font-size:11px;color:var(--muted);border:1px solid var(--line)}.asset-categories .active{background:var(--soft);color:var(--green);border-color:#d9e0cc}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;height:37px;padding:0 10px;background:#f7f8f1;margin-bottom:16px}.search-field svg{width:15px;height:15px;color:#a0a691}.search-field input{flex:1;width:100%;background:none;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#a1a693}#asset-count{font-size:9px;color:#99a089}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.asset-tile{border:1px solid var(--line);border-radius:7px;min-width:0;padding:6px 3px 8px;background:#f5f6ef;position:relative}.asset-tile:hover{border-color:#b0bc9c}.asset-tile canvas{display:block;width:100%;height:73px;object-fit:contain}.asset-tile span{font-size:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-tile small{position:absolute;top:5px;right:6px;color:#9baf8b;font-size:15px}.asset-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 10px;font-size:12px}.swatch{display:block;height:55px;border-radius:5px;margin:3px 4px 8px;border:1px solid #00000008}.intro-icon{color:#a8b39a}#card-preview{display:block;width:100%;height:auto;border:1px solid #e4e4d7;box-shadow:0 4px 12px #35402608;border-radius:2px;margin:0 0 20px}.card-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;margin-bottom:12px;color:#7b856e}.card-form input,.card-form textarea,.card-form select{border:1px solid var(--line);border-radius:6px;padding:10px;background:#fafbf5;font-size:12px;color:var(--ink);width:100%;line-height:1.6}.card-form textarea{resize:vertical;min-height:85px}.card-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flower-meaning{border-top:1px solid var(--line);margin-top:23px;padding-top:15px;font-size:11px;color:#8a947c}.flower-meaning summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer}.flower-meaning p{line-height:1.9;font-size:11px}.loading{position:absolute;inset:0;z-index:10;background:var(--stage);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:13px;color:#899575}.loading svg{width:46px;height:46px;stroke-width:1;animation:breathe 2s ease-in-out infinite}.loading progress{width:130px;height:3px;accent-color:var(--green)}.loading p{margin:0}.loading button{border:1px solid var(--line);padding:10px 18px;border-radius:6px;background:var(--paper);margin-top:8px}dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--line);border-radius:15px;padding:23px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #29312130}dialog::backdrop{background:#303a2955;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-heading h2{font:23px var(--serif);margin:0}.dialog-copy{font-size:12px;line-height:1.9;color:var(--muted)}.dialog-menu{display:grid;gap:7px}.dialog-menu button,.saved-item{border:1px solid var(--line);border-radius:7px;padding:12px 15px;min-height:45px;text-align:left;font-size:13px;background:#f6f8ef}.saved-item{display:flex;width:100%;align-items:center;gap:13px;margin:8px 0}.saved-item canvas{width:56px;height:58px;object-fit:contain}.saved-item strong{font-size:13px;display:block;font-weight:400}.saved-item small{font-size:10px;color:var(--muted)}.dialog-image{width:100%;max-height:50dvh;object-fit:contain;border-radius:7px;margin-bottom:15px}.dialog-action-row{display:flex;gap:10px}.dialog-action-row button{flex:1}.dialog-list{font-size:13px;line-height:1.8;padding-left:20px}.dialog-list li{margin:10px 0}#toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:#46563f;color:#fff;padding:12px 19px;max-width:calc(100vw - 30px);font-size:12px;border-radius:9px;box-shadow:0 6px 20px #26302025;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.dark-stage .work-heading input{color:#f5f2e9}.dark-stage .eyebrow,.dark-stage #work-subtitle,.dark-stage .canvas-hint{color:#bbc5b3}.dark-stage .save-status{color:#b8c4a7}.dark-stage .stage-label{color:#939e87}@keyframes breathe{50%{opacity:.5;transform:rotate(-8deg)}}
@media(min-width:1450px){.studio{grid-template-columns:minmax(0,1fr) 450px}.panel-heading,.tab-pages{padding-left:32px;padding-right:32px}.main-tabs{padding-left:32px;padding-right:32px}.preset-preview{height:151px}.work-heading{left:55px;top:36px}#work-title{font-size:31px}.artboard{inset:100px 50px 80px}}
@media(max-width:900px) and (min-width:701px){.studio{grid-template-columns:minmax(0,1fr) 330px}.app-header{padding:0 22px}.header-note{display:none}.work-heading{left:23px;right:23px}.save-status{display:none}#work-title{width:260px;font-size:24px}.panel-heading{padding:25px 20px 20px}.main-tabs{padding:0 20px 17px}.tab-pages{padding:20px}.preset-preview{height:110px}.stage-label{display:none}}
@media(max-width:700px){.app-header{height:62px;padding:0 17px;gap:10px;padding-top:env(safe-area-inset-top)}.brand{gap:8px}.brand>svg{width:29px;height:34px}.brand>span{font-size:22px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:2px;margin-top:4px}.header-note,.desktop-label{display:none}.header-actions{gap:5px}.primary-button{padding:9px 14px;min-height:38px;font-size:12px;border-radius:6px}.icon-button{min-width:36px;min-height:38px;padding:8px}.header-actions .icon-button svg{width:18px;height:18px}.studio{height:calc(100dvh - 62px);display:flex;flex-direction:column}.workspace{flex:1;min-height:280px}.work-heading{top:16px;left:21px;right:21px}.work-heading .eyebrow{display:none}.title-line{margin:0 0 5px;gap:5px}#work-title{font-size:23px;width:250px}.edit-mark{font-size:16px}#work-subtitle{font-size:10px;letter-spacing:1px}.save-status{position:absolute;right:0;top:4px;font-size:8px;max-width:83px;overflow:hidden;display:none}.artboard{inset:66px 5px 50px}.stage-label{display:none}.stage-tools{bottom:30px;padding:1px 4px}.stage-tools .icon-button{min-width:32px;min-height:32px;padding:7px}.stage-tools svg{width:15px;height:15px}.stage-tools>span{margin:0 3px}.canvas-hint{bottom:8px;font-size:8px;letter-spacing:0}.canvas-hint>span:not(.hint-dot){margin:0 4px}.design-panel{height:37dvh;min-height:240px;max-height:390px;border:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;position:relative;z-index:3;box-shadow:0 -4px 20px #58654806;flex-shrink:0}.design-panel::before{content:"";display:block;position:absolute;top:6px;left:50%;transform:translateX(-50%);width:30px;height:3px;background:#e2e6d7;border-radius:3px}.panel-heading{display:none}.main-tabs{padding:13px 18px 9px;gap:8px}.main-tabs button{min-height:38px;font-size:12px;border-radius:6px}.main-tabs svg{width:16px;height:16px}.tab-pages{padding:15px 19px 12px}.panel-intro{margin-bottom:12px}.panel-intro h2{font-size:15px}.panel-intro p{font-size:9px}.small-tag{font-size:8px}.filter-row{gap:21px;margin-bottom:13px}.filter-row button{font-size:10px;padding:0 0 8px;min-height:25px}.preset-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.preset-preview{height:100px}.preset-caption{padding:7px 8px 9px}.preset-caption strong{font-size:11px}.preset-caption small{font-size:8px}.panel-footer{display:none}.selection-toolbar{bottom:68px;padding:5px 6px;gap:4px;border-radius:10px;width:max-content}.selection-toolbar strong{max-width:55px;font-size:9px;padding-left:2px}.selection-actions button{width:32px;height:40px;font-size:17px}.selection-actions svg{width:15px;height:15px}.asset-categories{margin-bottom:12px;gap:8px}.asset-categories button{min-height:34px}.search-field{height:36px;margin-bottom:12px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.asset-tile canvas{height:65px}.asset-tile span{font-size:8px}.asset-tile{padding-bottom:7px}#card-preview{max-width:400px;margin:0 auto 16px}.card-form input,.card-form textarea,.card-form select{font-size:16px;padding:9px}.card-form label{font-size:11px}.outline-button{font-size:12px}.panel-footnote{font-size:9px}.tab-pages{padding-bottom:max(15px,env(safe-area-inset-bottom))}#work-title{font-size:23px}.dialog-heading h2{font-size:21px}}
@media(max-width:360px){.app-header{padding:0 12px}.brand small{display:none}.header-actions{gap:3px}.work-heading{left:16px;right:16px}#work-title{font-size:21px;width:240px}.tab-pages{padding-left:14px;padding-right:14px}.main-tabs{padding-left:14px;padding-right:14px}.preset-preview{height:89px}.selection-toolbar strong{display:none}}
@media(max-height:660px) and (max-width:700px){.design-panel{min-height:200px;height:35dvh}.workspace{min-height:230px}.artboard{inset:57px 3px 44px}.work-heading{top:12px}#work-title{font-size:21px}.canvas-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.creator-watermark{position:absolute;right:31px;top:108px;font:500 14px/1.5 var(--sans);letter-spacing:.8px;color:#526447;opacity:.42;pointer-events:none;user-select:none;z-index:2}.dark-stage .creator-watermark{color:#eef3e5}@media(max-width:700px){.creator-watermark{top:72px;right:22px;font-size:12px;opacity:.45}}@media(max-height:500px) and (max-width:700px){body{overflow:auto}.studio{height:auto;min-height:calc(100dvh - 62px)}.workspace{height:330px;flex:none}.design-panel{height:380px;max-height:none}}