@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap);body{font-family:sans-serif}body,html{margin:0;padding:0;overflow:hidden}body,html{height:100%;font-family:"Winky Rough",sans-serif}@media (max-width:992px){body,html{overflow-y:auto}}.splash-screen{height:100vh;background:#fff3da url(/app/static/media/edugroovedefault.68db0bfa.webp) no-repeat 50%;background-size:cover}.splash-screen,.splashsidebar{display:flex;font-family:"Winky Rough",sans-serif}.splashsidebar{width:250px;background-color:#feefce;flex-direction:column;justify-content:space-between;position:relative;flex-shrink:0;box-shadow:2px 0 8px rgba(0,0,0,.1);z-index:2}.sidebar-buttons{display:flex;flex-direction:column;align-items:center;padding-top:20px}.splashsidebar-button{margin:10px 0;width:200px;height:50px;background-color:#f2d6a7;border:0 solid #4a90e2;color:#000;cursor:pointer;border-radius:4px;font-family:"Winky Rough",sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .3s ease}.splashsidebar-button span{margin-left:10px;font-size:14px}.splashsidebar-button:hover{background-color:#e0be8c}.logout-button{position:absolute;bottom:10px;left:20px;width:40px;height:40px;background-color:initial;border:2px solid #f44336;color:#f44336;border-radius:8px;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.logout-button:hover{background-color:#d32f2f;color:#fff}.main-content{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;font-family:"Winky Rough",sans-serif;font-size:25px}.logo-header{text-align:center;margin-bottom:20px}.logo-image{max-width:900px;max-height:150px;width:70%;height:auto;border:3px solid #2f80ed;border-radius:8px;padding:4px;background-color:#fff}.links-section,.useful-links{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:800px;grid-gap:20px;gap:20px;font-family:"Winky Rough",sans-serif;font-size:20px}.link-box{flex:1 1 200px;text-align:center;border:2px solid #2f80ed;border-radius:8px;background-color:#fff;padding:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.link-image{max-width:100%;height:auto;max-height:300px;margin-bottom:10px;transition:opacity .6s ease}.visit-button{display:block;background-color:#ff9800;color:#fff;padding:10px;text-decoration:none;margin-top:10px;border:none;cursor:pointer;border-radius:4px;font-size:14px;text-align:center;transition:background-color .3s ease,transform .2s ease;font-family:"Winky Rough",sans-serif}.visit-button:hover{background-color:hwb(#ff9800);transform:scale(1.05)}.splash-community-section{width:220px;margin-top:20px;padding:12px;text-align:center;cursor:pointer;box-sizing:border-box;background:hsla(0,0%,100%,.35);border:1px solid rgba(120,80,35,.16);border-radius:12px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.7),inset -1px -1px 0 rgba(190,145,80,.16)}.splash-community-section .community-image{display:block;width:100%;height:auto;border-radius:8px;transition:filter .3s ease;margin-bottom:12px}.splash-community-section .social-icons{display:flex;justify-content:center;align-items:center;grid-gap:14px;gap:14px}.social-icon{width:42px;height:42px;transition:transform .2s ease}.social-icon:hover{transform:scale(1.1)}.splash-preparing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}.splash-preparing-overlay.show{opacity:1;pointer-events:all}.splash-preparing-box{background:hsla(0,0%,100%,.95);border:3px solid #2f80ed;border-radius:16px;padding:28px 36px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25);font-family:"Winky Rough",sans-serif;color:#222}.splash-preparing-spinner{width:56px;height:56px;border:6px solid #e8e8e8;border-top-color:#2f80ed;border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 16px}.splash-preparing-title{font-size:28px;font-weight:700;margin-bottom:6px}.splash-preparing-subtitle{font-size:17px;opacity:.75}.spinner{animation:spin 2s linear infinite;margin-bottom:10px}@media (max-width:992px){.splash-screen{flex-direction:column;height:auto}.splashsidebar{width:100%;height:auto;align-items:center;padding:10px;position:static}.sidebar-buttons,.splashsidebar{flex-direction:row;justify-content:center}.sidebar-buttons{flex-wrap:wrap;grid-gap:10px;gap:10px}.splashsidebar-button{width:120px;height:40px;font-size:10px;margin:5px}.splashsidebar-button span{line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.logout-button{position:static;top:10px;right:10px;width:34px;height:34px;padding:0;margin:0;font-size:16px;border:3px solid #f44336;border-radius:8px;display:flex;justify-content:center;align-items:center}.splash-community-section{display:none}.main-content{padding:10px}}@media (max-width:768px){.splashsidebar-button{width:40px;height:40px;padding:5px}.logout-button{width:34px;height:34px;padding:0}.splashsidebar-button span{display:none}.logo-image{max-height:100px}.links-section,.useful-links{grid-gap:10px;gap:10px}.link-box{max-width:100%}}.links-section .link-box{padding-bottom:0;line-height:0}.links-section .link-box>a{display:block}.splash-screen.splash-screen-cursors,.splash-screen.splash-screen-cursors *,.splash-screen.splash-screen-cursors :after,.splash-screen.splash-screen-cursors :before{cursor:var(--splash-cursor-default)}.splash-screen.splash-screen-cursors .link-box,.splash-screen.splash-screen-cursors .link-image,.splash-screen.splash-screen-cursors .logo-image,.splash-screen.splash-screen-cursors .logout-button,.splash-screen.splash-screen-cursors .sidebar-buttons>button,.splash-screen.splash-screen-cursors .sidebar-buttons>div,.splash-screen.splash-screen-cursors .social-icon,.splash-screen.splash-screen-cursors .splash-community-section,.splash-screen.splash-screen-cursors .splashsidebar-button,.splash-screen.splash-screen-cursors .visit-button,.splash-screen.splash-screen-cursors a,.splash-screen.splash-screen-cursors button{cursor:var(--splash-cursor-pointer)!important}.splash-screen.splash-screen-cursors .link-box *,.splash-screen.splash-screen-cursors .logout-button *,.splash-screen.splash-screen-cursors .splash-community-section *,.splash-screen.splash-screen-cursors .splashsidebar-button *,.splash-screen.splash-screen-cursors .visit-button *,.splash-screen.splash-screen-cursors a *,.splash-screen.splash-screen-cursors button *{cursor:inherit!important}.splash-screen.splash-screen-cursors input[type=email],.splash-screen.splash-screen-cursors input[type=number],.splash-screen.splash-screen-cursors input[type=search],.splash-screen.splash-screen-cursors input[type=text],.splash-screen.splash-screen-cursors textarea{cursor:var(--splash-cursor-text)!important}.splash-screen.splash-screen-cursors option,.splash-screen.splash-screen-cursors select{cursor:var(--splash-cursor-pointer)!important}.splash-screen.splash-screen-cursors button:disabled,.splash-screen.splash-screen-cursors input:disabled,.splash-screen.splash-screen-cursors select:disabled,.splash-screen.splash-screen-cursors textarea:disabled{cursor:var(--splash-cursor-default)!important}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}.spinner{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lottie-animation{width:100px;height:100px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.lottie-wrapper{display:flex;flex-direction:column;align-items:center}.lottie-wrapper p{margin-top:10px;font-size:1.2em;color:#333;font-family:"Segoe UI",sans-serif}.lottie-inline{width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center}.templates-modal{background-color:#feefce;border:3px solid #000;box-shadow:0 12px 24px rgba(0,0,0,.25);padding:16px;border-radius:8px;width:90%;max-width:1200px;height:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column;font-family:"Segoe UI",sans-serif}.templates-modal-inner{display:flex;flex-direction:column;height:100%}.templates-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:10px}.templates-modal-title{font-family:"Winky Rough",sans-serif;font-size:22px;font-weight:600;color:#000;margin:0}.templates-modal-close-btn{background:#f2d6a7;border:3px solid #000;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.templates-modal-close-btn:hover{background-color:#e0be8c;transform:rotate(90deg)}.templates-modal-controls{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.templates-results-count{margin-left:auto;padding:0 4px;font-family:"Winky Rough",sans-serif;font-size:13px;font-weight:600;color:#6f5431;white-space:nowrap}.subject-dropdown,.templates-modal-controls input{font-family:"Winky Rough",sans-serif;padding:7px 10px;border:2px solid #4a90e2;background-color:#fff;color:#000;border-radius:6px;box-sizing:border-box}.templates-modal-controls input[type=search]{width:240px;min-width:200px}.level-filters{display:flex;grid-gap:8px;gap:8px}.level-button{background-color:#f2d6a7;border:3px solid #000;color:#000;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:"Winky Rough",sans-serif;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,border-color .2s ease}.level-button:hover{background-color:#e0be8c}.level-button.active{background-color:orange;border-color:green;color:#000}.level-button.active:hover{background-color:#ce8703}.subject-dropdown{border:2px solid #4a90e2;border-radius:6px;padding:6px 10px;background-color:#fff;font-family:"Winky Rough",sans-serif}.templates-modal-content{flex-grow:1;display:flex;overflow:hidden}.templates-modal-sidebar{width:250px;flex-shrink:0;border-right:2px solid #3f3427;padding-right:12px;overflow-y:auto}.templates-modal-sidebar ul{list-style:none;padding:0;margin:0}.category-button{background-color:rgba(242,214,167,.58);border:2px solid transparent;color:#000;font-weight:500;padding:9px 11px;border-radius:5px;width:100%;text-align:left;margin-bottom:7px;cursor:pointer;font-family:"Winky Rough",sans-serif;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.category-button:hover{background-color:#ebcb98;transform:translateX(2px)}.category-button.active{background-color:orange;border-color:green;color:#000;font-weight:650;box-shadow:inset 2px 2px 0 rgba(255,229,192,.85),inset -2px -2px 0 rgba(205,145,55,.45)}.category-button.active:hover{background-color:#ce8703;transform:none}.templates-modal-grid{flex-grow:1;min-width:0;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-column-gap:20px;column-gap:20px;grid-row-gap:18px;row-gap:18px;overflow-y:auto;justify-items:center;align-content:start;background:transparent}.template-card{border:2px dashed #000;border-radius:8px;background-color:#fff;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.template-card,.template-card *,.template-card :after,.template-card :before{cursor:var(--splash-cursor-pointer)!important}.template-card:hover{transform:translateY(-3px) scale(1.025);border-color:green;box-shadow:0 7px 14px rgba(60,40,10,.18)}.template-name{font-size:12px;line-height:1.2;margin:0;max-width:145px}.template-image{max-width:100%;max-height:80%;object-fit:contain;border-radius:6px;transition:transform .3s ease,opacity .3s ease}.template-card:hover .template-image{transform:scale(1.05);opacity:.9}.preview-container{width:180px;height:120px;overflow:hidden;border:1px dashed #333;border-radius:8px;background:#fff;margin-bottom:8px}.preview-container canvas{display:block}.templates-modal-grid,.templates-modal-sidebar{scrollbar-width:thin;scrollbar-color:rgba(170,120,55,.55) rgba(255,248,224,.85)}.templates-modal-grid::-webkit-scrollbar,.templates-modal-sidebar::-webkit-scrollbar{width:14px;height:14px}.templates-modal-grid::-webkit-scrollbar-track,.templates-modal-sidebar::-webkit-scrollbar-track{background:rgba(255,248,224,.88);border-radius:999px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.75),inset -1px -1px 0 rgba(190,145,80,.18)}.templates-modal-grid::-webkit-scrollbar-thumb,.templates-modal-sidebar::-webkit-scrollbar-thumb{background:#f2d6a7;border-radius:999px;border:3px solid rgba(255,248,224,.95);box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.templates-modal-grid::-webkit-scrollbar-thumb:hover,.templates-modal-sidebar::-webkit-scrollbar-thumb:hover{background:#e0be8c}.templates-modal-grid::-webkit-scrollbar-corner,.templates-modal-sidebar::-webkit-scrollbar-corner{background:rgba(255,248,224,.88)}.show-more-wrapper{text-align:center;margin-top:20px}.show-more-button{padding:10px 20px;font-size:16px;background-color:#f2d6a7;color:#000;border:3px solid #000;border-radius:6px;cursor:pointer;font-family:"Winky Rough",sans-serif;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,border-color .2s ease}.show-more-button:hover{background-color:#e0be8c;border-color:green}.template-name-with-badge{display:flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px;flex-wrap:wrap;margin-top:4px}.new-badge{background-color:#ff4081;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.show-more-card{grid-column:1/-1;display:flex;justify-content:center;align-items:center;border:none;background:transparent;box-shadow:none;cursor:default;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#feefce}.fade-in{animation:fadeIn .5s ease forwards}.fade-out{opacity:0;transform:translateY(10px)}.fade-in,.fade-out{transition:opacity .4s ease,transform .4s ease}.fade-in{opacity:1;transform:translateY(0)}.template-card{position:relative}.template-phonics-badges{position:absolute;top:8px;right:8px;display:flex;grid-gap:6px;gap:6px;z-index:3}.template-phonics-badge{min-width:24px;height:24px;padding:0 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border:2px solid #000;box-sizing:border-box;letter-spacing:.5px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.twinkl-badge{background:#0073e6;color:#fff}.jolly-badge{background:#f7c948;color:#000}.templates-loading-text{grid-column:1/-1;width:100%;text-align:center;font-family:"Winky Rough",sans-serif;font-size:22px;padding-top:80px}@media (max-width:950px){.templates-modal-controls input[type=search]{width:100%;flex-basis:100%}.templates-results-count{margin-left:0}.templates-modal-sidebar{width:215px}.templates-modal-grid{padding-left:15px;padding-right:15px;grid-column-gap:15px;column-gap:15px}}.walkthrough-layer{position:fixed;inset:0;z-index:999999;pointer-events:none;font-family:inherit}.walkthrough-full-overlay{position:fixed;inset:0;background:rgba(29,22,13,.68);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;z-index:1}.walkthrough-highlight{position:fixed;box-sizing:border-box;border:4px solid #f90;border-radius:12px;pointer-events:none;z-index:2;transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease}.walkthrough-highlight-single{box-shadow:0 0 0 9999px rgba(29,22,13,.68),0 0 0 3px hsla(0,0%,100%,.95),0 8px 25px rgba(0,0,0,.3)}.walkthrough-highlight-multi{box-shadow:0 0 0 3px hsla(0,0%,100%,.95),0 8px 25px rgba(0,0,0,.3)}.walkthrough-multi-overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:auto;z-index:1}.walkthrough-card{position:fixed;box-sizing:border-box;padding:18px;border:2px solid #332718;border-radius:14px;background:#fff3d4;box-shadow:6px 7px 0 rgba(51,39,24,.3),0 14px 35px rgba(0,0,0,.24);color:#20170e;pointer-events:auto;z-index:3;transition:top .22s ease,left .22s ease}.walkthrough-card-enter{animation:walkthroughCardEnter .28s ease-out}@keyframes walkthroughCardEnter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.walkthrough-card-enter{animation:none}}.walkthrough-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.walkthrough-progress{font-size:12px;font-weight:700;color:#7f5c26}.walkthrough-close-button{width:30px;height:30px;padding:0;border:1px solid #d6ad68;border-radius:7px;background:#ffe5af;color:#332718;font-size:23px;font-weight:700;line-height:25px;cursor:pointer}.walkthrough-close-button:hover{background:#ffd587}.walkthrough-eyebrow{margin-bottom:3px;color:#d36a00;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.walkthrough-title{margin:0 0 9px;font-size:22px;line-height:1.2}.walkthrough-description{font-size:15px;line-height:1.52}.walkthrough-description p{margin:0 0 8px}.walkthrough-description p:last-child{margin-bottom:0}.walkthrough-progress-track{width:100%;height:6px;margin-top:16px;overflow:hidden;border-radius:999px;background:#ead3a2}.walkthrough-progress-fill{height:100%;border-radius:inherit;background:#f90;transition:width .2s ease}.walkthrough-actions{display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;margin-top:16px}.walkthrough-navigation-buttons{display:flex;align-items:center;grid-gap:8px;gap:8px}.walkthrough-back-button,.walkthrough-primary-button,.walkthrough-secondary-button{min-height:38px;padding:8px 13px;border-radius:7px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.walkthrough-primary-button{border:2px solid #332718;background:#f90;color:#181006;box-shadow:2px 2px 0 rgba(51,39,24,.35)}.walkthrough-primary-button:hover{background:#ffad21}.walkthrough-back-button{border:1px solid #b88c47;background:#ffe5af;color:#332718}.walkthrough-back-button:hover{background:#ffd587}.walkthrough-secondary-button{padding-left:0;padding-right:0;border:0;background:transparent;color:#795c33;text-decoration:underline}.walkthrough-secondary-button:hover{color:#20170e}@media (max-width:600px){.walkthrough-card{width:calc(100vw - 24px)!important;left:12px!important}.walkthrough-actions{align-items:stretch;flex-direction:column-reverse}.walkthrough-navigation-buttons{justify-content:flex-end}.walkthrough-secondary-button{align-self:flex-start}}.main-app{height:100vh}.main-app,.workspace{display:flex;overflow:hidden;position:relative}.workspace{flex-grow:1;background-color:#e9e9e9;justify-content:center;align-items:center}.main-app input[type=text]{position:absolute;border:1px solid #ddd;padding:2px;background:transparent;outline:none;pointer-events:auto;transform-origin:top left}.workspace{z-index:1}.page-tabs{z-index:4}.collapse-button,.collapse-sidebar-button{background-color:#cfcfcf;border:2px solid #000}.collapse-sidebar-button{position:absolute;bottom:10px;right:10px}.font-style-buttons button.active,.orientation-selection button.active,.shape-selection button.active{background-color:#d0d0d0;border-color:#000}@media (max-width:768px){.sidebar{width:50px}.tool-properties{width:200px}.page-tabs{left:60px}.top-menu{flex-direction:column;top:5px;padding:5px}.top-menu button{width:35px;height:35px}.page-tab button{font-size:10px}.tool-properties .font-style-buttons button,.tool-properties .shape-selection button,.tool-properties button{width:35px;height:35px}.shape-icon{width:18px;height:18px}.canvas-area{width:600px;height:800px}.tool-properties .zoom-buttons button{width:40px;height:40px}.shape-icon.rectangle{width:18px;height:14px}.shape-icon.circle,.shape-icon.square{width:18px;height:18px}.shape-icon.triangle{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid grey}.shape-icon.star{width:18px;height:18px;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjxwYXRoIGQ9Ik0xOCAxMC41TDExLjUgMThsNC41LTUuMS0zLjEtMi40SDE4IiBmaWxsPSJncmF5Ii8+PC9zdmc+") no-repeat 50%;background-size:contain}.shape-icon.hexagon{width:18px;height:10.392px;margin:4.5px 0}.shape-icon.octagon{width:18px;height:18px;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}}.context-menu-item:hover{background-color:#e0e0e0}.custom-context-menu li:hover{background-color:#eee}.top-menu{position:absolute;top:10px;left:50%;transform:translateX(-50%);background-color:#feefce;padding:5px;display:flex;flex-direction:row;grid-gap:5px;gap:5px;border:2px solid #000;border-radius:5px;box-shadow:inset 2px 2px 0 #fff,inset -2px -2px 0 #8b8b8b;z-index:4}.top-menu,.top-menu button{align-items:center;transition:background-color .3s ease,border-color .3s ease}.top-menu button{position:relative;display:block;width:40px;height:40px;background-color:#f2d6a7;border:0 solid #4a90e2;font-family:"Press Start 2P",sans-serif;cursor:pointer;display:flex;justify-content:center;border-radius:4px;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.top-menu button:hover{background-color:#e0be8c}.top-menu button.selected{border-color:green}.top-menu .collapse-sidebar-button,.top-menu .tooltip{display:none}.top-menu button.locked{background-color:#fcc;color:maroon}.top-menu button.unlocked{background-color:#cfcfcf;color:inherit}.top-menu button.edit-mode-active{background-color:orange;color:#fff}.top-menu button.edit-mode-active:hover{background-color:#ce8703}.home-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.home-base-modal{background-color:#fff;padding:20px;border:4px solid red;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:modalFadeIn .5s forwards;position:relative;width:400px}.home-modal-content{text-align:center}.home-no-button,.home-yes-button{margin:10px;padding:10px 20px;font-family:"Press Start 2P",sans-serif;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s;font-size:14px;display:inline-block}.home-yes-button{background-color:#4caf50;color:#fff}.home-yes-button:hover{background-color:#45a049}.home-no-button{background-color:#f44336;color:#fff}.home-no-button:hover{background-color:#da190b}.home-close-modal-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#000;transition:transform .2s,color .2s}.home-close-modal-btn:hover{transform:rotate(90deg);color:red}.sidebar{width:6%;background-color:#feefce;padding:10px;display:flex;flex-direction:column;align-items:center;transition:width .3s ease,background-color .3s ease;position:relative;z-index:3;box-shadow:4px 4px 8px rgba(0,0,0,.2);min-width:40px}.sidebar.collapsed{width:40px}.sidebar button{position:relative;display:block;width:40px;height:40px;background-color:#f2d6a7;border:0 solid #4a90e2;font-family:"Press Start 2P",sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,border-color .3s ease;border-radius:4px;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.sidebar button:hover{background-color:#e0be8c}.sidebar button.selected{background-color:orange;border-color:green}.sidebar button.selected:hover{background-color:#ce8703}.fixed-info-toggle-button{position:fixed;bottom:10px;left:10px;width:40px;height:40px;background-color:#ccc;border:3px solid #4a90e2;border-radius:50%;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #fff,inset -2px -2px 0 #8b8b8b;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.fixed-info-toggle-button.active{border-color:green;background-color:#d6ffd6}.fixed-info-toggle-button:hover{background-color:#e0e0e0}.sidebar:not(.collapsed) button{margin:15px 0}.sidebar.collapsed button{margin:10px 0}@media (max-width:768px){.sidebar:not(.collapsed) button{margin:10px 0}.sidebar.collapsed button{margin:6px 0}}@media (max-width:480px){.sidebar:not(.collapsed) button{margin:6px 0}.sidebar.collapsed button{margin:4px 0}}.canvas-wrapper{position:relative;width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:center}.canvas-area{width:794px;height:1123px;background-color:initial;border:2px dashed #ccc;position:relative;z-index:2;box-sizing:border-box;transform-origin:0 0;flex-shrink:0}.no-border{border:none}#canvas-container canvas{cursor:inherit!important}.canvas-wrapper{scrollbar-width:thin;scrollbar-color:rgba(170,120,55,.55) rgba(255,248,224,.85)}.canvas-wrapper::-webkit-scrollbar{width:14px;height:14px}.canvas-wrapper::-webkit-scrollbar-track{background:rgba(255,248,224,.88);border-radius:999px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.75),inset -1px -1px 0 rgba(190,145,80,.18)}.canvas-wrapper::-webkit-scrollbar-thumb{background:#f2d6a7;border-radius:999px;border:3px solid rgba(255,248,224,.95);box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.canvas-wrapper::-webkit-scrollbar-thumb:hover{background:#e0be8c}.canvas-wrapper::-webkit-scrollbar-corner{background:rgba(255,248,224,.88)}.tool-properties{width:20%;padding:10px;position:relative;z-index:3;transition:width .3s ease,background-color .3s ease;overflow-y:auto;font-family:"Segoe UI",sans-serif;box-sizing:border-box;box-shadow:-6px 6px 12px rgba(0,0,0,.2)}.tool-properties:not(.collapsed){min-width:200px}.tool-properties.collapsed{width:60px}.multiline-text-input{display:block;width:100%!important;max-width:100%!important;min-height:120px;height:140px;max-height:220px;padding:5px;box-sizing:border-box;resize:both;overflow-x:auto!important;overflow-y:auto!important;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;word-wrap:normal!important;text-overflow:clip!important}.collapse-button{position:fixed;bottom:10px;right:10px;width:40px;height:40px;background-color:#f2d6a7;border:0 solid #4a90e2;border-radius:50%;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;cursor:pointer;transition:background-color .3s ease}.collapse-button:hover{background-color:#e0be8c}.properties-content{margin-top:10px;opacity:1;transition:opacity .3s ease}.properties-content,.property-group{display:flex;flex-direction:column;min-width:0}.property-group{margin-bottom:20px}.property-heading{font-size:14px;margin-bottom:5px}.font-family-heading{margin-top:10px}.tool-properties button{background-color:#f2d6a7;border:0 solid #4a90e2;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;font-family:"Winky Rough",sans-serif;transition:background-color .3s ease,border-color .3s ease;box-sizing:border-box;border-radius:4px}.tool-properties button:hover{background-color:#e0be8c}.tool-properties button.active{background-color:orange;border-color:green}.tool-properties button.active:hover{background-color:#ce8703}.full-width-button{width:100%}.tool-properties .text-input,.tool-properties input[type=text]{display:block;visibility:visible;opacity:1;width:93%;max-width:100%;height:auto;padding:5px;margin-bottom:20px;border:2px solid #4a90e2;background-color:#fff;color:#000;box-sizing:border-box;font-family:"Winky Rough",sans-serif;font-size:14px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:normal}.export-filename-input,.text-properties-input{margin-bottom:20px}.shape-selection{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px;margin-bottom:10px}.shape-button{width:39px;height:39px;padding:5px;background-color:#f2d6a7;border:0 solid #4a90e2;cursor:pointer;display:flex;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .3s ease,border-color .3s ease;border-radius:8px}.shape-button:hover{background-color:#e0be8c}.shape-button.active{border-color:green;background-color:orange}.shape-button svg{width:20px;height:20px}.checkbox-group{display:flex;flex-direction:column;grid-gap:5px;gap:5px;margin-bottom:10px}.checkbox-label{font-size:14px;grid-gap:5px;gap:5px}.color-input,.number-input,.select-input{padding:5px;box-sizing:border-box;font-family:"Winky Rough",sans-serif;font-size:14px}.color-input,.number-input,.opacity-slider,.select-input{width:100%;border:2px solid #4a90e2;background-color:#fff}.opacity-slider{margin-top:5px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;background:#fff}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:#fff;border-radius:4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#000;border-radius:50%;margin-top:-4px;cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:8px;background:#fff;border-radius:4px;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#000;border:none;border-radius:50%;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8px;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#ddd;border-radius:4px}input[type=range]::-ms-thumb{width:16px;height:16px;background:#000;border-radius:50%;cursor:pointer}.orientation-icon.landscape,.orientation-icon.portrait{width:20px;height:20px;background-color:#000}.orientation-icon.portrait{width:15px;height:20px}.orientation-icon.landscape{width:20px;height:15px}.zoom-tool{display:flex;grid-gap:10px;gap:10px;padding:10px 0}.zoom-button{width:40px;height:40px;background-color:#f2d6a7;border:3px solid #000;cursor:pointer;display:flex;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;font-size:16px;font-weight:700;transition:background-color .3s ease,border-color .3s ease;border-radius:4px}.zoom-button:hover{background-color:#e0be8c}.zoom-button.active{border-color:green}.add-page-tool{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px 0}.add-page-button{width:100%;height:50px;background-color:#f2d6a7;border:3px solid #000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px;grid-gap:8px;gap:8px;box-sizing:border-box;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;font-family:"Winky Rough",sans-serif;font-size:14px;transition:background-color .3s ease,border-color .3s ease;border-radius:4px}.add-page-button:hover{background-color:#e0be8c}.add-page-button.active{border-color:green}.save-tool{display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:10px 0}.save-button{width:100%;height:50px;background-color:#f2d6a7;border:3px solid #000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px;grid-gap:8px;gap:8px;box-sizing:border-box;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;font-family:"Winky Rough",sans-serif;font-size:14px;transition:background-color .3s ease,border-color .3s ease;border-radius:4px}.save-button:hover{background-color:#e0be8c}.save-button.active{border-color:green}.workspace-orientation{padding:10px 0}.canvas-orientation,.workspace-orientation{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.canvas-orientation h3{margin-bottom:10px}.orientation-selection{display:flex;grid-gap:10px;gap:10px}.orientation-button{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:10px;height:60px;box-sizing:border-box}.orientation-button .orientation-icon{margin-bottom:5px}.workspace-info{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.workspace-info h3{margin-bottom:10px}.workspace-info label{display:flex;flex-direction:column;grid-gap:5px;gap:5px;font-size:14px}.workspace-info select{height:40px;font-size:14px}.logo-container{margin-top:auto;padding:10px;text-align:center}.app-logo{max-width:100%;height:auto;width:600px}.dash-pattern-input{width:100%;padding:5px;box-sizing:border-box}.image-tool-properties button{width:100%;padding:10px 15px;font-size:14px;font-family:"Winky Rough",sans-serif;background-color:#f2d6a7;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;border-radius:4px;cursor:pointer;transition:background-color .3s,border-color .3s;margin-bottom:10px}.image-tool-properties button:hover{background-color:#e0be8c;border-color:green}.library-button,.upload-button{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.tool-header-logo{display:block;margin:0 auto 16px;width:90%;max-height:80px;object-fit:contain;border:3px solid #2f80ed;border-radius:4px;padding:4px;background-color:#fff}.multiline-text-input{margin-bottom:8px!important}.tracing-line-controls button{width:100%;padding:10px 15px;font-size:14px;font-family:"Winky Rough",sans-serif;margin-bottom:10px;border-radius:4px;border:0 solid #4a90e2;background-color:#f2d6a7;cursor:pointer;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.tracing-line-controls button:hover{background-color:#e0be8c;border-color:green}.tracing-line-controls label{font-weight:700;margin-top:8px;margin-bottom:5px;font-family:"Winky Rough",sans-serif}.shape-button.edit-mode-active{background-color:orange!important;color:#fff}.custom-grid-row{display:flex;grid-gap:12px;gap:12px}.custom-grid-field{flex:1 1;display:flex;flex-direction:column}.tool-properties.tool-properties-cursors,.tool-properties.tool-properties-cursors *,.tool-properties.tool-properties-cursors :after,.tool-properties.tool-properties-cursors :before{cursor:var(--panel-cursor-default)}.tool-properties.tool-properties-cursors .add-page-button,.tool-properties.tool-properties-cursors .collapse-button,.tool-properties.tool-properties-cursors .library-button,.tool-properties.tool-properties-cursors .orientation-button,.tool-properties.tool-properties-cursors .save-button,.tool-properties.tool-properties-cursors .shape-button,.tool-properties.tool-properties-cursors .social-icon,.tool-properties.tool-properties-cursors .upload-button,.tool-properties.tool-properties-cursors a,.tool-properties.tool-properties-cursors button,.tool-properties.tool-properties-cursors input[type=checkbox],.tool-properties.tool-properties-cursors input[type=color],.tool-properties.tool-properties-cursors label{cursor:var(--panel-cursor-pointer)!important}.tool-properties.tool-properties-cursors input[type=number],.tool-properties.tool-properties-cursors input[type=text],.tool-properties.tool-properties-cursors textarea{cursor:var(--panel-cursor-text)!important}.tool-properties.tool-properties-cursors .opacity-slider,.tool-properties.tool-properties-cursors .select-input,.tool-properties.tool-properties-cursors input[type=range],.tool-properties.tool-properties-cursors option,.tool-properties.tool-properties-cursors select{cursor:var(--panel-cursor-pointer)!important}.tool-properties.tool-properties-cursors .opacity-slider::-webkit-slider-runnable-track,.tool-properties.tool-properties-cursors .opacity-slider::-webkit-slider-thumb,.tool-properties.tool-properties-cursors input[type=range]::-webkit-slider-runnable-track,.tool-properties.tool-properties-cursors input[type=range]::-webkit-slider-thumb{cursor:var(--panel-cursor-pointer)!important}.tool-properties.tool-properties-cursors .opacity-slider::-moz-range-thumb,.tool-properties.tool-properties-cursors .opacity-slider::-moz-range-track,.tool-properties.tool-properties-cursors input[type=range]::-moz-range-thumb,.tool-properties.tool-properties-cursors input[type=range]::-moz-range-track{cursor:var(--panel-cursor-pointer)!important}.tool-properties.tool-properties-cursors button:disabled,.tool-properties.tool-properties-cursors input:disabled,.tool-properties.tool-properties-cursors select:disabled,.tool-properties.tool-properties-cursors textarea:disabled{cursor:var(--panel-cursor-default)!important}.bucket-colour-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-top:8px}.bucket-colour-swatch{width:100%;aspect-ratio:1/1;border:2px solid #d0d0d0;border-radius:8px;padding:0;cursor:pointer;box-sizing:border-box}.bucket-colour-swatch.active{border:3px solid #222}.bucket-colour-swatch[style*="#ffffff"],.bucket-colour-swatch[style*="rgb(255, 255, 255)"]{border:2px solid #999}.compact-colour-grid{margin-top:6px;display:grid;grid-template-columns:repeat(12,minmax(10px,1fr));grid-gap:3px;gap:3px;width:100%;max-width:100%;min-width:0;overflow:hidden}.compact-colour-grid .bucket-colour-swatch{width:100%;min-width:0;aspect-ratio:1/1;padding:0;border-radius:4px}.stroke-options-row{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;grid-gap:6px!important;gap:6px!important;width:100%;margin-top:10px;margin-bottom:0;box-sizing:border-box}.dash-toggle-card{grid-gap:0;gap:0}.dash-toggle-card .checkbox-label{margin:0}.dash-toggle-card .stroke-options-row{padding-top:2px}.stroke-options-label{margin:0!important;font-size:13px;white-space:nowrap;flex:0 0 auto}.stroke-options-input{width:44px!important;min-width:44px!important;max-width:44px!important;padding:4px!important;margin:0!important;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:"Winky Rough",sans-serif}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:54px;height:28px;margin:0;border-radius:999px;cursor:pointer;flex-shrink:0;background:#f2d6a7;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.checkbox-label input[type=checkbox]:checked{background:orange;box-shadow:inset 2px 2px 0 #ffc14d,inset -2px -2px 0 #d98400}.checkbox-label input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff4d6;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #e2b886;transition:transform .2s ease}.checkbox-label input[type=checkbox]:checked:before{transform:translateX(26px)}.checkbox-label input[type=checkbox]:hover{filter:brightness(1.05)}.checkbox-label input[type=checkbox]:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.tool-properties{background-color:#feefce;box-shadow:-2px 0 0 rgba(0,0,0,.06),-8px 0 22px rgba(0,0,0,.12)}.properties-content{grid-gap:12px;gap:12px;padding-bottom:90px}.properties-content .checkbox-group,.properties-content .property-group{background:rgba(242,214,167,.28);border:1px solid rgba(120,80,35,.12);border-radius:10px;padding:10px;margin-bottom:12px;box-sizing:border-box;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.35),inset -1px -1px 0 rgba(190,145,80,.1)}.properties-content .checkbox-group:last-child,.properties-content .property-group:last-child{margin-bottom:0}.property-heading,.tool-properties h3{font-family:"Winky Rough",sans-serif;font-size:15px;line-height:1.15;margin:0 0 8px;color:#111}.property-heading .checkbox-label{margin:0}.tool-properties p{font-family:"Winky Rough",sans-serif;line-height:1.25}.color-input,.number-input,.select-input,.tool-properties .text-input,.tool-properties input[type=number],.tool-properties input[type=text],.tool-properties textarea{width:100%;max-width:100%;border:2px solid #2f80ed;border-radius:6px;background:#fffdf5;color:#000;box-sizing:border-box;font-family:"Winky Rough",sans-serif;font-size:14px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)}.number-input,.select-input,.tool-properties .text-input,.tool-properties input[type=number],.tool-properties input[type=text],.tool-properties textarea{min-height:34px;padding:6px 8px}.color-input{height:32px;padding:2px}.tool-properties input:focus,.tool-properties select:focus,.tool-properties textarea:focus{outline:none;border-color:#f90;box-shadow:0 0 0 2px rgba(255,153,0,.22),inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)}.opacity-slider,.tool-properties input[type=range]{border:2px solid #2f80ed;border-radius:999px;height:14px;padding:0;background:#fffdf5;box-sizing:border-box}.compact-colour-grid{margin-top:8px}.bucket-colour-grid .bucket-colour-swatch,.compact-colour-grid .bucket-colour-swatch{border:2px solid rgba(0,0,0,.22);box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.55),0 1px 0 rgba(0,0,0,.16)}.bucket-colour-grid .bucket-colour-swatch.active,.compact-colour-grid .bucket-colour-swatch.active{border:3px solid #1d8f2f;box-shadow:0 0 0 2px hsla(0,0%,100%,.9),0 2px 0 rgba(0,0,0,.2)}.add-page-tool,.custom-grid-row,.orientation-selection,.save-tool,.shape-selection,.zoom-tool{grid-gap:10px;gap:10px}.shape-selection{background:hsla(0,0%,100%,.22);border:1px solid rgba(120,80,35,.14);border-radius:10px;padding:8px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.65),inset -1px -1px 0 rgba(190,145,80,.12)}.custom-grid-row{margin-bottom:12px}.custom-grid-field{background:rgba(242,214,167,.28);border:1px solid rgba(120,80,35,.12);border-radius:10px;padding:10px;box-sizing:border-box;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.35),inset -1px -1px 0 rgba(190,145,80,.1)}.add-page-tool,.canvas-orientation,.grid-settings,.image-tool-properties,.save-tool,.workspace-info,.workspace-orientation{grid-gap:12px;gap:12px}.community-section{background:hsla(0,0%,100%,.24);border:1px solid rgba(120,80,35,.16);border-radius:12px;padding:12px 10px;margin-top:14px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.7),inset -1px -1px 0 rgba(190,145,80,.16)}.community-section .tool-header-logo{margin-bottom:14px}.social-icons{display:flex;justify-content:center;align-items:center;grid-gap:18px;gap:18px}.tool-properties.collapsed .properties-content{display:none}.tool-properties::-webkit-scrollbar{width:10px}.tool-properties::-webkit-scrollbar-track{background:hsla(0,0%,100%,.25)}.tool-properties::-webkit-scrollbar-thumb{background:rgba(170,120,55,.45);border-radius:999px;border:2px solid rgba(255,248,224,.96)}.tool-properties::-webkit-scrollbar-thumb:hover{background:rgba(170,120,55,.65)}.eg-save-panel{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.eg-save-card,.eg-save-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.eg-save-card{background:rgba(242,214,167,.28);border:1px solid rgba(120,80,35,.12);border-radius:10px;padding:10px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.35),inset -1px -1px 0 rgba(190,145,80,.1)}.eg-save-label{display:block;margin:0 0 8px;font-family:"Winky Rough",sans-serif;font-size:15px;line-height:1.15;color:#111}.eg-save-name-input:focus{outline:none;border-color:#f90;box-shadow:0 0 0 2px rgba(255,153,0,.22),inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)}.eg-save-actions{min-width:0;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.eg-save-actions,.eg-save-actions .save-button{width:100%;max-width:100%;box-sizing:border-box}.eg-save-card{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:10px!important;overflow:hidden!important}.eg-save-input-frame{width:100%;max-width:100%;height:34px;box-sizing:border-box;display:flex;align-items:center;border:2px solid #2f80ed;border-radius:6px;background:#fffdf5;overflow:hidden;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)}.eg-save-name-input{flex:1 1 auto!important;width:0!important;min-width:0!important;height:100%!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0 8px!important;font-family:"Winky Rough",sans-serif!important;font-size:14px!important;color:#000!important}.eg-save-input-frame:focus-within{border-color:#f90;box-shadow:0 0 0 2px rgba(255,153,0,.22),inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)}.shape-selection{background:rgba(242,214,167,.28)!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(36px,1fr))!important;grid-gap:6px!important;gap:6px!important;padding:8px!important;margin-bottom:12px!important;width:100%;box-sizing:border-box}.shape-selection .shape-button{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:none!important;padding:5px!important}.properties-content .checkbox-group:empty,.properties-content .property-group:empty{display:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.eg-save-input-frame,.eg-save-name-input{position:relative!important;cursor:text!important;pointer-events:auto!important}.eg-save-name-input{z-index:2!important}.image-prompt-style-card{margin-top:12px;padding:10px;border-radius:14px;background:rgba(242,214,167,.28)!important;border:1px solid rgba(120,80,35,.12)!important;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.65),inset -1px -1px 0 rgba(190,145,80,.08)!important}.image-prompt-style-header{margin-bottom:8px}.image-prompt-style-title{margin-bottom:2px}.image-prompt-style-hint{margin:0;font-size:12px;line-height:1.25;opacity:.65}.image-prompt-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;max-height:330px;overflow-y:auto;padding-right:4px}.image-prompt-style-button{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-gap:5px;gap:5px;width:100%!important;padding:7px!important;margin-bottom:0!important;border:1px solid rgba(120,80,35,.18)!important;border-radius:12px!important;background:#f2d6a7!important;color:#222;cursor:var(--panel-cursor-pointer);text-align:left;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886,0 1px 2px rgba(0,0,0,.06)!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.image-prompt-style-button:hover{transform:translateY(-1px);border-color:rgba(120,80,35,.32)!important;background:#efd09b!important;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #d9ae78,0 4px 9px rgba(0,0,0,.08)!important}.image-prompt-style-button:active{transform:translateY(0);box-shadow:inset 1px 1px 0 rgba(190,145,80,.2),inset -1px -1px 0 hsla(0,0%,100%,.65)!important}.image-prompt-style-button.copied{border-color:#3ba55d!important;background:#ddf3c8!important}.image-prompt-style-thumbnail{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;background:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 0 0 1px rgba(120,80,35,.08),0 1px 2px rgba(0,0,0,.05)}.image-prompt-style-name{display:block;font-size:12px;font-weight:700;line-height:1.15;text-align:center}.image-prompt-style-copy-label{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:center;padding:3px 8px;border-radius:999px;background:rgba(120,80,35,.12);color:rgba(0,0,0,.7);font-size:10px;font-weight:700;line-height:1;text-align:center}.image-prompt-style-button.copied .image-prompt-style-copy-label{background:#3ba55d;color:#fff;opacity:1}.image-prompt-style-grid::-webkit-scrollbar{width:7px}.image-prompt-style-grid::-webkit-scrollbar-track{background:hsla(0,0%,100%,.38);border-radius:999px}.image-prompt-style-grid::-webkit-scrollbar-thumb{background:rgba(170,120,55,.38);border-radius:999px}.image-prompt-style-grid::-webkit-scrollbar-thumb:hover{background:rgba(170,120,55,.55)}.efi-font-credit{margin-top:8px;padding:8px 9px;border:1px solid rgba(119,87,38,.18);border-radius:10px;background:rgba(255,250,236,.72);color:#5f4a2c;font-size:11.5px;line-height:1.35}.efi-font-credit-title{margin-bottom:3px;font-weight:700;color:#4f3d22}.efi-font-credit-text{opacity:.9}.efi-font-credit a{color:#7a5624;font-weight:700;text-decoration:underline;text-underline-offset:2px}.efi-font-credit a:hover{color:#4f3512}.font-preview-picker{position:relative;width:100%;max-width:100%;font-family:"Winky Rough",sans-serif}.font-preview-picker-button{width:100%!important;min-height:42px;padding:7px 34px 7px 9px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;grid-row-gap:2px;row-gap:2px;align-items:center;position:relative;border:2px solid #2f80ed!important;border-radius:6px!important;background:#fffdf5!important;color:#111;text-align:left;box-sizing:border-box;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 hsla(0,0%,72.5%,.45)!important}.font-preview-picker-button.open,.font-preview-picker-button:hover{border-color:#f90!important;background:#fff8e6!important}.font-preview-picker-selected{grid-row:1/2;font-size:13px;font-weight:700;line-height:1.1}.font-preview-picker-selected,.font-preview-picker-selected-sample{grid-column:1/2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-preview-picker-selected-sample{grid-row:2/3;font-size:18px;line-height:1.15;color:#333}.font-preview-picker-arrow{position:absolute;right:10px;top:50%;transform:translateY(-52%);font-size:14px;color:#4f3d22;pointer-events:none}.font-preview-picker-menu{position:absolute;z-index:99999;top:calc(100% + 6px);left:0;right:0;max-height:310px;overflow-y:auto;padding:6px;border:2px solid #2f80ed;border-radius:10px;background:#fffdf5;box-shadow:0 8px 18px rgba(0,0,0,.18),inset 1px 1px 0 hsla(0,0%,100%,.9)}.font-preview-picker-option{width:100%!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(80px,1.1fr);grid-gap:8px;gap:8px;align-items:center;padding:7px 8px!important;margin:0 0 5px!important;border:1px solid rgba(120,80,35,.12)!important;border-radius:8px!important;background:rgba(242,214,167,.24)!important;color:#111;text-align:left;box-shadow:none!important}.font-preview-picker-option:last-child{margin-bottom:0!important}.font-preview-picker-option:hover{background:#f2d6a7!important}.font-preview-picker-option.selected{background:orange!important;border-color:rgba(90,65,25,.35)!important}.font-preview-picker-name{font-family:"Winky Rough",sans-serif;font-size:12px;font-weight:700}.font-preview-picker-name,.font-preview-picker-sample{min-width:0;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-preview-picker-sample{font-size:20px;color:#222}.font-preview-picker-menu::-webkit-scrollbar{width:8px}.font-preview-picker-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.45);border-radius:999px}.font-preview-picker-menu::-webkit-scrollbar-thumb{background:rgba(170,120,55,.42);border-radius:999px}.font-preview-picker-menu::-webkit-scrollbar-thumb:hover{background:rgba(170,120,55,.62)}.page-tabs-shell{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:520px;max-width:calc(100vw - 180px);grid-gap:4px;gap:4px;z-index:4;pointer-events:auto}.page-tabs,.page-tabs-shell{display:flex;align-items:center}.page-tabs{flex:1 1;grid-gap:8px;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:4px 6px;border:2px solid #000;border-radius:14px;background:rgba(255,248,224,.94);box-shadow:inset 2px 2px 0 #fff4c7,inset -2px -2px 0 #d4aa73,0 4px 0 rgba(0,0,0,.25)}.page-tab{overflow:visible}.page-tabs::-webkit-scrollbar{height:0}.page-tabs{scrollbar-width:none}.page-tab{font-family:"Winky Rough",sans-serif;background-color:#feefce;border:2px solid #000;padding:5px 8px;min-width:90px;max-width:120px;height:30px;flex:0 0 auto;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;grid-gap:6px;gap:6px;border-radius:8px;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886,0 3px 0 rgba(0,0,0,.3)}.page-tab:hover{background-color:#e0be8c;transform:translateY(-2px)}.page-tab.active{background-color:orange;border-color:green;box-shadow:inset 2px 2px 0 #ffd98a,inset -2px -2px 0 #c77600,0 3px 0 rgba(0,80,0,.45)}.page-tab.dragging{opacity:.45;transform:scale(.96)}.page-tab.drag-over{outline:3px dashed #2d8cff;outline-offset:3px;background:#dff0ff}.page-tab-title{background:none;border:none;padding:0;min-width:0;flex:1 1;font-family:"Winky Rough",sans-serif;font-size:16px;color:#000;display:flex;align-items:center;grid-gap:6px;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-tab-grip{font-size:14px;opacity:.55;letter-spacing:-4px;margin-right:2px}.page-tab-action{background:none;border:none;font-family:"Winky Rough",sans-serif;font-size:18px;line-height:1;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center}.page-tab-action:hover{color:red}.page-tab-action .close-icon{transition:transform .2s,color .2s;transform-origin:center}.page-tab-action .close-icon:hover{transform:rotate(90deg);color:red}.page-tabs-scroll-button{width:30px;height:34px;flex:0 0 auto;border:2px solid #000;border-radius:10px;background:#feefce;color:#000;font-family:"Winky Rough",sans-serif;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886,0 3px 0 rgba(0,0,0,.3)}.page-tabs-scroll-button:hover:not(.disabled){background:#e0be8c;transform:translateY(-1px)}.page-tabs-scroll-button.disabled{opacity:.35}.page-tab-add{width:30px;min-width:30px;max-width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;line-height:1;background:#f2d6a7}.page-tab-add:hover{background:#e0be8c}@media (max-width:900px){.page-tabs-shell{width:calc(100vw - 90px);max-width:520px}.page-tab{min-width:90px}.page-tab-title{font-size:15px}}.base-modal{width:400px}.delete-modal{border-color:red;width:400px}.delete-modal-content{text-align:center}.delete-button{margin:10px;padding:10px 20px;font-family:"Press Start 2P",sans-serif;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s;font-size:14px}.yes-button{background-color:#4caf50;color:#fff}.yes-button:hover{background-color:#45a049}.no-button{background-color:#f44336;color:#fff}.no-button:hover{background-color:#da190b}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.base-modal{background-color:#fff;padding:20px;border:4px solid #000;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:modalFadeIn .5s forwards;position:relative}.last-page-modal{border-color:red;width:400px}.last-page-modal-content{text-align:center}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#000;position:absolute;top:10px;right:10px;transition:transform .2s,color .2s}.close-modal-btn:hover{transform:rotate(90deg);color:red}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-library-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.image-library-modal{background-color:#feefce;padding:16px;border:3px solid #000;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.25);width:90%;max-width:1200px;height:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column;font-family:"Segoe UI",sans-serif}.image-library-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:10px}.image-library-header h2{font-family:"Winky Rough",sans-serif;font-size:22px;margin:0;color:#000}.image-library-close-btn{background:#f2d6a7;border:3px solid #000;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.image-library-close-btn:hover{background-color:#e0be8c;transform:rotate(90deg)}.image-library-search-bar{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px;color-scheme:light}.image-library-search-input,.image-library-source-select{height:35px;padding:7px 10px;border:2px solid #4a90e2;border-radius:6px;background-color:#fff;color:#000;font-family:"Winky Rough",sans-serif;font-size:14px;box-sizing:border-box}.image-library-search-input{width:240px;min-width:200px}.image-library-source-select{min-width:145px}.image-library-results-count{margin-left:auto;padding:0 4px;font-family:"Winky Rough",sans-serif;font-size:13px;font-weight:600;color:#6f5431;white-space:nowrap}.image-library-content{display:flex;flex-grow:1;overflow:hidden;height:100%}.image-library-sidebar{width:250px;flex-shrink:0;border-right:2px solid #3f3427;padding-right:12px;overflow-y:auto}.image-library-sidebar ul{list-style:none;padding:0;margin:0}.image-library-category-btn{width:100%;padding:9px 11px;margin-bottom:7px;background-color:rgba(242,214,167,.58);border:2px solid transparent;border-radius:5px;color:#000;cursor:pointer;font-family:"Winky Rough",sans-serif;font-weight:500;text-align:left;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.image-library-category-btn:hover{background-color:#ebcb98;transform:translateX(2px)}.image-library-category-btn.active{background-color:orange;border-color:green;color:#000;font-weight:650;box-shadow:inset 2px 2px 0 rgba(255,229,192,.85),inset -2px -2px 0 rgba(205,145,55,.45)}.image-library-category-btn.active:hover{background-color:#ce8703;transform:none}.image-library-grid-wrapper{position:relative;flex-grow:1;height:100%;display:flex;flex-direction:column}.image-library-grid{flex-grow:1;min-width:0;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-column-gap:20px;column-gap:20px;grid-row-gap:18px;row-gap:18px;overflow-y:auto;justify-items:center;align-content:start;background:transparent}.image-library-card{border:2px dashed #000;border-radius:8px;text-align:center;padding:10px;background-color:#fff;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.image-library-card:hover{transform:scale(1.05);border-color:green}.image-library-image{max-width:100%;max-height:80%;object-fit:contain}.image-library-name{font-size:12px;text-align:center;margin-top:10px;color:#000}.image-library-loader{width:100%;height:100%;padding:40px}.image-library-loader,.image-library-loader-overlay{display:flex;align-items:center;justify-content:center}.image-library-loader-overlay{position:absolute;inset:0;z-index:10;background-color:hsla(0,0%,100%,.85);pointer-events:none}.fade-in{opacity:0;animation:fadeIn .4s ease forwards}@keyframes fadeIn{to{opacity:1}}.image-library-grid,.image-library-sidebar{scrollbar-width:thin;scrollbar-color:rgba(170,120,55,.55) rgba(255,248,224,.85)}.image-library-grid::-webkit-scrollbar,.image-library-sidebar::-webkit-scrollbar{width:14px;height:14px}.image-library-grid::-webkit-scrollbar-track,.image-library-sidebar::-webkit-scrollbar-track{background:rgba(255,248,224,.88);border-radius:999px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.75),inset -1px -1px 0 rgba(190,145,80,.18)}.image-library-grid::-webkit-scrollbar-thumb,.image-library-sidebar::-webkit-scrollbar-thumb{background:#f2d6a7;border-radius:999px;border:3px solid rgba(255,248,224,.95);box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886}.image-library-grid::-webkit-scrollbar-thumb:hover,.image-library-sidebar::-webkit-scrollbar-thumb:hover{background:#e0be8c}.image-library-grid::-webkit-scrollbar-corner,.image-library-sidebar::-webkit-scrollbar-corner{background:rgba(255,248,224,.88)}.image-library-search-bar .image-library-search-input,.image-library-search-bar .image-library-search-input:active,.image-library-search-bar .image-library-search-input:focus,.image-library-search-bar .image-library-search-input:hover,.image-library-search-bar .image-library-source-select,.image-library-search-bar .image-library-source-select:focus,.image-library-search-bar .image-library-source-select:hover{background-color:#fff!important;color:#000!important;border:2px solid #4a90e2!important;outline:0!important;box-shadow:none!important;color-scheme:light}.image-library-search-bar .image-library-search-input:-webkit-autofill,.image-library-search-bar .image-library-search-input:-webkit-autofill:focus,.image-library-search-bar .image-library-search-input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 0 1000px #fff!important;border:2px solid #4a90e2!important}.image-library-card{position:relative;overflow:visible}.image-library-card-added{animation:imageCardPop .35s ease-out}@keyframes imageCardPop{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.image-add-success-ring{position:absolute;top:50%;left:50%;width:26px;height:26px;border:2px solid #5fd3bc;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.95;animation:imageAddRing .55s ease-out forwards;z-index:5}@keyframes imageAddRing{0%{width:26px;height:26px;opacity:.95}to{width:88px;height:88px;opacity:0}}.image-add-success-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-140%);background:rgba(95,211,188,.95);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;pointer-events:none;z-index:6;animation:imageAddLabel .55s ease-out forwards;box-shadow:0 4px 12px rgba(0,0,0,.16)}@keyframes imageAddLabel{0%{opacity:0;transform:translate(-50%,-120%) scale(.9)}20%{opacity:1;transform:translate(-50%,-145%) scale(1)}to{opacity:0;transform:translate(-50%,-170%) scale(.96)}}.image-add-success-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;pointer-events:none;z-index:5;opacity:.95;animation:imageAddParticle .55s ease-out forwards}.image-add-success-particle:nth-of-type(odd){background:#5fd3bc}.image-add-success-particle:nth-of-type(2n){background:#ffd166}.image-add-success-particle-1{--dx:0px;--dy:-34px}.image-add-success-particle-2{--dx:24px;--dy:-24px}.image-add-success-particle-3{--dx:34px;--dy:0px}.image-add-success-particle-4{--dx:24px;--dy:24px}.image-add-success-particle-5{--dx:0px;--dy:34px}.image-add-success-particle-6{--dx:-24px;--dy:24px}.image-add-success-particle-7{--dx:-34px;--dy:0px}.image-add-success-particle-8{--dx:-24px;--dy:-24px}@keyframes imageAddParticle{0%{transform:translate(0) scale(.7);opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@media (max-width:950px){.image-library-search-input{width:100%;flex-basis:100%}.image-library-results-count{margin-left:0}.image-library-sidebar{width:215px}.image-library-grid{padding-left:15px;padding-right:15px;grid-column-gap:15px;column-gap:15px}}.upload-template-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto;font-family:"Segoe UI",sans-serif}.upload-template-modal{background-color:#f9fbff;border-radius:8px;width:850px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.2);border:none}.upload-template-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #ddd}.upload-template-header h2{font-size:20px;font-weight:600;color:#2f80ed;margin:0}.upload-template-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#000;transition:transform .2s,color .2s}.upload-template-header button:hover{transform:rotate(90deg);color:red}.upload-template-body{display:flex;grid-gap:24px;gap:24px;padding:20px;overflow-y:auto;flex:1 1}.upload-template-preview{flex:0 0 260px;display:flex;justify-content:center;align-items:flex-start}.upload-modal-preview-card{width:240px;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #000;border-radius:8px;padding:10px;background-color:#fff}.upload-modal-template-name{font-size:14px;color:#333;margin-top:6px}.upload-modal-preview-wrapper{width:100%;height:100%}.upload-template-form{flex:1 1;overflow-y:auto}.upload-modal-fields{grid-gap:14px;gap:14px}.upload-modal-fields,.upload-modal-form-row{display:flex;flex-direction:column}.upload-modal-form-row label{font-weight:600;font-size:14px;color:#000}.upload-modal-form-row input[type=color],.upload-modal-form-row input[type=text],.upload-modal-form-row select{font-size:14px}.upload-modal-form-row button.add-category-btn,.upload-modal-form-row button.show-category-btn{background:#2f80ed;color:#fff;border:none;padding:6px 12px;font-size:14px;border-radius:6px;cursor:pointer}.upload-modal-button-group{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.upload-modal-toggle-btn{background-color:#fff;border:1px solid #999;color:#333;padding:6px 10px;border-radius:6px;cursor:pointer;font-family:"Segoe UI",sans-serif;font-size:14px}.upload-modal-toggle-btn.active{background-color:#2f80ed;color:#fff;border-color:#2f80ed}.upload-template-footer{padding:16px 20px;border-top:1px solid #ddd;display:flex;justify-content:center}.upload-template-footer button{background:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:6px;cursor:pointer}.upload-modal-form-row label{display:block;font-weight:700;margin-bottom:4px;position:static;z-index:auto}.upload-modal-form-row input[type=color],.upload-modal-form-row input[type=text],.upload-modal-form-row select{position:static;margin:4px 0 0;padding:8px;font-size:16px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;width:100%}.upload-modal-checkbox-label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;cursor:pointer}.upload-modal-checkbox-label input{width:auto;cursor:pointer}.advanced-pdf-overlay{position:fixed;inset:0;z-index:9999;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.advanced-pdf-modal{background-color:#feefce;padding:16px;border:3px solid #000;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.25);width:90%;max-width:1200px;height:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column;font-family:"Segoe UI",sans-serif;color:#000}.advanced-pdf-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:10px}.advanced-pdf-header h2{font-family:"Winky Rough",sans-serif;font-size:22px;margin:0;color:#000}.advanced-pdf-header p{margin:4px 0 0;font-size:13px;color:#000}.advanced-pdf-close{background:#f2d6a7;border:3px solid #000;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.advanced-pdf-close:hover{background-color:#e0be8c;transform:rotate(90deg)}.advanced-pdf-body{flex:1 1;display:grid;grid-template-columns:250px 1fr;overflow:hidden;min-height:0}.advanced-pdf-options{border-right:3px solid #000;padding-right:10px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;overflow-y:auto}.advanced-pdf-option{width:100%;padding:10px 12px;margin:0;background-color:#f2d6a7;border:0 solid #000;color:#000;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;border-radius:4px;font-family:"Winky Rough",sans-serif;font-weight:500;text-align:left}.advanced-pdf-option:hover{background-color:#e0be8c}.advanced-pdf-option.active{background-color:orange;border-color:green;color:#000}.advanced-pdf-option.active:hover{background-color:#ce8703}.advanced-pdf-option strong{display:block;font-size:16px;font-family:"Winky Rough",sans-serif;line-height:1.15}.advanced-pdf-option span{display:block;font-size:12px;margin:4px 0 10px;font-family:"Segoe UI",sans-serif;line-height:1.25}.advanced-pdf-mini-grid{width:76px;height:54px;display:grid;grid-gap:3px;gap:3px}.advanced-pdf-mini-grid div{background:#fff;border:2px solid #000;border-radius:2px}.advanced-pdf-preview-area{padding:20px;overflow:auto;min-width:0;color:#000}.advanced-pdf-preview-area h3{margin:0;font-size:22px;font-family:"Winky Rough",sans-serif;color:#000}.advanced-pdf-help{margin:5px 0 16px;font-size:13px;color:#000}.advanced-pdf-pages-preview{display:flex;flex-direction:column;grid-gap:26px;gap:26px;align-items:center}.advanced-pdf-page-block{background-color:#fff;border:2px dashed #000;border-radius:8px;padding:16px;text-align:center}.advanced-pdf-page-title{font-family:"Winky Rough",sans-serif;font-weight:700;margin-bottom:10px;color:#000}.advanced-pdf-tile-grid{display:grid;grid-gap:12px;gap:12px}.advanced-pdf-mini-sheet-preview,.advanced-pdf-tile{position:relative;background:#fff;border:2px solid #000;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.16)}.advanced-pdf-mini-sheet-preview{display:flex;align-items:center;justify-content:center;grid-gap:0;gap:0}.advanced-pdf-mini-copy-slot{position:relative;background:#fff;border:1px dashed rgba(0,0,0,.45);overflow:hidden;box-sizing:border-box}.advanced-pdf-mini-copy-content,.advanced-pdf-tile-content{position:absolute;top:0;left:0;overflow:hidden;transform-origin:center center;pointer-events:none}.advanced-pdf-tile-inner{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none}.advanced-pdf-tile-number{position:absolute;top:6px;left:6px;z-index:5;background:#000;color:#fff;border-radius:999px;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:"Winky Rough",sans-serif}.advanced-pdf-footer{padding-top:14px;margin-top:10px;border-top:3px solid #000;justify-content:space-between}.advanced-pdf-footer,.advanced-pdf-footer-left,.advanced-pdf-footer-right{display:flex;align-items:center;grid-gap:12px;gap:12px}.advanced-pdf-checkbox-row{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;color:#000;font-family:"Segoe UI",sans-serif;-webkit-user-select:none;user-select:none}.advanced-pdf-checkbox-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:54px;height:28px;margin:0;border-radius:999px;cursor:pointer;flex-shrink:0;background:#f2d6a7;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.advanced-pdf-checkbox-row input[type=checkbox]:checked{background:orange;box-shadow:inset 2px 2px 0 #ffc14d,inset -2px -2px 0 #d98400}.advanced-pdf-checkbox-row input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff4d6;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #e2b886;transition:transform .2s ease}.advanced-pdf-checkbox-row input[type=checkbox]:checked:before{transform:translateX(26px)}.advanced-pdf-checkbox-row input[type=checkbox]:hover{filter:brightness(1.05)}.advanced-pdf-checkbox-row input[type=checkbox]:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.advanced-pdf-checkbox-row strong{display:block;font-family:"Winky Rough",sans-serif;font-size:14px}.advanced-pdf-checkbox-row small{display:block;font-size:11px}.advanced-pdf-cancel,.advanced-pdf-export{min-height:40px;border:3px solid #000;border-radius:6px;padding:8px 18px;font-family:"Winky Rough",sans-serif;font-size:15px;font-weight:700;cursor:pointer;color:#000;box-shadow:inset 2px 2px 0 #ffe5c0,inset -2px -2px 0 #e2b886;transition:background-color .2s ease,transform .2s ease}.advanced-pdf-cancel{background:#f2d6a7}.advanced-pdf-cancel:hover{background-color:#e0be8c}.advanced-pdf-export{background:orange}.advanced-pdf-export:hover{background-color:#ce8703}.advanced-pdf-cancel:active,.advanced-pdf-export:active,.advanced-pdf-option:active{transform:scale(.98)}.advanced-pdf-artwork-window{position:absolute;overflow:hidden;background:#fff;z-index:2}.advanced-pdf-cut-box{position:absolute;left:5%;top:5%;width:90%;height:90%;z-index:6;border:2px dashed rgba(0,0,0,.35);pointer-events:none;box-sizing:border-box}.advanced-pdf-overlap-guide{position:absolute;z-index:4;pointer-events:none;background:rgba(255,165,0,.28);border:2px dashed #000}.advanced-pdf-overlap-guide.left{border-left:none}.advanced-pdf-overlap-guide.top{border-top:none}.advanced-pdf-options::-webkit-scrollbar,.advanced-pdf-preview-area::-webkit-scrollbar{width:8px}.advanced-pdf-options::-webkit-scrollbar-thumb,.advanced-pdf-preview-area::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px}.advanced-pdf-modal,.advanced-pdf-modal button{color-scheme:light}@font-face{font-family:"LettersForLearners";src:url(/app/static/media/LettersForLearners.b8f6e210.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"LettersForLearnersDots";src:url(/app/static/media/LettersForLearnersDots.86c65eca.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"LettersForLearnersLined";src:url(/app/static/media/LettersForLearnersLined.83246a3e.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"LettersForLearnersLinedDots";src:url(/app/static/media/LettersForLearnersLinedDots.10c5bd66.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"EduAUVICWANTArrows-VariableFont_wght";src:url(/app/static/media/EduAUVICWANTArrows-VariableFont_wght.c074258a.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"EduAUVICWANTDots-VariableFont_wght";src:url(/app/static/media/EduAUVICWANTDots-VariableFont_wght.77daeb84.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"EduAUVICWANTHand-VariableFont_wght";src:url(/app/static/media/EduAUVICWANTHand-VariableFont_wght.d50e35cd.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"LondrinaOutline-Regular";src:url(/app/static/media/LondrinaOutline-Regular.1205d806.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"BungeeOutline-Regular";src:url(/app/static/media/BungeeOutline-Regular.9172cf8d.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"edugroove-hand";src:url(/app/static/media/edugroove-hand.8c7d908f.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"edugroove-hand-arrows";src:url(/app/static/media/edugroove-hand-arrows.217e39cd.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"edugroove-dots";src:url(/app/static/media/edugroove-dots.33d91727.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"edugroove-happy";src:url(/app/static/media/edugroove-happy.4f397bd1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DNManuscript";src:url(/app/static/media/DNManuscript.26f5ba41.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DNManuscriptOutlines";src:url(/app/static/media/DNManuscriptOutlines.0206d4b5.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"HWTManuscript";src:url(/app/static/media/HWTManuscript.2759159a.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"HWTManuscriptOutlines";src:url(/app/static/media/HWTManuscriptOutlines.617bd215.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"OZManuscript";src:url(/app/static/media/OZManuscript.287a46df.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"OZManuscriptOutlines";src:url(/app/static/media/OZManuscriptOutlines.1772e4fe.ttf) format("truetype");font-weight:400;font-style:normal}.login-container{width:320px;margin:80px auto;padding:24px;border:1px solid #ccc;border-radius:8px;background-color:#fafafa;box-shadow:0 2px 5px rgba(0,0,0,.1);font-family:Arial,sans-serif}.login-container h2{margin-bottom:16px;font-size:24px;color:#333}.login-container .error{color:#d9534f;margin-bottom:12px;font-weight:700}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:6px;font-size:14px;color:#333;display:block}.login-container input{margin-bottom:16px}.login-container input[type=email],.login-container input[type=password],.login-container input[type=text]{padding:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .2s}.login-container input[type=email]:focus,.login-container input[type=password]:focus,.login-container input[type=text]:focus{outline:none;border-color:#888}.login-container button{cursor:pointer;padding:10px;margin-top:8px;margin-bottom:4px;border:none;border-radius:4px;background-color:#428bca;color:#fff;font-size:14px;font-weight:700;transition:background-color .2s}.login-container button:hover{background-color:#3071a9}.login-container button:last-of-type{margin-top:6px}.guest-button{width:100%;padding:10px;margin-top:10px;border:2px solid #2f80ed;border-radius:4px;background-color:#fff;color:#2f80ed;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}.guest-button:hover{background-color:#2f80ed;color:#fff}.login-container form div{display:flex;flex-direction:column;margin-bottom:16px}.login-page-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/app/static/media/edugroovedefault.68db0bfa.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;background-color:#fff3da}.login-header-image{display:block;margin:0 auto 16px;width:90%;max-height:80px;object-fit:contain;border:3px solid #2f80ed;border-radius:8px;padding:4px;background-color:#fff}.login-loading-screen{width:100vw;height:100vh;background:#fff3da;display:flex;justify-content:center;align-items:center}.login-loading-box{background:hsla(0,0%,100%,.95);border:3px solid #2f80ed;border-radius:16px;padding:28px 36px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:"Winky Rough",sans-serif;color:#222}.login-loading-spinner{width:56px;height:56px;border:6px solid #e8e8e8;border-top-color:#2f80ed;border-radius:50%;animation:loginSpin .9s linear infinite;margin:0 auto 16px}.login-loading-title{font-size:28px;font-weight:700;margin-bottom:6px}.login-loading-subtitle{font-size:17px;opacity:.75}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.admin-page{position:fixed;inset:0;width:100%;height:100vh;padding:28px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:radial-gradient(circle at top left,rgba(255,160,74,.15),transparent 34%),linear-gradient(145deg,#fffaf5,#f7f8fc 58%,#f1f3f8);color:#31323a;font-family:"Segoe UI",Arial,sans-serif;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.admin-container{width:min(1120px,100%);margin:0 auto;padding-bottom:32px;box-sizing:border-box}.admin-page-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 32px 30px;margin-bottom:20px;overflow:hidden;border:1px solid rgba(50,52,61,.09);border-radius:22px;background:hsla(0,0%,100%,.94);box-shadow:0 12px 34px rgba(38,42,56,.09)}.admin-page-header:after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:rgba(255,143,46,.09);pointer-events:none}.admin-header-image{display:block;width:min(430px,70%);max-height:76px;margin:3px auto 22px;object-fit:contain}.admin-home-button{position:absolute;top:22px;left:22px;z-index:2;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:9px 14px;border:1px solid #dedfe5;border-radius:10px;background:#fff;color:#484a53;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(35,38,48,.06);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.admin-home-button:hover{transform:translateY(-1px);border-color:#ff9c4a;background:#fff7ef;color:#d9690b}.admin-title-group{position:relative;z-index:1;max-width:680px;text-align:center}.admin-eyebrow,.admin-section-kicker{display:block;margin-bottom:6px;color:#e87516;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.admin-title-group h1{margin:0;color:#30313a;font-size:clamp(28px,4vw,38px);line-height:1.15}.admin-title-group p{max-width:610px;margin:10px auto 0;color:#6a6c75;font-size:15px;line-height:1.6}.admin-tutorial-panel{display:flex;align-items:flex-start;grid-gap:15px;gap:15px;padding:18px 20px;margin-bottom:20px;border:1px solid #ffd8b7;border-radius:16px;background:linear-gradient(135deg,#fff6ed,#fffaf6);box-shadow:0 7px 20px rgba(116,75,39,.06)}.admin-tutorial-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f58220;color:#fff;font-family:Georgia,serif;font-size:20px;font-weight:700}.admin-tutorial-panel h2{margin:0 0 5px;color:#30313a;font-size:16px}.admin-tutorial-panel p{margin:0;color:#64666f;font-size:13.5px;line-height:1.58}.admin-tabs{display:flex;grid-gap:8px;gap:8px;padding:6px;margin-bottom:20px;border:1px solid rgba(50,52,61,.09);border-radius:14px;background:hsla(0,0%,100%,.92);box-shadow:0 7px 20px rgba(38,42,56,.06)}.admin-tabs button{flex:1 1;padding:11px 16px;border:none;border-radius:9px;background:transparent;color:#696b73;font-size:13px;font-weight:800;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.admin-tabs button:hover{background:#f7f2ed;color:#d36b15}.admin-tabs button.active{background:linear-gradient(135deg,#ff963f,#ef7411);color:#fff;box-shadow:0 5px 12px rgba(224,105,11,.2)}.admin-main-content{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.admin-section-card{padding:24px;border:1px solid rgba(50,52,61,.09);border-radius:22px;background:hsla(0,0%,100%,.96);box-shadow:0 12px 34px rgba(38,42,56,.09)}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;grid-gap:18px;gap:18px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #ececf0}.admin-section-heading h2{margin:0;color:#30313a;font-size:22px}.admin-section-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#fff2e6;color:#ce630b;font-size:11px;font-weight:800}.admin-section-description{margin:-6px 0 20px;color:#71737c;font-size:13.5px;line-height:1.55}.admin-form{padding:0;margin:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.admin-field{display:flex;flex-direction:column;grid-gap:7px;gap:7px;min-width:0}.admin-control-label,.admin-field>span{color:#555761;font-size:12px;font-weight:800}.admin-add-subuser-form input,.admin-field input,.admin-field select{width:100%;padding:11px 12px;border:1px solid #dfe0e5;border-radius:9px;outline:none;background:#fff;color:#34363e;font-family:inherit;font-size:13px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.admin-add-subuser-form input:focus,.admin-field input:focus,.admin-field select:focus{border-color:#f5a15b;box-shadow:0 0 0 3px rgba(245,130,32,.1)}.admin-field-spacing{margin-top:18px}.admin-checkbox-row{display:inline-flex;align-items:center;grid-gap:9px;gap:9px;margin-bottom:16px;color:#5d5f68;font-size:13px;cursor:pointer}.admin-checkbox-row input{width:17px;height:17px;margin:0;accent-color:#f58220}.admin-delete-button,.admin-primary-button,.admin-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 15px;border:none;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.admin-primary-button{background:linear-gradient(135deg,#ff963f,#ef7411);color:#fff;box-shadow:0 5px 12px rgba(224,105,11,.2)}.admin-primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 7px 16px rgba(224,105,11,.26)}.admin-secondary-button{border:1px solid #e0e1e6;background:#f4f4f6;color:#53555e}.admin-secondary-button:hover:not(:disabled){border-color:#ffc493;background:#fff5ec;color:#ce630b}.admin-delete-button{background:#d95762;color:#fff}.admin-delete-button:hover{transform:translateY(-1px);background:#c94653}.admin-primary-button:disabled,.admin-secondary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.admin-full-button{width:100%}.admin-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.admin-logo-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e7e7eb;border-radius:16px;background:#fbfbfc}.admin-logo-card-heading{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:14px}.admin-logo-card-heading h3{margin:0 0 4px;color:#353740;font-size:17px}.admin-logo-card-heading p{margin:0;color:#81828a;font-size:12px}.admin-logo-type{flex:0 0 auto;padding:5px 8px;border:1px solid #e3e3e8;border-radius:7px;background:#fff;color:#676973;font-size:10px;font-weight:800;text-transform:uppercase}.admin-logo-preview{display:grid;place-items:center;min-height:150px;padding:16px;margin-bottom:15px;overflow:hidden;border:1px dashed #d7d8df;border-radius:12px;background:linear-gradient(45deg,#f3f3f5 25%,transparent 0),linear-gradient(-45deg,#f3f3f5 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f3f3f5 0),linear-gradient(-45deg,transparent 75%,#f3f3f5 0),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-sizing:border-box}.admin-logo-image{display:block;max-width:100%;max-height:118px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(40,42,50,.12))}.admin-logo-image-square{width:112px;height:112px}.admin-empty-logo{display:flex;flex-direction:column;align-items:center;grid-gap:7px;gap:7px;color:#a1a2aa;text-align:center}.admin-empty-logo span{font-size:35px;line-height:1}.admin-empty-logo p{margin:0;font-size:12px;font-weight:600}.admin-file-picker{display:flex;align-items:stretch;min-width:0;margin-bottom:10px;overflow:hidden;border:1px solid #dfe0e5;border-radius:10px;background:#fff;cursor:pointer}.admin-file-picker:focus-within,.admin-file-picker:hover{border-color:#f5a15b;box-shadow:0 0 0 3px rgba(245,130,32,.1)}.admin-file-button{flex:0 0 auto;display:flex;align-items:center;padding:10px 12px;background:#f1f1f4;color:#4c4e57;font-size:12px;font-weight:800}.admin-file-name{min-width:0;padding:10px 12px;overflow:hidden;color:#7b7d85;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-compact-file-picker input,.admin-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.admin-user-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:0;margin:0;list-style:none}.admin-user-block{overflow:hidden;border:1px solid #e3e4e9;border-radius:14px;background:#fbfbfc;transition:border-color .18s ease,box-shadow .18s ease}.admin-user-block.open{border-color:#ffc493;box-shadow:0 8px 22px rgba(43,45,55,.08)}.admin-user-header{display:flex;align-items:center;justify-content:space-between;grid-gap:18px;gap:18px;width:100%;padding:15px 17px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.admin-user-header:hover{background:#fff8f2}.admin-user-summary{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.admin-user-email{overflow:hidden;color:#383a43;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-user-meta{color:#767881;font-size:12px}.admin-user-header-right{display:flex;align-items:center;grid-gap:12px;gap:12px}.admin-role-badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.admin-role-badge.admin{background:#fff0e3;color:#ce630b}.admin-role-badge.member{background:#edf1f7;color:#667085}.admin-expand-icon{color:#777983;font-size:11px}.admin-user-content{display:none;padding:18px;border-top:1px solid #ececf0;background:#fff}.admin-user-block.open .admin-user-content{display:block}.admin-user-settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);grid-gap:16px;gap:16px;margin-bottom:16px}.admin-setting-panel,.admin-subuser-section{padding:17px;border:1px solid #e7e7eb;border-radius:13px;background:#fafafb}.admin-setting-heading{margin-bottom:14px}.admin-setting-heading h3{margin:0 0 4px;color:#3c3e47;font-size:15px}.admin-setting-heading p{margin:0;color:#7b7d85;font-size:12px;line-height:1.45}.admin-user-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.admin-user-logo-control{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.admin-small-logo-preview{display:grid;place-items:center;min-height:90px;padding:10px;overflow:hidden;border:1px dashed #d7d8df;border-radius:10px;background:#fff;color:#9a9ca4;font-size:11px;text-align:center}.admin-small-logo-preview img{display:block;max-width:100%;max-height:70px;object-fit:contain}.admin-small-logo-preview.square img{width:68px;height:68px}.admin-compact-file-picker{display:flex;align-items:center;justify-content:center;min-height:35px;padding:8px 10px;border:1px solid #dedfe5;border-radius:8px;background:#fff;color:#5a5c65;font-size:11px;font-weight:800;text-align:center;cursor:pointer}.admin-compact-file-picker:hover{border-color:#ffc493;background:#fff6ee;color:#ce630b}.admin-subuser-section{margin-bottom:16px}.admin-add-subuser-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:10px;gap:10px;margin-bottom:15px}.admin-empty-message{padding:22px;border:1px dashed #d9dae0;border-radius:11px;background:#fafafb;color:#858790;font-size:13px;text-align:center}.admin-empty-message.compact{padding:13px}.admin-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5e6ea;border-radius:11px;background:#fff}.admin-data-table{width:100%;min-width:560px;border-collapse:collapse}.admin-data-table td,.admin-data-table th{padding:11px 12px;border-bottom:1px solid #ececf0;color:#555761;font-size:12px;text-align:left;vertical-align:middle}.admin-data-table th{background:#fff5ec;color:#41434c;font-weight:800;white-space:nowrap}.admin-data-table tbody tr:last-child td{border-bottom:none}.admin-data-table tbody tr:hover{background:#fffaf6}.admin-login-table{min-width:940px}.admin-status-cell{text-align:center!important}.admin-status-dot{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.11);border-radius:50%}.admin-status-dot.active{background:#37a66b}.admin-status-dot.inactive{background:#d95762}.admin-location{display:inline-flex;align-items:center;grid-gap:7px;gap:7px;white-space:nowrap}.admin-location img{display:block;width:24px;height:18px;object-fit:cover;border-radius:2px}.admin-danger-zone{display:flex;align-items:center;justify-content:space-between;grid-gap:18px;gap:18px;padding:15px 17px;border:1px solid #f0c5c8;border-radius:12px;background:#fff7f7}.admin-danger-zone h3{margin:0 0 4px;color:#9e3540;font-size:14px}.admin-danger-zone p{margin:0;color:#8a696d;font-size:12px}.admin-stats-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(130px,.5fr);grid-gap:12px;gap:12px;margin-bottom:18px}.admin-chart-card{padding:18px;margin-bottom:18px;border:1px solid #e7e7eb;border-radius:14px;background:#fafafb}.admin-chart-heading{margin-bottom:12px}.admin-chart-heading h3{margin:0 0 4px;color:#3c3e47;font-size:15px}.admin-chart-heading p{margin:0;color:#7b7d85;font-size:12px}.admin-chart-wrapper{position:relative;width:100%;height:320px}.admin-pagination{display:flex;align-items:center;justify-content:center;grid-gap:14px;gap:14px;margin-top:18px;color:#666872;font-size:12px;font-weight:700}.admin-access-denied{display:grid;place-items:center;min-height:100vh;padding:20px;background:#f5f6f8;color:#5d5f68;font-family:"Segoe UI",Arial,sans-serif;text-align:center}.admin-page,.admin-table-wrapper{scrollbar-width:thin;scrollbar-color:#f39a50 #ececf0}.admin-page::-webkit-scrollbar,.admin-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.admin-page::-webkit-scrollbar-track,.admin-table-wrapper::-webkit-scrollbar-track{border-radius:999px;background:#ececf0}.admin-page::-webkit-scrollbar-thumb,.admin-table-wrapper::-webkit-scrollbar-thumb{border:2px solid #ececf0;border-radius:999px;background:#f39a50}@media (max-width:900px){.admin-user-settings-grid{grid-template-columns:1fr}.admin-stats-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-add-subuser-form{grid-template-columns:1fr 1fr}.admin-add-subuser-form button{grid-column:1/-1}}@media (max-width:760px){.admin-page{padding:14px}.admin-page-header{align-items:stretch;padding:18px}.admin-home-button{position:static;align-self:flex-start;margin-bottom:18px}.admin-header-image{width:min(360px,90%);margin-bottom:18px}.admin-form-grid,.admin-logo-grid,.admin-user-logo-grid{grid-template-columns:1fr}.admin-user-header{align-items:flex-start}.admin-user-header-right{flex-direction:column;align-items:flex-end;grid-gap:7px;gap:7px}}@media (max-width:560px){.admin-tabs{flex-direction:column}.admin-section-card{padding:16px}.admin-section-heading{align-items:flex-start;flex-direction:column}.admin-add-subuser-form,.admin-stats-filters{grid-template-columns:1fr}.admin-add-subuser-form button{grid-column:auto}.admin-danger-zone{align-items:flex-start;flex-direction:column}.admin-danger-zone button{width:100%}.admin-file-picker{flex-direction:column}.admin-file-button{justify-content:center}.admin-file-name{text-align:center}.admin-pagination{flex-wrap:wrap}}.user-admin-page{position:fixed;inset:0;width:100%;height:100vh;padding:28px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:radial-gradient(circle at top left,rgba(255,160,74,.15),transparent 34%),linear-gradient(145deg,#fffaf5,#f7f8fc 58%,#f1f3f8);color:#31323a;font-family:"Segoe UI",Arial,sans-serif;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.user-admin-container{width:min(1040px,100%);margin:0 auto;padding-bottom:30px;box-sizing:border-box}.user-admin-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 32px 30px;margin-bottom:20px;overflow:hidden;background:hsla(0,0%,100%,.94);border:1px solid rgba(50,52,61,.09);border-radius:22px;box-shadow:0 12px 34px rgba(38,42,56,.09)}.user-admin-header:after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:rgba(255,143,46,.09);pointer-events:none}.user-admin-header-image{display:block;width:min(430px,70%);max-height:76px;margin:3px auto 22px;object-fit:contain}.home-button{position:absolute;top:22px;left:22px;z-index:1;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:9px 14px;border:1px solid #dedfe5;border-radius:10px;background:#fff;color:#484a53;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(35,38,48,.06);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.home-button:hover{transform:translateY(-1px);border-color:#ff9c4a;background:#fff7ef;color:#d9690b}.user-admin-title-group{position:relative;z-index:1;max-width:660px;text-align:center}.section-kicker,.user-admin-eyebrow{display:block;margin-bottom:6px;color:#e87516;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.branding-tutorial h2,.section-heading h2,.user-admin-title-group h1{margin:0;color:#30313a}.user-admin-title-group h1{font-size:clamp(28px,4vw,38px);line-height:1.15}.user-admin-title-group p{max-width:590px;margin:10px auto 0;color:#6a6c75;font-size:15px;line-height:1.6}.branding-tutorial{display:flex;align-items:flex-start;grid-gap:15px;gap:15px;padding:18px 20px;margin-bottom:20px;border:1px solid #ffd8b7;border-radius:16px;background:linear-gradient(135deg,#fff6ed,#fffaf6);box-shadow:0 7px 20px rgba(116,75,39,.06)}.branding-tutorial-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f58220;color:#fff;font-family:Georgia,serif;font-size:20px;font-weight:700}.branding-tutorial h2{margin-bottom:5px;font-size:16px}.branding-tutorial p{margin:0;color:#64666f;font-size:13.5px;line-height:1.58}.logo-upload-section{padding:24px;margin-bottom:30px;border:1px solid rgba(50,52,61,.09);border-radius:22px;background:hsla(0,0%,100%,.96);box-shadow:0 12px 34px rgba(38,42,56,.09)}.section-heading{display:flex;align-items:center;justify-content:space-between;grid-gap:18px;gap:18px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #ececf0}.section-heading h2{font-size:22px}.section-status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#fff2e6;color:#ce630b;font-size:11px;font-weight:800}.logo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.logo-upload-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e7e7eb;border-radius:16px;background:#fbfbfc;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.logo-upload-card:hover{transform:translateY(-2px);border-color:#ffc493;box-shadow:0 9px 22px rgba(43,45,55,.08)}.logo-card-heading{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:14px}.logo-card-heading h3{margin:0 0 4px;color:#353740;font-size:17px}.logo-card-heading p{margin:0;color:#81828a;font-size:12px}.logo-shape-badge{flex:0 0 auto;padding:5px 8px;border:1px solid #e3e3e8;border-radius:7px;background:#fff;color:#676973;font-size:10px;font-weight:800;text-transform:uppercase}.logo-preview{display:grid;place-items:center;min-height:150px;padding:16px;margin-bottom:15px;overflow:hidden;border:1px dashed #d7d8df;border-radius:12px;background:linear-gradient(45deg,#f3f3f5 25%,transparent 0),linear-gradient(-45deg,#f3f3f5 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f3f3f5 0),linear-gradient(-45deg,transparent 75%,#f3f3f5 0),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-sizing:border-box}.logo-thumbnail{display:block;max-width:100%;max-height:118px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(40,42,50,.12))}.logo-thumbnail-square{width:112px;height:112px}.logo-empty-state{display:flex;flex-direction:column;align-items:center;grid-gap:7px;gap:7px;color:#a1a2aa;text-align:center}.logo-empty-state span{font-size:35px;line-height:1}.logo-empty-state p{margin:0;font-size:12px;font-weight:600}.logo-upload-controls{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:auto}.file-picker{display:flex;align-items:stretch;min-width:0;overflow:hidden;border:1px solid #dfe0e5;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.file-picker:focus-within,.file-picker:hover{border-color:#f5a15b;box-shadow:0 0 0 3px rgba(245,130,32,.1)}.file-picker-button{flex:0 0 auto;display:flex;align-items:center;padding:10px 12px;background:#f1f1f4;color:#4c4e57;font-size:12px;font-weight:800}.file-picker-name{min-width:0;padding:10px 12px;overflow:hidden;color:#7b7d85;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.file-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-logo-button{width:100%;padding:11px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#ff963f,#ef7411);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(224,105,11,.2);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.upload-logo-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 7px 16px rgba(224,105,11,.26)}.upload-logo-button:disabled{background:#d7d8dc;color:#91929a;cursor:not-allowed;box-shadow:none;opacity:.82}.user-admin-loader-panel{display:grid;place-items:center;min-height:calc(100vh - 86px)}.user-admin-loading{display:grid;place-items:center;min-height:100vh;color:#666872;font-family:"Segoe UI",Arial,sans-serif}.add-subuser-form,.subuser-list table{border:1px solid #e6e6eb;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(38,42,56,.07)}.add-subuser-form{padding:20px;margin-bottom:24px}.add-subuser-form input,.password-form-wrapper input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #dfe0e5;border-radius:9px;background:#fff;color:#34363e;font-size:14px;box-sizing:border-box}.subuser-list{max-height:320px;padding-right:8px;overflow-y:auto}.subuser-list table{width:100%;overflow:hidden;border-collapse:initial;border-spacing:0}.subuser-list td,.subuser-list th{padding:12px 14px;border-bottom:1px solid #ececf0;text-align:left}.subuser-list th{background:#fff4e9;color:#474952;font-weight:800}.add-subuser-form button,.btn-blue,.btn-green,.btn-red,.subuser-list button:not(.btn-blue):not(.btn-green):not(.btn-red),.tab-button{padding:8px 13px;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.tab-button{margin-right:8px;border:1px solid #dedfe4;background:#f3f3f5;color:#54565f}.add-subuser-form button,.btn-blue,.tab-button.active{background:#f58220}.btn-red,.subuser-list button:not(.btn-blue):not(.btn-green):not(.btn-red){background:#d95762}.btn-green{margin-top:8px;background:#3eaa6f}.password-form-wrapper{display:flex;flex-direction:column;grid-gap:6px;gap:6px;max-height:0;margin-top:8px;overflow:hidden;transition:max-height .5s ease,padding .5s ease}.password-form-wrapper.open{max-height:500px;padding-top:10px}.subuser-list,.user-admin-page{scrollbar-width:thin;scrollbar-color:#f39a50 #ececf0}.subuser-list::-webkit-scrollbar,.user-admin-page::-webkit-scrollbar{width:10px}.subuser-list::-webkit-scrollbar-track,.user-admin-page::-webkit-scrollbar-track{background:#ececf0;border-radius:999px}.subuser-list::-webkit-scrollbar-thumb,.user-admin-page::-webkit-scrollbar-thumb{border:2px solid #ececf0;border-radius:999px;background:#f39a50}@media (max-width:760px){.user-admin-page{padding:14px}.user-admin-header{align-items:stretch;padding:18px}.home-button{position:static;align-self:flex-start;margin-bottom:18px}.user-admin-header-image{width:min(360px,90%);margin-bottom:18px}.logo-card-grid{grid-template-columns:1fr}}@media (max-width:480px){.user-admin-title-group h1{font-size:27px}.branding-tutorial,.section-heading{align-items:flex-start}.section-heading{flex-direction:column}.logo-upload-section{padding:16px}.file-picker{flex-direction:column}.file-picker-button{justify-content:center}.file-picker-name{text-align:center}}
/*# sourceMappingURL=main.f930e42d.chunk.css.map */