/* The paper wrapping and real bouquet preview are the workshop's focal point. */
.flower-pocket{position:absolute;right:20px;top:85px;min-height:48px;padding:9px 15px;border:2px solid #FFF;border-radius:17px;background:#FFF9EEED;color:#70536A;font:500 15px Fredoka;box-shadow:0 4px 15px #63495E15}.flower-tabs{display:flex;gap:8px;margin-bottom:16px}.flower-tabs>button{flex:1;background:#EEE4E9;min-height:48px;padding:9px 12px;font:500 17px Fredoka;border:2px solid transparent}.flower-tabs>button[aria-selected=true]{border-color:#88A48B;background:#EDF1E6;color:#46684C}.flower-wallet{display:flex;justify-content:space-between;gap:14px;font:500 21px Fredoka;margin:0 0 17px;color:#8D6C3C}.flower-wallet>span{font:700 12px Nunito;color:#9A7B8E;align-self:center}.bouquet-workbench{display:grid;grid-template-columns:minmax(240px,.85fr) 1.4fr;gap:25px}.bouquet-preview{background:#F5EBDC;border-radius:22px;border:1px solid #E4D1BF;overflow:hidden;padding:13px 14px 17px;text-align:center}.bouquet-preview>img{display:block;width:min(100%,270px);aspect-ratio:1;object-fit:contain;border-radius:17px;margin:auto}.empty-bouquet{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.empty-bouquet>span{font-size:73px;margin-bottom:12px}.empty-bouquet strong{font:500 23px Fredoka;color:#806075}.empty-bouquet p{font-size:14px;line-height:1.5;color:#997C8B}.wrap-picks{display:flex;justify-content:center;gap:15px;margin-top:13px}.wrap-picks>button{width:48px;height:48px;background:var(--paper);border:3px solid #FFF;border-radius:50%;box-shadow:0 1px 5px #69586526}.wrap-picks>button.picked{outline:3px solid #9C7B94;outline-offset:2px}.draft-count{font-size:13px;color:#9C7E8C;margin:14px 0 10px}.flower-create-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.flower-create-actions>.btn{font-size:14px}.flower-selection h3{font:500 24px Fredoka;margin:3px 0 15px}.flower-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flower-picks>button{display:flex;flex-direction:column;text-align:left;padding:14px 15px;border:1px solid #E2D3D6;background:#FFFDF6;gap:5px;min-height:107px}.flower-picks>button>span{font-size:32px}.flower-picks strong{font:500 18px Fredoka}.flower-picks small{font-size:11px;color:#96778A;line-height:1.5}.flower-picks>button:disabled{opacity:.49}.flower-page button:disabled{cursor:default;filter:saturate(.5);opacity:.45}.flower-page button:active{transform:scale(.97)}.flower-save-note{margin:20px 0 0}.bouquet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bouquet-grid article{background:#FFFDF7;border:1px solid #E4D4D4;padding:11px;border-radius:19px}.bouquet-grid article>img{width:100%;border-radius:13px;aspect-ratio:1;display:block}.bouquet-grid h3{font:500 18px Fredoka;margin:12px 3px 7px}.bouquet-grid p{font-size:12px;line-height:1.5;color:#9E7D8B;min-height:34px}.bouquet-grid article>div{display:grid;gap:7px}.bouquet-grid article button{font-size:12px;background:#EDE7DF;padding:7px 9px;min-height:44px;text-align:left}.bouquet-grid article button[data-sale]{background:#F3E6C9}.bouquet-grid article button[data-home]{background:#DDE9DE}.shop-sign{border:1px solid #D6BDA3;border-radius:22px;background:#F9EEDA;padding:21px;text-align:center}.shop-sign>span{font-size:43px}.shop-sign h3{font:500 27px Fredoka;margin:7px 0 13px;color:#7D5C68}.shop-sign p{font-size:14px;color:#9B7881}.shop-sign>strong{display:block;font:500 19px Fredoka;color:#7C9576;margin:15px 0}.shop-sign>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.shop-sign .btn{font-size:15px}.shop-shelf{display:flex;gap:12px;justify-content:center;padding:16px 0}.shop-shelf article{text-align:center;border-bottom:5px solid #D5BB9D;background:#F5EBDC;border-radius:13px;overflow:hidden;max-width:180px;flex:1}.shop-shelf img{width:100%;display:block}.shop-shelf strong{font:500 17px Fredoka;display:block;color:#8B6B37;padding:8px}.flower-customer-bubble{position:absolute;transform:translate(-50%,-100%);max-width:300px;background:#FFFBED;border:2px solid #FFF;border-radius:18px;padding:12px 16px;color:#70536A;font:500 16px/1.4 Fredoka;box-shadow:0 6px 20px #72556B20}.family-code-card{padding:23px;background:#F3EADA;border:1px solid #E2D0BA;border-radius:23px;text-align:center;margin:18px 0}.family-code-card>span,.family-code-card>label{display:block;font:500 21px Fredoka;color:#80646F}.family-code-card>p{font-size:14px;line-height:1.5;color:#9A7C89}.family-code-value{display:block;letter-spacing:.26em;padding-left:.26em;font:500 70px/1.3 Fredoka;color:#866D9C;margin:9px 0 16px;font-variant-numeric:tabular-nums}.family-code-input{display:block;width:250px;max-width:100%;margin:17px auto;border:2px solid #CDB8C8;border-radius:17px;background:#FFFCF4;text-align:center;padding:10px 15px;font:500 42px/1.5 Fredoka;letter-spacing:.24em;text-indent:.24em;color:#7F6193;user-select:text;-webkit-user-select:text;touch-action:manipulation}.family-code-card .btn{min-height:51px;font-size:17px}.family-code-card button:disabled{opacity:.45}.family-link-detail{margin-top:20px;font-size:13px;color:#9E8395}.family-link-detail summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.family-link-detail .btn{font-size:14px;margin-top:10px}.join-approval{position:absolute;right:20px;top:150px;width:300px;max-width:calc(100vw - 30px);z-index:150;pointer-events:auto;border:2px solid #FFF;border-radius:23px;background:#FFF9E9;box-shadow:0 10px 35px #60465F35;padding:18px;text-align:center}.join-character{font-size:40px;display:block}.join-approval strong{display:block;font:500 22px Fredoka;margin:9px 0}.join-approval p{font-size:13px;line-height:1.5;color:#99778A}.join-approval>div{display:flex;gap:9px}.join-approval button{min-height:51px;padding:10px 15px;flex:1;background:#DCE9D9;color:#5F7D5C;border-radius:14px;font:500 18px Fredoka}.join-approval button[data-answer=no]{flex:.5;background:#EEE3E9;color:#94748C}
@media(orientation:portrait){.flower-pocket{top:207px;right:15px;font-size:13px;padding:8px 11px}.bouquet-workbench{grid-template-columns:1fr;gap:20px}.bouquet-preview{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px}.bouquet-preview>img,.bouquet-preview>.empty-bouquet{grid-row:span 3;width:100%;min-height:0}.empty-bouquet{padding:10px}.empty-bouquet>span{font-size:50px}.empty-bouquet p{font-size:12px}.empty-bouquet strong{font-size:20px}.wrap-picks{gap:12px}.flower-create-actions{flex-direction:column}.draft-count{margin:3px 0}.bouquet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flower-wallet>span{display:none}.join-approval{top:210px;right:15px}.flower-tabs>button{font-size:15px;padding:8px}.family-code-card{padding:20px}}
@media(max-width:600px){.bouquet-preview{padding:10px}.bouquet-preview>.empty-bouquet{padding:5px}.wrap-picks>button{width:44px;height:44px}.wrap-picks{gap:8px}.flower-create-actions>.btn{font-size:12px;padding:10px}.flower-tabs{gap:5px}.flower-tabs>button{font-size:13px;padding:8px 5px}.flower-picks>button{padding:12px}.bouquet-grid h3{font-size:16px}.shop-sign h3{font-size:22px}.shop-sign{padding:17px}.family-code-value{font-size:60px}.family-code-input{font-size:36px}.flower-customer-bubble{font-size:14px;max-width:240px}}
@media(hover:hover) and (pointer:fine){.flower-picks>button:not(:disabled):hover,.flower-tabs>button:hover{border-color:#C19AAE;background:#FFF6EE}}
@media(prefers-reduced-motion:reduce){.flower-page *,.join-approval *{animation:none!important;transition:none!important}}

.back-outside{top:145px}@media(orientation:portrait){.back-outside{top:142px}}