*{box-sizing:border-box;margin:0;padding:0;font-family:Itim,cursive,sans-serif}body,html{width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100%;height:100%;position:relative}.layer{position:absolute}.sky{object-fit:cover;z-index:1;width:100%;height:100%;top:0;left:0}.cloud{z-index:2;object-fit:contain}.cloud1{width:40%;max-width:1000px;animation:4s ease-in-out infinite float;top:-10%;left:-2%}.cloud2{width:35%;max-width:450px;animation:5s ease-in-out infinite float-alt;top:2%;right:1%}.cloud3{width:20%;max-width:250px;animation:6s ease-in-out infinite reverse float;top:5%;right:35%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-alt{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.grass{z-index:3;object-fit:cover;object-position:top;width:100%;height:100%;bottom:0;left:0}.prompt-container{text-align:center;z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:10%;left:50%;transform:translate(-50%)}.prompt-subtitle{color:#557187;text-transform:uppercase;letter-spacing:1.5px;font-size:14px;font-weight:700}.prompt-title{color:#2e4d6a;margin-bottom:20px;font-size:32px;font-weight:10}.fab-button{cursor:pointer;color:#58310b;background-color:#d8b08f;background-image:url(/assets/wood_texture2-CaLkSXdQ.png);background-position:50%;background-size:cover;border-radius:50px;padding:16px 28px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #00000026;border:3px solid #87624c!important}.fab-button:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 36px #0003}.garden-item{z-index:4;cursor:pointer;width:150px;height:150px;animation:.6s cubic-bezier(.34,1.56,.64,1) drop-in;position:absolute;transform:translate(-50%)translateY(50%)}@keyframes drop-in{0%{opacity:0;transform:translate(-50%)translateY(0%)scale(.4)}to{opacity:1;transform:translate(-50%)translateY(50%)scale(1)}}.garden-item .stencil-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.garden-item .item-drawing{z-index:2;object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;text-align:center;z-index:10;background:#ffffffe6;border-radius:12px;min-width:120px;padding:12px 18px;transition:all .2s ease-out;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 8px 16px #0000001a}.garden-item:hover .tooltip{opacity:1;transform:translate(-50%)translateY(0)}.tooltip strong{color:#222;margin-bottom:4px;font-size:14px;display:block}.tooltip p{color:#666;margin:0;font-size:12px}.wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0003;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fade-in;display:flex;position:absolute;top:0;left:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.wizard-modal{z-index:1;flex-direction:column;width:90%;height:90%;display:flex;position:relative}.wizard-modal:before{content:"";filter:url(#roughpaper);z-index:-1;background-image:url(/assets/Sky2-C-jge8k0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.close-btn{color:#888;cursor:pointer;z-index:10;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:20px;right:24px}.close-btn:hover{color:#333}.wizard-step{flex-direction:column;flex:1;padding:40px;animation:.3s ease-out slide-up;display:flex}.wizard-step h2{color:#111;margin-bottom:8px;font-size:28px;font-weight:700}.wizard-step p{color:#666;margin-bottom:30px;font-size:16px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:20px;margin-top:20px;display:grid}.template-card{cursor:pointer;z-index:1;flex-direction:column;align-items:center;gap:12px;padding:20px 25px;transition:all .2s;display:flex;position:relative}.template-preview-box{justify-content:center;align-items:center;width:150px;height:150px;display:flex}.template-card:before{content:"";filter:url(#roughpaper);z-index:-1;background:#f8f9fa;border:2px solid #0000;border-radius:20px;width:100%;height:100%;transition:all .2s;position:absolute;top:0;left:0}.template-card:hover{transform:translateY(-5px)}.template-card:hover:before{background:#fff;box-shadow:0 10px 20px #0000000d}.template-card.selected:before{border-color:#5b6479}.template-card span{color:#444;font-size:.9rem;font-weight:600}.step-two{padding:20px 40px}.drawing-workspace{align-items:flex-start;gap:40px;margin-top:10px;display:flex}.drawing-container{background:#fff;border-radius:20px;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.template-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}.canvas-layer{z-index:2;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}.drawing-tools{flex-direction:column;flex:1;gap:24px;display:flex}.tool-controls{background:#f8f9fa;border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex}.brush-toggles{gap:10px;display:flex}.tool-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .2s}.tool-btn.active{color:#fff;background:#aa3bff;border-color:#aa3bff}.slider-group label{color:#444;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.slider-group input{width:100%}.form-group{flex-direction:column;gap:15px;max-width:400px;display:flex}.form-group input,.form-group textarea{background:#fafafa;border:1px solid #ccc;border-radius:12px;outline:none;width:100%;padding:14px;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{background:#fff}.top-prompt-display{justify-content:center;align-items:center;width:100%;margin:10px 0 40px;display:flex}.prompt-display-text{color:#2e4d6a;text-align:center;max-width:800px;font-size:2rem;font-weight:400;line-height:1.2}.details-layout-row{align-items:flex-start;gap:40px;width:100%;padding:0 10px;display:flex}.details-preview-side{flex:1;justify-content:center;display:flex}.preview-container{aspect-ratio:1;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:400px;padding:20px;display:flex;box-shadow:0 12px 40px #0000000f}.preview-large-frame{width:100%;height:100%;position:relative}.preview-img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}.details-form-side{flex-direction:column;flex:1;gap:24px;display:flex}.detail-field{flex-direction:column;gap:8px;display:flex}.field-label{color:#557187;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.wizard-input-expanded,.wizard-textarea{color:#2e4d6a;background:#fff;border:2px solid #0000000d;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:1.2rem;transition:all .2s}.wizard-input-expanded{font-weight:700}.wizard-textarea{resize:none;min-height:150px;font-family:inherit}.wizard-input-expanded:focus,.wizard-textarea:focus{border-color:#2e4d6a;box-shadow:0 8px 30px #2e4d6a14}.wizard-footer{justify-content:space-between;padding:20px 40px;display:flex;position:absolute;bottom:0;left:0;right:0}.btn{cursor:pointer;border:none;border-radius:50px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn.outline{color:#5b6479;background:0 0;border:2px solid #5b6479;padding:12px 32px}.btn.outline:hover{color:#5b6479;background:#eee}.btn.primary{color:#fff;background:#5c8e56}.btn.primary:hover:not(:disabled){background:#43733e;transform:translateY(-2px)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.success{color:#58310b;background-image:url(/assets/wood_texture2-CaLkSXdQ.png);background-position:50%;background-size:cover;border:3px solid #87624c;box-shadow:0 4px 12px #87624c66}.btn.success:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #87624c80}.react-colorful{width:100%!important;height:180px!important}.note-box-overlay{z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:flex-end;padding-right:8%}.note-box-modal{z-index:1;flex-direction:column;gap:20px;width:440px;padding:30px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards pop-note;display:flex;position:relative}.note-box-modal:before{content:"";filter:url(#roughpaper);z-index:-1;background:#fff;border:1.5px solid #2e4d6a1a;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pop-note{0%{opacity:0;transform:scale(.8)translate(100px)}to{opacity:1;transform:scale(1)translate(0)}}.note-close-btn{color:#626c80;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:5px;font-size:15px;font-weight:600}.note-box-header{align-items:center;gap:20px;display:flex}.note-image-cont{text-align:center;justify-content:center;align-items:center;width:140px;height:140px;padding:10px;font-size:14px;font-weight:600;display:flex}.note-image-cont img{object-fit:contain;width:90%;height:90%}.note-info h3{color:#111;margin-bottom:8px;font-size:26px}.note-info .meta-text{color:#111;font-size:12px;line-height:1.5}.note-info .meta-text strong{font-weight:700}.note-message{color:#626c80;margin-top:10px;margin-bottom:20px;padding-left:10px;font-size:16px;font-weight:600}.note-actions{align-items:center;gap:12px;display:flex}.note-input{color:#333;background:#ffffff1a;border:1px solid #5b6479;border-radius:50px;outline:none;flex:1;padding:12px 20px;font-size:15px;font-weight:600}.note-input::placeholder{color:#626c80}.sunlight-btn{border:2px solid #b5902b;border-radius:50px;color:#b5902b!important;box-shadow:none!important;background:#f9e5a6!important;padding:12px 24px!important;font-weight:700!important}.sunlight-btn:hover{transform:scale(1.02);background:#fff0c1!important}.view-notes-link{text-align:center;margin-top:10px}.view-notes-link a{color:#626c80;font-size:15px;font-weight:600;text-decoration:underline}.landing-top-actions{z-index:30;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;top:24px;right:24px}.landing-header{text-align:center;width:min(1100px,100% - 48px);margin-bottom:2rem}.landing-top-button{color:#2e4d6a;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:2px solid #fffffff2;border-radius:999px;padding:10px 18px;font-size:.98rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 6px 18px #2e4d6a1f}.landing-top-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #2e4d6a2e}.account-feedback-toast{z-index:1400;text-align:center;border:1px solid #0000;border-radius:999px;min-width:220px;max-width:min(92vw,460px);padding:10px 16px;font-size:.95rem;font-weight:700;animation:.16s ease-out toast-slide-in;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000024}.account-feedback-toast-success{color:#2f6b3e;background:#e9f8ee;border-color:#bfe6c8}.account-feedback-toast-error{color:#b94a48;background:#fdeeee;border-color:#f1c6c6}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=1100px){.landing-top-actions{right:24px}}@media (width<=820px){.landing-top-actions{justify-content:center;width:min(100%,100% - 32px);margin-bottom:20px;position:static}.landing-page{padding-top:24px}}.sign-container{width:550px;height:auto;margin-top:2vh;position:relative}.top-left-ui{z-index:1000;flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:absolute;top:25px;left:30px}.top-right-ui{z-index:1000;align-items:center;display:flex;position:absolute;top:25px;right:30px}.garden-header-info,.action-buttons-group{align-items:center;gap:12px;display:flex}.garden-name-display{color:#2e4d6a;text-shadow:0 4px 12px #fffc;margin:0;font-size:1.8rem;font-weight:700}.exit-session-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2e4d6a;cursor:pointer;background:#fff6;border:2px solid #fff9;border-radius:16px;align-items:center;padding:10px 20px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.exit-session-btn:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #2e4d6a33}.invite-session-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2e4d6a;cursor:pointer;background:#fffc;border:2px solid #fff9;border-radius:16px;align-items:center;padding:10px 20px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.invite-session-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #2e4d6a26}.landing-page{z-index:20;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:10vh;display:flex;position:absolute;top:0;left:0}.landing-header{text-align:center;margin-bottom:2rem}.landing-title{color:#2e4d6a;letter-spacing:1px;margin:0;font-size:3.5rem;font-weight:100}.landing-subtitle{color:#557187;margin:8px 0 0;font-size:1.2rem;font-weight:600}.sign-container{width:500px;height:auto;margin-top:2vh;position:absolute;bottom:-5%}.sign-image{width:100%;height:auto;display:block}.sign-text-btn{color:#4a2912;cursor:pointer;text-align:center;background:0 0;border:none;width:80%;font-family:inherit;font-size:1.7rem;font-weight:100;transition:transform .2s,color .2s;position:absolute;left:50%;transform:translate(-50%)}.sign-text-btn:hover{color:#291508;transform:translate(-50%)scale(1.05)}.start-session-btn{top:17%}.join-session-btn{top:38%;transform:translate(-50%)rotate(10deg)}.join-session-btn:hover{transform:translate(-50%)rotate(10deg)scale(1.05)}.session-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:24;background:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.session-form-container{z-index:25;flex-direction:column;align-items:center;width:450px;max-width:100%;height:auto;display:flex;position:relative}.post-stick{z-index:1;background-color:#a0785a;background-image:url(/assets/wood_texture2-CaLkSXdQ.png);background-size:cover;border:2px solid #6a4b3a;width:15px;height:200px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.session-card{text-align:center;z-index:2;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-height:calc(100vh - 48px);padding:40px 40px 50px;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.session-card h2{color:#2e4d6a;margin-bottom:8px;font-size:1.5rem;font-weight:700}.session-card p{color:#557187;margin-bottom:24px;font-size:1rem;font-weight:600}.session-input{color:#333;text-align:center;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:14px 20px;font-size:1rem;font-weight:600;transition:border-color .2s}.session-input::placeholder{color:#aaa;font-weight:600}.session-input:focus{border-color:#538d4e}.session-btn-primary{color:#fff;cursor:pointer;background-color:#538d4e;border:none;border-radius:50px;width:180px;margin-top:16px;padding:14px;font-size:1.1rem;font-weight:600;transition:all .2s}.session-btn-primary:hover{background-color:#43733e;transform:translateY(-2px);box-shadow:0 4px 12px #538d4e4d}.session-btn-primary2{color:#538d4e;cursor:pointer;background-color:#0000;border:2px solid #538d4e;border-radius:50px;width:180px;margin-top:16px;padding:14px;font-size:1.1rem;font-weight:600;transition:all .2s}.session-btn-primary2:hover{background-color:#538d4e1a;transform:translateY(-2px)}.mt-auto,.join-mt{margin-top:24px!important}.ready-card p.ready-text{color:#557187;max-width:80%;font-size:.9rem}.credentials-box{background:#f4f8fb;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-bottom:16px;padding:20px;display:flex}.credentials-box p{color:#2e4d6a;margin:0;font-size:1.1rem}.credentials-box strong{color:#4d7a9e;margin-right:8px;font-weight:700}.session-btn-text{color:#557187;cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:600;transition:color .2s}.session-btn-text:hover{color:#2e4d6a}.auth-mode-switch-text{text-align:center;color:#557187;margin-top:15px;margin-bottom:6px;font-size:.95rem;font-weight:600}.auth-mode-switch-link{color:#2e4d6a;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.auth-mode-switch-link:disabled{opacity:.7;cursor:not-allowed}.loading-screen{z-index:1000;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:2.5s forwards loading-fade;display:flex;position:absolute;top:0;left:0}@keyframes loading-fade{0%{opacity:0;z-index:1000}10%{opacity:1;z-index:1000}90%{opacity:1;z-index:1000}to{opacity:0;z-index:-1}}.loading-text{color:#2e4d6a;letter-spacing:2px;text-shadow:0 4px 12px #fffc;font-size:2.5rem;font-weight:700;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.grass-hide{transition:transform 1s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.grass-slide-up{animation:1.2s cubic-bezier(.175,.885,.32,1) forwards slide-up-grass}@keyframes slide-up-grass{0%{transform:translateY(100%)}to{transform:translateY(0)}}.top-ui-slide-in{animation:1s cubic-bezier(.175,.885,.32,1.05) forwards slide-in-top}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.top-ui-prompt-slide-in{animation:1s cubic-bezier(.175,.885,.32,1.05) forwards slide-in-prompt}@keyframes slide-in-prompt{0%{opacity:0;transform:translate(-50%,-50px)}to{opacity:1;transform:translate(-50%)}}.main-prompt-edit-input{text-align:center;color:#2e4d6a;background:#ffffffe6;border:2px solid #41485b;border-radius:8px;outline:none;width:100%;min-width:300px;margin-bottom:20px;padding:8px 15px;font-family:inherit;font-size:1.5rem;font-weight:700}.gallery-card-hover:hover{border-radius:20px;padding:8px;transform:translateY(-5px)!important;box-shadow:0 10px 25px #0000001a!important}.welcome-modal{text-align:center;z-index:106;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:40px;animation:.3s ease-out fade-in;display:flex;box-shadow:0 10px 40px #0003}.welcome-title{color:#4a6b88;margin-bottom:8px;font-size:2.2rem;font-weight:700}.welcome-subtitle{color:#6a7c8c;margin-bottom:24px;font-size:1.1rem;font-weight:600}.welcome-prompt-box{background:#f4f9fb;border-radius:12px;width:100%;margin-bottom:24px;padding:30px 20px}.welcome-prompt-label{color:#446888;margin-bottom:15px;font-size:1rem;font-weight:700}.welcome-prompt-text{color:#446888;font-size:1.6rem;font-weight:600}.prompt-edit-input{text-align:center;color:#446888;background:#fff;border:2px solid #41485b;border-radius:8px;outline:none;width:100%;padding:10px;font-size:1.3rem;font-weight:600}.host-controls{margin-bottom:30px}.host-hint{color:#1b163a;margin-bottom:10px;font-size:1rem;font-weight:700}.host-buttons{justify-content:center;gap:15px;display:flex}.host-action-btn{color:#6a7c8c;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:1.05rem;font-weight:700;transition:color .2s;display:flex}.host-action-btn:hover{color:#4a6b88}.welcome-actions{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.welcome-add-btn{width:250px;padding:14px 0;font-size:1.25rem!important}.welcome-browse-btn{color:#6a7c8c;cursor:pointer;background:0 0;border:none;font-size:1.15rem;font-weight:700;text-decoration:underline;transition:color .2s}.welcome-browse-btn:hover{color:#4a6b88}.limit-toast-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000001a;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:40px;animation:.3s ease-out fade-in;display:flex;position:absolute;bottom:0;left:0}.limit-toast{z-index:1;background:0 0;flex-direction:column;gap:20px;width:90%;max-width:450px;padding:24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slide-up;display:flex;position:relative}.limit-toast:before{content:"";filter:url(#roughpaper);z-index:-1;background:#fff;border:4px solid #f8f9fb;border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 10px 40px #0003}.limit-toast-content{align-items:center;gap:16px;display:flex}.limit-toast-icon{object-fit:contain;flex-shrink:0;width:120px;height:120px}.limit-toast-text h3{color:#2e4d6a;margin:0;font-size:1.4rem}.limit-toast-text p{color:#557187;margin:4px 0 0;font-size:1rem}.limit-toast-actions{gap:12px;display:flex}.limit-toast-btn{flex:2;padding:14px!important;font-size:1rem!important}.limit-toast-close{color:#6a7c8c;cursor:pointer;background:#f0f4f8;border:none;border-radius:50px;flex:1;font-weight:700;transition:all .2s}.limit-toast-close:hover{color:#2e4d6a;background:#e1e8ef}.gallery-nav-tabs{background:#0000000d;border-radius:100px;justify-content:center;gap:12px;width:fit-content;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:8px;display:flex}.gallery-nav-btn{color:#6a7c8c;cursor:pointer;background:0 0;border:none;border-radius:100px;padding:10px 24px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.gallery-nav-btn.active{color:#2e4d6a;background:#fff;box-shadow:0 4px 12px #0000001a}.gallery-section-title{text-align:center;color:#2e4d6a;margin-bottom:30px;font-size:2rem;font-weight:800}.gallery-empty-msg{text-align:center;color:#6a7c8c;margin-top:40px;font-size:1.1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding-bottom:40px;display:grid}.gallery-card-preview{background:#fff;border-radius:16px;justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.preview-inner{width:150px;height:150px;position:relative}.preview-drawing{object-fit:contain;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-card-name{color:#2e4d6a;margin:0;font-size:1.2rem}.gallery-card-meta{color:#6a7c8c;margin:2px 0 0;font-size:.9rem}.snapshots-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.snapshot-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.snapshot-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.snapshot-image-cont{background:#eee;height:180px;overflow:hidden}.snapshot-image-cont img{object-fit:cover;width:100%;height:100%}.snapshot-info{padding:16px}.snapshot-info h3{color:#2e4d6a;margin:0;font-size:1.2rem}.snapshot-info p{color:#6a7c8c;margin:4px 0 0;font-size:.9rem}.hide-for-snapshot{transition:opacity .2s}.snapshot-mode .hide-for-snapshot{opacity:0!important;pointer-events:none!important}.garden-viewport{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.snapshot-viewer-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fade-in;display:flex;position:absolute;top:0;left:0}.snapshot-viewer-close{cursor:pointer;z-index:10;color:#333;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;transition:all .2s;display:flex;position:absolute;top:30px;right:30px}.snapshot-viewer-close:hover{background:#f0f4f8;transform:scale(1.1)rotate(90deg)}.snapshot-viewer-content{flex-direction:column;align-items:center;gap:20px;width:90%;max-width:1200px;max-height:80vh;display:flex;position:relative}.snapshot-viewer-content img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:70vh;box-shadow:0 20px 60px #00000080}.snapshot-viewer-footer{text-align:center;color:#fff}.snapshot-viewer-footer h3{margin:0;font-size:1.8rem}.snapshot-viewer-footer p{color:#ccc;margin:5px 0 0;font-size:1rem}.no-blur{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.hint-toast{pointer-events:auto;border-color:#e8f4fd!important}.hint-toast:before{border-color:#e8f4fd!important}.toast-close{font-size:24px!important;top:12px!important;right:16px!important}.garden-header-info{align-items:center;gap:12px;display:flex}.garden-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#4a6b88;background:#fff;border:1px solid #fff;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.9rem;font-weight:500;display:flex}.flower-icon{font-size:1rem}.count-text{font-family:Outfit,sans-serif}.flower-icon-png{object-fit:contain;width:20px;height:20px}.garden-counter{cursor:help;position:relative}.counter-tooltip{opacity:0;pointer-events:none;z-index:100000;background:#fff;border:1px solid #f0f4f8;border-radius:16px;width:220px;padding:12px 16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #00000026}.counter-tooltip:before{content:"";border:8px solid #0000;border-bottom-color:#fff;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.garden-counter:hover .counter-tooltip{opacity:1;transform:translate(-50%)translateY(12px)}.counter-tooltip strong{color:#2e4d6a;margin-bottom:4px;font-size:.95rem;display:block}.counter-tooltip p{color:#6a88a4;margin:0;font-size:.85rem;line-height:1.4}.customization-workspace{flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.canvas-main-area{flex-direction:column;align-items:center;gap:16px;display:flex}.canvas-header-actions{justify-content:flex-end;width:100%;display:flex}.hide-template-btn{color:#2e4d6a;cursor:pointer;background:#fff;border:1.5px solid #2e4d6a;border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.hide-template-btn:hover{background:#f0f4f8}.hide-template-btn.active{color:#fff;background:#2e4d6a}.customization-toolbar{background:#fff;border:1px solid #0000000d;border-radius:32px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:auto;min-width:200px;height:550px;margin-top:0;padding:24px 20px;display:flex;box-shadow:0 10px 40px #00000014}.toolbar-section{flex-direction:column;gap:12px;width:100%;display:flex}.toolbar-section h3{color:#1a1a1a;margin:0;font-size:.85rem;font-weight:800}.tool-list{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.tool-item-btn{cursor:pointer;color:#1a1a1a;background:#f0f0f0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:auto;min-height:44px;padding:8px 1px;transition:all .2s;display:flex}.eraser-btn{flex-direction:row;grid-column:span 2;justify-content:center;gap:12px}.tool-item-btn:hover{background:#e5e5e5;transform:translateY(-2px)}.tool-item-btn.active{color:#fff;background:#2e4d6a;box-shadow:0 4px 12px #2e4d6a33}.tool-icon{font-size:1.3rem}.tool-img-icon{object-fit:contain;width:20px;height:20px;transition:filter .2s}.tool-item-btn.active .tool-img-icon{filter:brightness(0)invert()}.tool-label{text-align:center;font-size:.75rem;font-weight:700}.size-options{flex-direction:column;gap:8px;width:100%;display:flex}.size-presets{justify-content:space-between;align-items:center;display:flex}.size-circle-btn{cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.size-circle-btn.active{color:#1a1a1a}.toolbar-slider{appearance:none;background:#e5e5e5;border-radius:2px;outline:none;width:100%;height:4px}.toolbar-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1a1a1a;border-radius:50%;width:12px;height:12px}.color-row{justify-content:space-between;align-items:center;width:100%;display:flex}.color-circle-btn{cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;transition:transform .2s}.color-circle-btn:hover{transform:scale(1.1)}.color-circle-btn.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #2e4d6a}.color-wheel-btn{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:28px;height:28px;transition:all .2s}.color-wheel-btn.active{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #2e4d6a}.color-wheel-wrapper{position:relative}.floating-picker-container{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:100% 100%;background:#ffffffe6;border:1px solid #0000000d;border-radius:28px;padding:16px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-on-screen;position:absolute;bottom:0;right:calc(100% + 20px);box-shadow:0 20px 60px #00000026}@keyframes pop-on-screen{0%{opacity:0;transform:scale(.6)translate(20px,20px)}to{opacity:1;transform:scale(1)translate(0)}}.floating-picker-container .react-colorful{border-radius:16px;width:180px;height:180px}.picker-controls{flex-direction:column;gap:12px;margin-top:16px;display:flex}.rgb-inputs{justify-content:space-between;gap:8px;display:flex}.input-group,.hex-input-group{flex-direction:column;align-items:center;gap:4px;display:flex}.input-group label,.hex-input-group label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:800}.input-group input,.hex-input-group input{text-align:center;color:#2e4d6a;background:#fff;border:1px solid #00000014;border-radius:8px;width:48px;height:30px;font-size:.85rem;font-weight:700;transition:all .2s}.hex-input-group{align-items:stretch;width:100%}.hex-input-group input{text-transform:uppercase;width:100%}.input-group input:focus,.hex-input-group input:focus{background:#fdfdfd;border-color:#2e4d6a;outline:none}.input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.action-list{flex-direction:column;align-items:center;gap:2px;display:flex}.action-text-btn{color:#2e4d6a;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.action-text-btn:hover{background:#0000000d}.action-text-btn .icon{justify-content:center;align-items:center;font-size:1.1rem;display:flex}.drawing-container.immersive{border-radius:32px;width:550px;height:550px;box-shadow:0 10px 40px #0000000d}.error-text{color:#d9534f;margin-top:8px;font-size:.9rem;font-weight:600;animation:.3s ease-out fadeIn}.note-box-tabs{background:#f0f4f8;border-radius:100px;gap:10px;width:fit-content;margin:10px 0 20px;padding:6px;display:flex}.note-tab-btn{color:#6a7c8c;cursor:pointer;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.note-tab-btn.active{color:#2e4d6a;background:#fff;box-shadow:0 4px 12px #00000014}.tab-content{flex-direction:column;min-height:300px;animation:.3s ease-out fade-in;display:flex}.note-reflection-label{color:#4a6b88;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:800}.reflection-text{color:#333;background:#f2fbfe;border:2px solid #0000;border-radius:16px;padding:20px;font-size:1.1rem;font-style:italic;line-height:1.6}.messages-view{flex-direction:column;height:300px;display:flex}.messages-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;margin-bottom:20px;padding:10px 5px;display:flex;overflow-y:auto}.message-bubble{background:#f0f4f8;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:85%;padding:12px 16px;position:relative;box-shadow:0 2px 4px #0000000d}.message-bubble.own{background:#e3f2fd;border-radius:18px 18px 4px;align-self:flex-end}.msg-sender{color:#4a6b88;margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}.msg-text{color:#2e4d6a;margin:0;font-size:.95rem;line-height:1.4}.msg-time{color:#9ab1c6;text-align:right;margin-top:4px;font-size:.65rem;display:block}.empty-messages{text-align:center;color:#9ab1c6;margin-top:40px;font-style:italic}.sending-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#fffc;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fade-in;display:flex;position:absolute;top:0;left:0}.sending-content{text-align:center}.rotating-icon{object-fit:contain;width:60px;height:60px;margin-bottom:15px;animation:1.5s linear infinite rotate-counter}@keyframes rotate-counter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sending-content p{color:#2e4d6a;font-size:1.1rem;font-weight:700}.note-message{max-height:150px;margin-top:20px;padding-right:5px;overflow-y:auto}.invite-modal{position:relative}.invite-modal:before{content:"";z-index:-1;background:#fff;border:4px solid #f8f9fb;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 10px 40px #0003}.invite-code-box{border:2px dashed #d9c5b2;background:#fbf9f4!important;margin:20px 0 30px!important;padding:40px 20px!important}.invite-modal .welcome-title{color:#2e4d6a}.welcome-add-btn.copied{transform:scale(1.02);background-color:#43733e!important;box-shadow:0 4px 15px #43733e66!important}.btn-icon-png{object-fit:contain;width:35px;height:35px}.host-action-btn{cursor:pointer;color:#000;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:2px solid #f0f4f8;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:150px;padding:10px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.host-action-btn:hover{color:#41485b;background:#fff;border-color:#41485b;transform:translateY(-5px);box-shadow:0 12px 24px #0000000d}.host-buttons{justify-content:center;gap:20px;margin-top:15px;display:flex}@media (width<=992px){.drawing-workspace{flex-direction:column;align-items:center}.details-layout-row{flex-direction:column;align-items:center;gap:30px}.details-preview-side,.details-form-side{width:100%}.wizard-details-step .preview-container{max-width:350px}}@media (width<=768px){.wizard-step{padding:20px}.wizard-modal{width:95%;overflow-y:auto}.wizard-step h2{text-align:center;font-size:24px}.wizard-step p.subtitle{text-align:center}.drawing-container.immersive{aspect-ratio:1;width:100%;max-width:550px;height:auto;margin:0 auto}.template-grid{flex-wrap:wrap;justify-content:center;display:flex}.top-prompt-display{margin-bottom:20px}.prompt-display-text{font-size:1.5rem}.prompt-title{font-size:24px}.limit-toast{text-align:center;flex-direction:column;align-items:center;width:90%}.limit-toast-actions{flex-direction:column;width:100%;margin-top:15px}.limit-toast-btn{width:100%}.gallery-view-container{width:95%!important;padding:20px!important;left:2.5%!important}.gallery-grid{grid-template-columns:1fr 1fr}.snapshots-grid{grid-template-columns:1fr}.customization-workspace{flex-direction:column;gap:20px}.drawing-tools{width:100%}.wizard-footer{justify-content:space-between;padding:15px 20px;position:relative}.host-buttons{flex-direction:column;align-items:center;gap:10px}}@media (width<=480px){.gallery-grid{grid-template-columns:1fr}.note-box-modal{width:90%;padding:20px}.note-box-overlay{justify-content:center;align-items:center;padding-right:0}}