html[data-app=gift],html[data-app=gift] body{min-height:100vh;min-height:100dvh}.gift-app{min-width:0;overflow-wrap:anywhere}.gift-main{min-width:0}#gift-header[data-gift=true]{position:absolute;inset:0 0 auto;width:100%;background:transparent}#gift-header[data-dark=true]{--ink: #FFF8F2}.gift-stage{position:relative;--gift-ink: #3B2A3F;--gift-muted: #59455E;--gift-control-bg: #FFFFFF;--gift-control-line: rgba(59, 42, 63, .24);--gift-focus: #C03A63;--gift-bouquet-limit: min(48vh, 520px);--gift-bouquet-limit: min(48dvh, 520px);--gift-bouquet-height: min(var(--gift-bouquet-limit), calc((min(100vw, 552px) - 2 * var(--page-gutter)) * 6 / 5));--gift-teaser-shift: calc(50vh - 48px - var(--gift-bouquet-height) * .727083);--gift-teaser-shift: calc(50dvh - 48px - var(--gift-bouquet-height) * .727083);width:100%;padding-bottom:16px;color:var(--gift-ink);text-align:center;overflow-wrap:anywhere;word-break:auto-phrase}.gift-stage:not(.gift-stage--preview)[data-photo=true]{background:transparent!important}.gift-stage:not(.gift-stage--preview)[data-photo=true]>.photo-bg{display:none}.gift-stage[data-dark=true]{--gift-ink: #FFF8F2;--gift-muted: #ECE6F3;--gift-control-bg: rgba(255, 255, 255, .1);--gift-control-line: rgba(255, 248, 242, .6);--gift-focus: #FBD2DA}.gift-stage :focus-visible{outline-color:var(--gift-focus)}.gift-layout{position:relative}.gift-details{min-width:0}.gift-scene{position:relative;display:grid;place-items:center;width:min(100%,552px);margin-inline:auto;padding:12px var(--page-gutter) 8px}.gift-stage:not(.gift-stage--preview) .gift-scene{padding-top:48px}.gift-bouquet{position:relative;height:var(--gift-bouquet-height);max-width:100%;aspect-ratio:5 / 6}.gift-bouquet-art,.gift-particles{position:absolute;inset:0;width:100%;height:100%}.gift-bouquet-art svg{display:block;width:100%;height:100%}.gift-particles{pointer-events:none}.gift-teaser{position:absolute;inset:0 0 50%;display:grid;align-content:center;padding:8px;pointer-events:none}.gift-stage:not(.gift-stage--preview) .gift-teaser{inset:48px var(--page-gutter) auto;height:calc(var(--gift-bouquet-height) / 2);max-width:520px;margin-inline:auto}.gift-teaser-from{margin-bottom:8px;color:var(--gift-muted);font-size:16px}.gift-teaser-from,.gift-skipped,.gift-save-status{text-wrap:balance}.gift-teaser-title{font-size:clamp(28px,5vw,32px);font-weight:600;line-height:1.5;letter-spacing:.02em;text-wrap:balance}.gift-teaser-hint{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:160px;min-height:44px;margin-top:16px;padding:8px 20px;border:2px solid var(--accent);border-radius:var(--radius);background:#fffffff0;color:#8f2745;font-size:16px}.gift-open{position:absolute;inset:12px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:20px;background:transparent;cursor:pointer;touch-action:manipulation}.gift-card-region,.gift-actions,.gift-message-note{width:min(calc(100% - 2 * var(--page-gutter)),520px);max-width:100%;margin-inline:auto}.gift-card-region,.gift-actions{visibility:hidden;opacity:0}.gift-card{position:relative;padding:16px;border:1px solid rgba(59,42,63,.14);border-radius:20px;background:#fff;box-shadow:0 8px 24px #8318431a,0 1px 2px #83184314;color:#3b2a3f;text-align:left}.gift-card-occasion{position:absolute;top:-12px;right:16px;padding:2px 10px;border:1px solid #E8BACA;border-radius:999px;background:#fff0f5;color:#8f2745;font-size:12px;font-weight:600;line-height:1.5}.gift-card-to{margin-bottom:8px;font-weight:600}.gift-card-to,.gift-card-from{font-size:14px;line-height:1.5}.gift-card-message{min-height:1.75em;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.gift-card-from{margin-top:8px;text-align:right}.gift-skipped{margin-top:12px;color:var(--gift-muted);font-size:13px}.gift-actions{display:grid;gap:8px;margin-top:12px}.gift-secondary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gift-secondary-actions .gift-button{padding:8px 2px;font-size:14px}.gift-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid var(--gift-control-line, rgba(59, 42, 63, .24));border-radius:var(--radius);background:var(--gift-control-bg, #FFFFFF);color:var(--gift-ink, #3B2A3F);font:inherit;font-size:15px;line-height:1.6;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation}.gift-button--primary{width:100%;border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.gift-button:disabled{opacity:.65;cursor:wait}.gift-save-status{min-height:1.75em;color:var(--gift-muted);font-size:14px}.gift-save-status:empty{display:none}.gift-footer{display:grid;gap:12px;color:#3b2a3f;text-align:center;font-size:13px}.gift-footer[data-dark=true]{color:#ece6f3}.gift-footer>a,.gift-footer .share-panel,.gift-footer .share-note,.gift-footer .share-status{color:inherit}.gift-message-note{margin-top:12px;color:var(--gift-ink);font-size:13px;line-height:1.6;text-wrap:balance;visibility:hidden}.gift-message-note[data-visible=true]{visibility:visible}.gift-error{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:var(--page-max);margin-inline:auto;padding:40px var(--page-gutter) 16px;text-align:left;word-break:auto-phrase}.gift-error>*{max-width:520px}.gift-error h1{font-size:clamp(24px,6.5vw,28px);line-height:1.5;text-wrap:balance}.gift-error p{text-align:left;text-wrap:pretty}.gift-stage--preview{min-height:0;padding:16px;border-radius:20px}.gift-preview-label{color:var(--gift-muted);font-size:12px}.send-photo-note,.send-photo-hint{margin-top:12px;color:var(--ink);font-size:14px;line-height:1.6;text-wrap:pretty}.gift-stage--preview .gift-scene{min-height:0;padding-block:12px}.gift-stage--preview .gift-bouquet{width:min(100%,380px);height:auto}.gift-stage--preview .gift-card-region{width:100%}@media(max-height:699px){.gift-stage{--gift-bouquet-limit: min(44vh, 440px);--gift-bouquet-limit: min(44dvh, 440px)}}@media(min-height:800px){.gift-stage{--gift-bouquet-limit: min(52vh, 560px);--gift-bouquet-limit: min(52dvh, 560px)}}@media(min-width:1024px)and (min-height:600px),(orientation:landscape)and (max-height:600px)and (min-width:640px){.gift-stage:not(.gift-stage--preview){--gift-details-width: clamp(500px, 40vw, 520px);--gift-column-gap: 40px;--gift-layout-width: min(calc(100vw - 2 * var(--page-gutter)), calc(var(--page-max) - 2 * var(--page-gutter)));--gift-bouquet-height: min(80vh, 740px, calc((var(--gift-layout-width) - var(--gift-details-width) - var(--gift-column-gap)) * 6 / 5));--gift-bouquet-height: min(80dvh, 740px, calc((var(--gift-layout-width) - var(--gift-details-width) - var(--gift-column-gap)) * 6 / 5));--gift-teaser-shift: calc(var(--gift-bouquet-height) * -.2270833333);--gift-teaser-text-shift: 0px;padding-bottom:0}.gift-stage:not(.gift-stage--preview) .gift-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--gift-details-width);align-items:center;gap:var(--gift-column-gap);width:var(--gift-layout-width);min-height:100vh;min-height:100dvh;margin-inline:auto;padding-block:56px 24px}.gift-stage:not(.gift-stage--preview) .gift-scene{width:100%;padding:0}.gift-stage:not(.gift-stage--preview) .gift-bouquet{height:var(--gift-bouquet-height)}.gift-stage:not(.gift-stage--preview) .gift-details{position:relative}.gift-stage:not(.gift-stage--preview) .gift-teaser{inset:0;height:auto;max-width:none;margin:0;padding:0}.gift-stage:not(.gift-stage--preview) .gift-teaser-title{font-size:clamp(32px,2.8vw,40px)}.gift-stage:not(.gift-stage--preview) .gift-card-region,.gift-stage:not(.gift-stage--preview) .gift-actions,.gift-stage:not(.gift-stage--preview) .gift-message-note{width:100%}.gift-stage:not(.gift-stage--preview) .gift-card-message{font-size:17px;line-height:1.8}.gift-stage:not(.gift-stage--preview) .gift-card-to,.gift-stage:not(.gift-stage--preview) .gift-card-from{font-size:15px}}@media(orientation:landscape)and (max-height:600px)and (min-width:640px)and (max-width:1023px){.gift-stage:not(.gift-stage--preview){--gift-details-width: clamp(340px, 50vw, 420px);--gift-column-gap: 8px;--gift-bouquet-height: min( calc(100vh - 32px) , calc((var(--gift-layout-width) - var(--gift-details-width) - var(--gift-column-gap)) * 6 / 5));--gift-bouquet-height: min( calc(100dvh - 32px) , calc((var(--gift-layout-width) - var(--gift-details-width) - var(--gift-column-gap)) * 6 / 5))}.gift-stage:not(.gift-stage--preview) .gift-layout{padding-block:16px}.gift-stage:not(.gift-stage--preview) .gift-card{padding:12px 16px}.gift-stage:not(.gift-stage--preview) .gift-card-message{font-size:14px}.gift-stage:not(.gift-stage--preview) .gift-actions{margin-top:8px}.gift-stage:not(.gift-stage--preview) .gift-button{height:44px;padding-block:0}}@media(prefers-reduced-motion:no-preference){.gift-bouquet,.gift-stage:not(.gift-stage--preview) .gift-teaser{transition:transform .5s ease-out}.gift-stage:not(.gift-stage--preview)[data-teaser=true] .gift-bouquet{transform:translateY(var(--gift-teaser-shift))}.gift-stage:not(.gift-stage--preview)[data-teaser=true] .gift-teaser{--gift-layout-offset: var(--gift-teaser-text-shift, var(--gift-teaser-shift))}.gift-teaser-hint-label{animation:gift-hint-pulse 2s ease-in-out infinite}}@keyframes gift-hint-pulse{0%,to{opacity:.9}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.gift-bouquet,.gift-teaser,.gift-card-region,.gift-actions{transform:none}}:root{--surface: #FFFFFF;--surface-muted: #F0EDF4;--accent-soft: #FBCFE8;--muted: #68586C;--line: rgba(59, 42, 63, .14);--shadow-soft: 0 8px 24px rgba(131, 24, 67, .1), 0 1px 2px rgba(131, 24, 67, .08)}.studio.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;--studio-header-height: 60px;--studio-tools-height: 120px;--studio-intro-space: 0px;--canvas-height: min(max(432px, calc(100vh - var(--studio-header-height) - var(--studio-tools-height) - 176px - 16px - var(--studio-intro-space) - var(--reply-space, 0px))), calc((100vw - 2 * var(--page-gutter)) * 1.2))}.studio.app[data-reply=true]{--reply-space: 52px}@supports (height: 100dvh){.studio.app{--canvas-height: min(max(432px, calc(100dvh - var(--studio-header-height) - var(--studio-tools-height) - 176px - 16px - var(--studio-intro-space) - var(--reply-space, 0px))), calc((100vw - 2 * var(--page-gutter)) * 1.2))}}.studio,.studio-main,.studio-layout,.studio-stage,.studio-sidebar,.studio-panel,.studio-dialog,.studio-footer{min-width:0;overflow-wrap:anywhere}.studio [hidden],.studio-dialog [hidden]{display:none!important}.studio button,.studio input,.studio select,.studio textarea,.studio-dialog button,.studio-dialog input,.studio-dialog select,.studio-dialog textarea{font-family:inherit}.studio button,.studio-dialog button{color:var(--ink);cursor:pointer;touch-action:manipulation}.studio button:disabled,.studio-dialog button:disabled{opacity:.5;cursor:default}.studio .button,.studio-dialog .button,.icon-button,.tool-button,.panel-tab,.flower-tile,.color-button,.background-tile{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:var(--tap);min-height:var(--tap);max-width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;transition:background-color 80ms,border-color 80ms,box-shadow 80ms}.studio .button-primary,.studio-dialog .button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.studio .button-quiet,.studio-dialog .button-quiet{background:transparent}.studio :focus-visible,.studio-dialog :focus-visible{outline:3px solid var(--accent);outline-offset:3px;scroll-margin-block:80px 16px}.studio-dialog .gift-stage :focus-visible{outline-color:var(--gift-focus)}.studio-header{flex:0 0 var(--studio-header-height);width:min(100%,var(--page-max, 1200px));height:var(--studio-header-height);padding-inline:max(var(--page-gutter),env(safe-area-inset-left)) max(var(--page-gutter),env(safe-area-inset-right))}.studio-header-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%;min-height:0;margin-inline:auto;padding-block:5px}.studio-brand{min-width:0}.studio-header-tagline{color:#5b4560;font-size:11px;line-height:16px;text-wrap:pretty}.studio-logo{display:block;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;font-size:clamp(14px,3.5vw,22px);font-weight:600;line-height:1.3;letter-spacing:.04em;white-space:nowrap}.header-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.icon-button{flex-shrink:0;padding:8px 12px}.send-button{padding-inline:14px}.studio-main{width:min(100%,var(--page-max, 1200px));margin-inline:auto;padding:0 max(var(--page-gutter),env(safe-area-inset-right)) 32px max(var(--page-gutter),env(safe-area-inset-left))}.studio-intro{display:none;text-align:center}.studio-intro h1{color:#3b2a3f;font-size:13px;font-weight:500;line-height:16px}.studio-layout{display:grid;gap:8px;align-items:start;overflow-anchor:none}.studio-stage{position:relative;width:100%;margin-inline:auto}.sidebar-flower-list{display:none}.reply-banner{display:flex;align-items:center;gap:8px;height:44px;margin-bottom:8px;padding-left:8px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:13px}.reply-banner>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner .icon-button{border-color:transparent;background:transparent}.studio-toast{position:absolute;z-index:6;inset-inline:0;top:auto;bottom:8px;display:flex;align-items:center;gap:8px;width:fit-content;max-width:86%;min-height:44px;margin-inline:auto;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:13px;line-height:1.5;pointer-events:none}.toast-message{min-width:0}.studio-toast .toast-undo{flex-shrink:0;min-width:44px;min-height:44px;padding:4px 12px;font-size:12px;pointer-events:auto}.studio .send-secondary{display:none}.canvas-host{position:relative;width:min(100%,calc(var(--canvas-height) / 1.2));max-width:100%;aspect-ratio:5 / 6;margin-inline:0;overflow:visible;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);touch-action:none}.bouquet-canvas{display:block;width:100%;height:100%;padding:8%;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none}.bouquet-canvas:focus{outline:none}.canvas-host[data-input=pointer] .head:focus-visible{outline:none}.bouquet-canvas .head{cursor:grab}.bouquet-canvas .head:active{cursor:grabbing}.selection-toolbar{position:relative;display:flex;align-items:center;gap:8px;height:48px}.toolbar-row{display:flex;flex:1;align-items:center;min-width:0;height:44px;gap:8px;overflow-x:auto;touch-action:pan-x pan-y}.tool-button{flex-direction:column;gap:1px;flex:0 0 auto;width:auto;height:44px;padding:2px 12px}.tool-button>svg{flex-shrink:0}.tool-label{white-space:nowrap;font-size:10px;line-height:1.2}.tool-button[data-testid=delete]{color:#a12649}.toolbar-more-panel{position:absolute;z-index:5;right:0;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,304px);max-width:100%;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.studio .toolbar-more-panel>button{width:100%;min-height:44px;height:auto;padding:8px 12px;font-size:13px;white-space:nowrap}.toolbar-more-panel .tool-button>svg{display:none}.toolbar-more-panel .tool-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:nowrap;font-size:13px;line-height:1.5}.more-tools-icon{font-size:24px;line-height:22px}.selection-help{flex:1;min-width:0;color:var(--muted);font-size:clamp(10px,2.8vw,11px);white-space:nowrap}.flower-colors{height:64px;margin-top:8px}.quick-moods{display:none;align-items:center;gap:4px;height:64px;overflow-x:auto;touch-action:pan-x pan-y}.quick-mood-label{flex-shrink:0;margin-right:4px;color:#5b4560;font-size:10px;white-space:nowrap}.studio .quick-mood-button{flex:1 0 auto;min-width:44px;height:44px;padding:4px 12px;font-size:11px;white-space:nowrap}.selected-color-name,.flower-count{margin-bottom:4px;color:var(--ink);font-size:12px;line-height:16px}.flower-count[data-limit=true]{color:var(--accent);font-weight:700}.swatch-row{display:flex;gap:8px;height:44px;overflow-x:auto;touch-action:pan-x pan-y}.color-button{position:relative;flex:0 0 56px;width:56px;height:44px;padding:6px 12px;border-radius:50%}.color-button>svg{width:28px;height:28px;flex-shrink:0}.color-check,.choice-check{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--accent);border-radius:50%;background:var(--surface);color:var(--accent);font-size:13px;font-weight:700;visibility:hidden}.color-check{top:0;right:0;width:16px;height:16px;font-size:11px}[aria-pressed=true]>.color-check,[aria-pressed=true]>.choice-check{visibility:visible}.studio [aria-pressed=true],.studio-dialog [aria-pressed=true]{border-color:var(--accent);background:#fff0f5;box-shadow:inset 0 0 0 1px var(--accent)}.studio .open-list-button{flex:0 0 auto;width:auto;height:44px;padding:4px 12px;font-size:12px;white-space:nowrap}.studio-panel{width:100%;height:176px;margin-inline:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.panel-tabs{display:flex;gap:8px;overflow-x:auto;height:44px;padding-inline:8px;touch-action:pan-x pan-y}.panel-tab{flex:1 0 auto;padding:8px 12px;height:44px;border-color:transparent;background:transparent;font-size:13px;white-space:nowrap}.panel-tab[aria-selected=true]{background:var(--surface-muted);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.panel-content{min-width:0;height:130px;padding:8px 8px 6px;animation:panel-reveal .16s ease-out}@keyframes panel-reveal{0%{opacity:0}to{opacity:1}}.flower-tiles{display:flex;align-items:center;gap:8px;height:96px;overflow-x:auto;touch-action:pan-x pan-y}.flower-tile{flex:0 0 104px;flex-direction:column;justify-content:center;gap:4px;width:104px;height:92px;padding:4px 12px;font-size:10.5px;letter-spacing:-.02em}.flower-tile>span{white-space:nowrap}.flower-tile[aria-disabled=true]{opacity:.45;cursor:default}.flower-tile svg{width:44px;height:44px;flex-shrink:0}.choice-row,.dialog-actions,.occasion-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-row{flex-wrap:nowrap;height:44px;margin-bottom:8px;overflow-x:auto;touch-action:pan-x pan-y}.choice-button{flex:0 0 auto;white-space:nowrap}.background-tiles,.auto-options{display:flex;align-items:center;gap:8px;height:96px;overflow-x:auto;touch-action:pan-x pan-y}.background-tile{position:relative;flex:0 0 88px;flex-direction:column;height:92px;padding:8px 6px;font-size:11px;white-space:nowrap}.background-sample{flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:8px}.photo-panel{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.photo-controls{display:grid;gap:8px;padding:8px 0}.photo-copy{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.photo-actions,.photo-veils{display:flex;flex-wrap:wrap;gap:8px}.photo-actions>.button,.photo-veil{min-width:44px;min-height:44px}.photo-veil[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.photo-sample{display:grid;place-items:center;position:relative;overflow:hidden}.photo-sample>svg{width:22px;height:22px}.photo-controls [hidden]{display:none}.photo-appearance{display:grid;gap:6px}.photo-label{margin:0;font-size:12px;font-weight:600;line-height:1.4}.photo-status[data-state=error]{position:relative;padding:8px 10px 8px 34px;border-left:4px solid #B3261E;border-radius:8px;background:#fdecea;color:#8a1c14;font-size:13px;font-weight:600}.photo-status[data-state=error]:before{content:"!";content:"!" / "";position:absolute;left:8px;top:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#b3261e;color:#fff;font-size:12px;font-weight:700;line-height:1}@media(min-width:1024px)and (min-height:521px){.photo-panel{max-height:360px}}.auto-options>.button,.mood-grid{flex:0 0 auto;white-space:nowrap}.mood-grid{display:flex;gap:8px}.studio .mood-cute{background:#fff0f5}.studio .mood-gentle{background:#f1f7f0}.studio .mood-lively{background:#fff6df}.studio .mood-chic{background:#f0edf4}.toolbar-row,.quick-moods,.swatch-row,.panel-tabs,.flower-tiles,.choice-row,.background-tiles,.auto-options,.occasion-chips{scrollbar-width:none}.toolbar-row::-webkit-scrollbar,.quick-moods::-webkit-scrollbar,.swatch-row::-webkit-scrollbar,.panel-tabs::-webkit-scrollbar,.flower-tiles::-webkit-scrollbar,.choice-row::-webkit-scrollbar,.background-tiles::-webkit-scrollbar,.auto-options::-webkit-scrollbar,.occasion-chips::-webkit-scrollbar{display:none}.scroll-fade{scroll-padding-inline:24px}.scroll-fade[data-scroll-left=false][data-scroll-right=true]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.scroll-fade[data-scroll-left=true][data-scroll-right=false]{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px);mask-image:linear-gradient(to right,transparent,#000 24px)}.scroll-fade[data-scroll-left=true][data-scroll-right=true]{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.toolbar-row :focus-visible,.quick-moods :focus-visible,.swatch-row :focus-visible,.panel-tabs :focus-visible,.flower-tiles :focus-visible,.choice-row :focus-visible,.background-tiles :focus-visible,.auto-options :focus-visible,.occasion-chips :focus-visible{outline-offset:-3px}.studio-footer{flex-shrink:0;width:min(100%,var(--page-max, 1200px))}.footer-share{width:min(100%,520px);min-width:0;margin-inline:0}.studio .share-panel .share-actions .share-button,.studio-dialog .share-panel .share-actions .share-button{padding-inline:12px}.send-privacy{margin-top:12px;color:var(--muted);font-size:13px;text-wrap:pretty}.studio-dialog{position:fixed;inset:0;width:calc(100% - 24px);max-width:640px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink)}.studio-dialog::backdrop{background:#23162773}.studio-dialog.send-dialog{position:fixed;top:calc(var(--vv-top, 0px) + 12px);right:auto;bottom:auto;left:50%;margin:0;height:min(calc(100vh - 24px),760px);height:min(calc(var(--vv-height, 100dvh) - 24px),760px);max-height:min(calc(var(--vv-height, 100dvh) - 24px),760px);transform:translate(-50%,calc((100vh - 24px)/2 - 50%));transform:translate(-50%,calc((var(--vv-height, 100dvh) - 24px) / 2 - 50%));padding:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.send-dialog[open]{display:grid}.send-header{padding:16px 16px 12px;border-bottom:1px solid var(--line)}.send-title-row{display:flex;align-items:flex-start;gap:12px}.send-dialog .send-title-row h2{flex:1;min-width:0;font-size:18px}.send-dialog #send-title:focus{outline:none}.studio-dialog button:focus:not(:focus-visible){outline:none}.send-close{width:44px;height:44px;font-size:24px;line-height:1}.send-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 16px 24px}.send-body[data-scroll-end=false]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.send-footer{padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.send-footer .dialog-actions{margin:0}.send-footer .button-primary{flex-basis:100%}.studio-dialog h2{font-size:21px;font-weight:600;line-height:1.5}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-actions{margin-top:20px}.dialog-actions>.button{flex:1 1 160px}.confirm-dialog{max-width:460px}.confirm-dialog>p{margin-top:12px}.flower-list-dialog{max-width:560px;max-height:75vh;max-height:75dvh;margin-bottom:0;padding-bottom:max(24px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.flower-list{display:grid;align-content:start;gap:8px}.flower-list-item{width:100%;justify-content:flex-start;text-align:left}.flower-list-item>svg{flex:0 0 32px;width:32px;height:32px}.flower-list-color{margin-left:auto;color:var(--muted);font-size:12px}.send-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:12px 0;padding:0;list-style:none;color:var(--muted);font-size:12px}.send-progress li{padding-bottom:8px;border-bottom:2px solid var(--line)}.send-progress [aria-current=step]{border-color:var(--accent);color:var(--accent);font-weight:600}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.occasion-chips{flex-wrap:nowrap;height:44px;margin-bottom:24px;overflow-x:auto;touch-action:pan-x pan-y}.occasion-chip{flex:0 0 auto;white-space:nowrap}.occasion-confirm{margin-bottom:24px;padding:16px;border:1px solid var(--sage);border-radius:var(--radius);background:#f4f8f2;font-size:14px}.occasion-confirm .dialog-actions{margin-top:12px}.person-fields{display:grid;gap:20px;margin-bottom:24px}.person-field,.person-controls{min-width:0}.person-controls{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}.text-field,.honorific-select,.message-field{display:block;width:100%;min-width:0;min-height:var(--tap);padding:10px 12px;border:1px solid #9A8C9E;border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;line-height:1.65}.honorific-select{padding-inline:12px}.message-field{min-height:136px;resize:vertical}.send-link-field{background:#faf7fb}.field-hint,.message-remaining{margin-top:6px;color:var(--muted);font-size:12px}.message-remaining{margin-left:auto;text-align:right}.message-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 12px}.send-link-privacy{margin-top:12px;color:var(--muted);font-size:13px}.send-link-privacy>p{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}.send-link-privacy>p+p{margin-top:4px}.send-share{margin-top:16px}.send-preview-stage,.send-share{min-width:0}.send-preview-stage .gift-stage--preview{padding:12px}.studio button:not(:disabled):active,.studio-dialog button:not(:disabled):active,.studio a.button:active,.studio-dialog a.button:active{background-color:var(--surface-muted);border-color:var(--accent)}.studio .button-primary:not(:disabled):active,.studio-dialog .button-primary:not(:disabled):active{background-color:#a12649}@media(hover:hover){.studio button:not(:disabled):hover,.studio-dialog button:not(:disabled):hover,.studio a.button:hover,.studio-dialog a.button:hover{border-color:var(--accent);box-shadow:0 2px 8px #8318431f}}@media(max-width:639px){.send-header{padding:12px 16px 8px}.send-progress{margin-top:8px;line-height:18px}.send-progress li{padding-bottom:4px}.send-body{padding:12px 16px 16px}.send-write .field-label{margin-bottom:4px;line-height:20px}.occasion-chips{margin-bottom:12px}.studio-dialog .occasion-chip{font-size:13px}.person-fields{gap:12px;margin-bottom:12px}.person-field{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label hint" "controls controls";gap:4px 8px}.person-field>.field-label{grid-area:label;margin:0}.person-field>.field-hint{grid-area:hint;margin:0;line-height:20px}.person-controls{grid-area:controls}.send-write .text-field,.send-write .honorific-select{height:44px;padding-block:8px;line-height:1.5}.message-field{height:100px;min-height:100px;line-height:1.5}.message-meta>p{margin-top:4px;line-height:18px}.studio .share-panel .share-actions .share-button,.studio-dialog .share-panel .share-actions .share-button{font-size:12px}}@media(min-width:640px){.studio.app{--studio-intro-space: 48px}.studio-header,.studio-main{padding-left:max(var(--page-gutter),env(safe-area-inset-left));padding-right:max(var(--page-gutter),env(safe-area-inset-right))}.studio-main{padding-top:16px}.studio-intro{display:block;margin-bottom:12px;text-align:left}.studio-intro h1{line-height:20px}.flower-list-dialog{margin-bottom:auto;border-radius:20px}.person-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-dialog{padding:28px}}@media(max-width:759px){.studio.app{--h-viewport: 100vh;--h-header: 60px;--h-toolbar: 48px;--h-colors: 64px;--h-panel: 176px;--h-gap: 8px;--h-gaps: calc(2 * var(--h-gap));--h-bottom: max(16px, env(safe-area-inset-bottom));--studio-header-height: var(--h-header);--canvas-height: min(calc(var(--h-viewport) - var(--h-header) - var(--h-toolbar) - var(--h-colors) - var(--h-panel) - var(--h-gaps) - var(--h-bottom) - var(--studio-intro-space) - var(--reply-space, 0px)), calc((100vw - 2 * var(--page-gutter)) * 1.2))}@supports (height: 100dvh){.studio.app{--h-viewport: 100dvh}}.studio-main{padding-bottom:var(--h-bottom)}.studio-layout{gap:var(--h-gap)}.studio-panel{height:var(--h-panel)}.flower-colors{height:var(--h-colors);margin-top:var(--h-gap)}.quick-moods{display:flex;height:var(--h-colors)}.selection-toolbar{height:var(--h-toolbar)}.toolbar-row{justify-content:flex-start;gap:8px}.selection-help{overflow:hidden;text-overflow:ellipsis}.selection-toolbar[data-selected=false] .toolbar-row{flex:0 0 auto}.selection-toolbar[data-selected=false] .toolbar-more-panel{grid-template-columns:minmax(0,1fr)}.toolbar-more-panel{top:calc(100% + 8px);bottom:auto;max-height:calc(var(--h-colors) + var(--h-panel));overflow-y:auto;overscroll-behavior:contain}}@media(max-width:359px){.header-actions{gap:4px}.studio .send-button{font-size:12px}}@media(min-width:760px){.studio.app{--studio-header-height: 56px;--studio-tools-height: 136px}.studio-header-tagline{display:none}.selection-toolbar{height:64px}.toolbar-row{height:60px;gap:2px}.tool-button{gap:2px;height:60px;padding:4px 12px}.tool-label{font-size:10.5px;line-height:1.3}}@media(min-width:760px)and (min-height:521px){.studio.app{--tool-button-height: 48px;--tool-grid-gap: 8px;--studio-toolbar-height: calc(2 * var(--tool-button-height) + var(--tool-grid-gap));--studio-tools-selected: calc(var(--studio-toolbar-height) + 8px + 64px);--studio-tools-height: var(--studio-tools-selected)}.selection-toolbar{align-items:flex-start;height:auto;min-height:var(--studio-toolbar-height)}.toolbar-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-width:304px;gap:var(--tool-grid-gap);height:auto}.tool-button{gap:1px;height:var(--tool-button-height);padding:2px 6px}.toolbar-row>.tool-button{grid-column:span 2;min-width:44px}.tool-button[data-testid=st-arrange],.tool-button[data-testid=flip],.tool-button[data-testid=duplicate],.tool-button[data-testid=delete]{grid-column:span 3}.tool-label{font-size:12px;line-height:1.3}}@media(max-width:759px)and (min-height:521px){.toolbar-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:8px}.tool-button{padding-inline:2px}}@media(min-width:640px)and (max-width:1023px){.studio.app{--studio-intro-space: 36px;--canvas-height: min(max(480px, calc(100vh - var(--studio-header-height) - var(--studio-intro-space) - var(--studio-tools-height) - 176px - 8px - 24px - var(--reply-space, 0px))), calc((100vw - 2 * var(--page-gutter)) * 1.2))}@supports (height: 100dvh){.studio.app{--canvas-height: min(max(480px, calc(100dvh - var(--studio-header-height) - var(--studio-intro-space) - var(--studio-tools-height) - 176px - 8px - 24px - var(--reply-space, 0px))), calc((100vw - 2 * var(--page-gutter)) * 1.2))}}.studio-main{padding-top:8px;padding-bottom:24px}.studio-intro,.studio-layout{width:min(100%,calc(var(--canvas-height) / 1.2));margin-inline:0}.studio-intro{margin-bottom:8px}.canvas-host{width:100%;max-width:none}.quick-moods{display:flex}}@media(min-width:1024px){.studio.app{--studio-header-height: 68px;--studio-tools-height: var(--studio-tools-selected, 136px);--canvas-height: min(max(480px, calc(100vh - var(--studio-header-height) - var(--studio-intro-space) - var(--studio-tools-height) - 64px - var(--reply-space, 0px))), 720px, calc((min(100vw, var(--page-max, 1200px)) - 2 * var(--page-gutter) - 380px - 32px) * 1.2))}.studio.app[data-selected=true]{--studio-tools-height: var(--studio-tools-selected, 136px)}@supports (height: 100dvh){.studio.app{--canvas-height: min(max(480px, calc(100dvh - var(--studio-header-height) - var(--studio-intro-space) - var(--studio-tools-height) - 64px - var(--reply-space, 0px))), 720px, calc((min(100vw, var(--page-max, 1200px)) - 2 * var(--page-gutter) - 380px - 32px) * 1.2))}}.studio-header-inner{padding-block:12px}.studio-main{padding-bottom:64px}.studio-footer{padding-top:0}.studio-layout{grid-template-columns:minmax(0,calc(var(--canvas-height) / 1.2)) minmax(0,1fr);gap:32px}.studio-sidebar{position:sticky;top:calc(var(--studio-header-height) + 12px);display:flex;flex-direction:column;gap:12px;height:calc(var(--canvas-height) + var(--studio-tools-height));min-height:0;margin-top:var(--reply-space, 0px)}.selection-toolbar[data-selected=false]{height:20px;min-height:0;margin-top:12px}.selection-help{font-size:13px;line-height:20px}.studio .tool-label{font-size:12px}.studio-panel{flex:0 0 auto;height:auto}.canvas-host{width:100%;max-width:none}.toolbar-row{gap:var(--tool-grid-gap, 8px)}.sidebar-flower-list{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.sidebar-list-title{flex-shrink:0;padding:12px 12px 8px;font-size:13px}.sidebar-flower-list .flower-list{flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto;overscroll-behavior:contain}.sidebar-flower-list .flower-list[data-scroll-end=false]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent)}.sidebar-flower-list .flower-list-item{min-height:44px;padding:4px 12px;font-size:12px}.sidebar-flower-list .flower-list-item>svg{flex:0 0 20px;width:20px;height:20px}.studio .send-button{border-color:var(--accent);background:var(--surface);color:var(--accent)}.studio .send-secondary{display:flex;flex:0 0 auto;width:100%}.studio-dialog.send-dialog{height:min(calc(100vh - 48px),760px);height:min(calc(var(--vv-height, 100dvh) - 48px),760px);max-height:calc(100vh - 48px);max-height:min(calc(var(--vv-height, 100dvh) - 48px),760px)}.send-header,.send-body,.send-footer{padding-inline:24px}.send-footer .button-primary{flex-basis:240px}.panel-content{height:auto;min-height:110px}.flower-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));height:auto;overflow:visible}.flower-tile{width:100%}}@media(max-height:520px)and (min-width:640px){.studio.app{--h-viewport: 100vh;--studio-header-height: 52px;--studio-intro-space: 0px;--canvas-height: calc(var(--h-viewport) - var(--studio-header-height) - 24px - var(--reply-space, 0px))}@supports (height: 100dvh){.studio.app{--h-viewport: 100dvh}}.studio-header{padding-inline:max(var(--page-gutter),env(safe-area-inset-left)) max(var(--page-gutter),env(safe-area-inset-right))}.studio-header-inner{padding-block:4px}.studio-header-tagline,.studio-intro{display:none}.studio-main{padding:8px max(var(--page-gutter),env(safe-area-inset-right)) 16px max(var(--page-gutter),env(safe-area-inset-left))}.studio-layout{width:100%;grid-template-columns:minmax(0,min(46vw,calc(var(--canvas-height) / 1.2))) minmax(0,1fr);gap:16px}.canvas-host{width:100%;max-width:none}.studio-sidebar{position:static;display:flex;flex-direction:column;gap:8px;height:calc(var(--canvas-height) + var(--reply-space, 0px));min-height:0;margin-top:0;overflow:auto;overscroll-behavior:contain}.selection-toolbar{flex:0 0 auto;flex-wrap:wrap;align-items:flex-start;height:auto;min-height:44px;margin:0;padding:0}.selection-toolbar[data-selected=false]{height:auto;margin-top:0}.toolbar-more-panel{position:static;top:auto;bottom:calc(100% + 8px);flex:0 0 100%;width:100%;max-width:none;max-height:none;overflow:visible;overscroll-behavior:auto}.toolbar-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;height:auto;min-height:44px;overflow:visible}.tool-button{gap:1px;height:44px;padding:2px 12px}.tool-label{font-size:10px;line-height:1.2}.selection-help{overflow:hidden;text-overflow:ellipsis}.flower-colors,.studio.app[data-selected=false] .flower-colors{display:block;flex:0 0 64px;height:64px;margin-top:0}.quick-moods{display:flex;height:64px}.studio-panel{flex:0 0 auto;height:176px}.panel-content{height:130px;min-height:0}.flower-tiles{display:flex;height:96px;overflow-x:auto}.flower-tile{width:104px}}.studio-dialog.send-dialog[data-step="3"]{height:auto}@media(prefers-reduced-motion:reduce){.studio *,.studio *:before,.studio *:after,.studio-dialog *,.studio-dialog *:before,.studio-dialog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.privacy{max-width:44rem;margin-inline:auto;padding:2rem 1rem;overflow-wrap:anywhere}.privacy h1{font-size:1.75rem}.privacy h2{margin-top:1.5rem;font-size:1.25rem}.privacy p{margin-top:1rem}.privacy a{display:inline-block;min-height:var(--tap);padding-block:.5rem;color:var(--accent)}.bouquet-tools{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px;flex:1;min-width:0;align-self:center}.studio .bouquet-tools>.button{padding:8px 2px;font-size:12px;white-space:nowrap}.bouquet-tools [aria-disabled=true]{color:var(--muted);background:var(--surface-muted);cursor:default}.arrange-menu{position:absolute;z-index:7;bottom:calc(100% + 8px);left:0;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:8px;width:min(100%,360px);padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}.arrange-menu>.button{flex-direction:column;gap:2px;padding:6px 2px}.arrange-hint{font-size:11px;line-height:16px;white-space:nowrap;color:var(--ink)}@media(max-width:1023px){.selection-toolbar[data-selected=true] .arrange-menu{top:calc(100% + 8px);bottom:auto}}@media(max-width:1023px){.canvas-host{margin-inline:auto}}.history-label{display:none}.templates-panel{animation:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.templates-panel .panel-label{margin:0 0 8px;font-size:13px;line-height:20px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.studio .template-tile{justify-content:flex-start;min-width:0;padding:6px;gap:8px;text-align:left}.template-picture{display:block;flex:0 0 48px;width:48px;height:64px;border-radius:8px;overflow:hidden}.template-picture>svg{display:block;width:100%;height:100%}.template-copy{min-width:0}.template-label{display:block;font-size:12px;font-weight:600}.template-hint{display:block;font-size:11px;color:var(--muted)}.templates-panel .auto-options{display:grid;height:auto;overflow:visible;margin-bottom:16px}.templates-panel .mood-grid{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr))}.start-actions{display:grid;gap:8px;padding-bottom:8px}@media(min-width:760px){.history-label{display:inline}}@media(min-width:1024px)and (min-height:521px){.templates-panel{height:326px;min-height:0}}@media(max-width:759px){.studio.app[data-selected=false] .quick-moods{display:none}.studio-toast{top:auto;bottom:8px;max-width:calc(100% - 16px)}}@media(max-height:520px)and (min-width:640px){.arrange-menu{position:static;flex:0 0 100%}}.start-hint{display:block;color:var(--muted);font-size:11px;line-height:20px;padding-top:8px}.studio.app[data-selected=false] .quick-moods{display:none}@media(min-width:760px)and (min-height:521px){.studio.app[data-selected=false] .selection-toolbar{height:var(--tool-button-height);min-height:var(--tool-button-height);margin-top:0}.studio.app[data-selected=false] .bouquet-tools{align-self:start}.studio.app[data-selected=false] .bouquet-tools>.button{height:var(--tool-button-height)}.studio.app[data-selected=false] .flower-colors{display:block;height:calc(var(--studio-tools-height) - var(--tool-button-height) - 8px)}.studio.app[data-selected=false] .start-hint{height:100%;margin:0;padding:16px;border-radius:14px;background:var(--surface-muted);font-size:13px;line-height:24px}}@media(min-width:1024px)and (min-height:521px)and (max-height:800px){.studio.app{--studio-intro-space: 16px;--tool-button-height: 44px;--studio-tools-selected: calc(var(--studio-toolbar-height) + 8px + 44px)}.studio-intro{display:none}.flower-colors{height:44px}.flower-color-choices{display:flex;align-items:center;gap:8px}.flower-color-choices .selected-color-name{flex:0 0 88px;margin-bottom:0}.flower-color-choices .swatch-row{flex:1;min-width:0}.studio.app[data-selected=false] .start-hint{padding:12px 16px}}@media(max-width:759px){.start-hint{display:block}.selection-toolbar[data-selected=false] .toolbar-row{width:44px}.studio .bouquet-tools>.button{font-size:11px}}.template-scroll-hint{margin:0 0 8px;color:var(--muted);font-size:11px;line-height:16px}.template-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
