@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,600,0,0);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--background:#c2b5ec;--light-brown:#c9834e;--brown:#b97540;--dark-brown:#9b6339;--darker-brown:#5a2e0e;--shadow:#41403233}.library-view{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;justify-content:right;margin:0;min-height:100vh;padding:0}.bookshelf-container{background-color:#b97540;background-color:var(--brown);border:2vmin solid #5a2e0e;border:2vmin solid var(--darker-brown);border-radius:3vmin 3vmin 1vmin 1vmin;box-shadow:4vmin 1vmin #41403233;box-shadow:4vmin 1vmin var(--shadow);margin:auto;overflow:visible;padding:0;position:relative;width:80%;z-index:1}.bookshelf-row{background-color:initial;border-bottom:var(--shelf-depth) solid var(--dark-brown);border-left:var(--shelf-depth) solid #0000;border-right:var(--shelf-depth) solid #0000;box-shadow:0 1vmin #9b6339;box-shadow:0 1vmin var(--dark-brown);margin:0;padding:var(--shelf-depth) 0}.bookshelf-row:last-child{border-bottom:none}.story-col{box-sizing:border-box;flex:1 0 21%;padding:10px}.story-cover{border-radius:5px;box-shadow:0 4px 8px #0000004d;height:auto;margin-top:20px;object-fit:cover;width:100%}.library-header{color:#000;font-family:Noto Kufi Arabic,sans-serif;font-size:4em;font-weight:700;margin-bottom:20px;margin-top:20px;text-align:center}@media (max-width:768px){.story-col{flex:1 0 48%}}@media (max-width:480px){.story-col{flex:1 0 100%}}.mode-toggle{margin-bottom:20px;text-align:center}.mode-toggle button{border:none;border-radius:25px;cursor:pointer;font-family:Noto Kufi Arabic,sans-serif;font-size:1.2rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.mode-toggle button.normal{background-color:#ffd45c;color:#333}.mode-toggle button.jibo{background-color:#c2185b;color:#fff}.mode-toggle button:hover{transform:scale(1.05)}:root{--stage-max:1180px;--gutter:24px}body{background-image:url(/static/media/background_color.cd59624e92af9f2b415e.svg);min-height:100svh;min-height:100dvh;width:100%}.book-wrapper{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:100%;padding-inline:0;position:relative}.book-wrapper>div{margin:0 auto}.book-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;max-width:1180px;max-width:var(--stage-max);position:relative;width:100%}.book-container.landscape{height:100vh;justify-content:space-between;padding-bottom:180px}.book-container.landscape .book-wrapper{align-items:center;flex:1 1}.demoPage{box-shadow:0 6px 12px #00000026;overflow:hidden}.demoPage:nth-child(odd){border-radius:6px 0 0 6px}.demoPage:nth-child(2n){border-radius:0 6px 6px 0}.stf__parent{left:auto!important;pointer-events:auto!important;position:relative!important;right:auto!important;transform:translateZ(0)!important}.pagination-buttons{display:flex;justify-content:center;margin-top:30px;width:100%}.flip-button{background-color:initial;border:none;height:90px;margin:0 7px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.flip-button:hover{background-color:initial;opacity:1}.flip-button:active,.flip-button:focus{border:none;outline:none}.book-container.landscape .flip-button{top:37%}.left-arrow{background-image:url(/static/media/left_arrow.7e19a5850e8271816d6f.svg);left:0}.left-arrow,.right-arrow{background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4));height:80px;opacity:.7;overflow:hidden;width:30px}.right-arrow{background-image:url(/static/media/right_arrow.516ed4836a02b83da53b.svg);right:0}.book-container.portrait .left-arrow{left:calc(50% - 460px);left:calc(50% - var(--book-half-width, 400px) - 60px)}.book-container.portrait .right-arrow{right:calc(50% - 460px);right:calc(50% - var(--book-half-width, 400px) - 60px)}.story-title{background:#fff5d9;border:4px solid #ffd45c;border-radius:40px;color:#c2185b;direction:rtl;display:inline-block;font-family:Noto Kufi Arabic,sans-serif;font-size:1.8rem;font-weight:600;left:50%;margin:12px 0 8px;padding:6px 20px;pointer-events:auto;position:relative;transform:translateX(-50%);z-index:200}.story-title.landscape{top:70px}.story-title.end-mode{cursor:pointer}.story-title.end-mode:hover{background:#ffeaa3;box-shadow:0 4px 8px #0003}.audio-controls{bottom:10px;display:flex;gap:15px;left:50%;position:absolute;transform:translateX(-50%)}.audio-button{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.audio-button:hover{transform:scale(1.1)}.audio-button:active{transform:scale(.95)}.audio-button:disabled{cursor:not-allowed;opacity:.5}.audio-button.play{background-color:#4caf50}.audio-button.pause{background-color:#ffc107}.audio-button.stop{background-color:#f44336}.audio-button i{line-height:1}svg{pointer-events:all}.mic-button{background-color:initial;background-image:url(/static/media/mic_jasmine.40d5a7aa1e57946715d5.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:50%;box-shadow:none;height:50px;left:1.4rem;padding:0;position:fixed;top:5rem;width:50px;z-index:100}.mic-button:hover{cursor:pointer;transform:scale(1.2)}.mic-button:active,.mic-button:focus{border:none!important;box-shadow:none!important;outline:none!important}.home-button{background-color:initial;background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;height:60px;left:1rem;padding:0;position:fixed;top:1rem;width:60px;z-index:101}.home-button:hover{cursor:pointer;transform:scale(1.2)}.home-button:active,.home-button:focus{border:none!important;box-shadow:none!important;outline:none!important}@media screen and (min-width:1800px) and (max-width:2000px) and (min-height:1150px) and (max-height:1250px){.mic-button{top:8rem}.home-button,.mic-button{height:100px;left:1%;width:100px}.home-button{top:1rem}}svg{left:0;pointer-events:none;position:absolute;top:0}:root{--seg-color:#ffd400;--seg-stroke:#ffe36e;--seg-fill-hint:#ffe6782e}.seg-hint-outline{fill:none;stroke:#ffe36e;stroke:var(--seg-stroke);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:6 8;filter:url(#segGlowLite);opacity:.95;pointer-events:none}.seg-hint{fill:url(#segSoftFillHint);stroke:#ffe36e;stroke:var(--seg-stroke);stroke-width:1.5;stroke-linejoin:round;pointer-events:none}.seg-hit{fill:#0000;stroke:#0000;stroke-width:15;pointer-events:all}.seg-shape.active{stroke:#ffd400;stroke:var(--seg-color);fill:url(#segSoftFill);stroke-dasharray:10 8;animation:segPulse 1.1s ease-in-out infinite alternate,dash 1.4s linear infinite;filter:url(#segGlow)}.seg-glow-outline{fill:none;stroke:#ffd400;stroke:var(--seg-color);stroke-width:6;filter:url(#segGlow);opacity:.45;pointer-events:none}@keyframes segPulse{0%{stroke-width:2.5;opacity:1}to{stroke-width:3.5;opacity:.95}}@keyframes dash{to{stroke-dashoffset:-18}}.page-overlay{transition:opacity .12s ease-in;will-change:opacity}.loading-screen{align-items:center;direction:rtl;display:flex;font-family:Noto Kufi Arabic,sans-serif;height:100vh;justify-content:center;width:100%}.loading-box{background:#fff;border-radius:24px;box-shadow:0 6px 18px #00000026;max-width:500px;padding:40px;text-align:center}.loading-phrase{animation:fadeIn 1s ease-in-out;color:#c2185b;font-size:1.4rem;font-weight:700;margin-bottom:24px}.loading-bar-container{background:#e0e0e0;border-radius:10px;box-shadow:inset 0 1px 4px #0003;direction:ltr;height:20px;overflow:hidden;width:100%}.loading-bar-fill{background:linear-gradient(90deg,#ffd45c,#c2185b);height:100%;transition:width .2s ease-in-out;width:0}.loading-percentage{color:#555;font-size:1.2rem;font-weight:600;margin-top:10px;transition:color .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qa-debug-panel{background:#fffffff2;border:2px solid #333;border-radius:12px;bottom:20px;box-shadow:0 4px 16px #0003;direction:rtl;font-family:Cairo,sans-serif;max-height:500px;overflow-y:auto;padding:16px;position:fixed;right:20px;width:400px;z-index:9999}.debug-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.debug-header h3{color:#333;font-size:18px;margin:0}.status-indicator{background:#f0f0f0;border-radius:20px;color:#666;font-size:14px;font-weight:700;padding:6px 12px;transition:all .3s ease}.status-indicator.listening{animation:pulse 1.5s ease-in-out infinite;background:#4a90e2;color:#fff}.status-indicator.processing{animation:pulse 1.5s ease-in-out infinite;background:#ff6b35;color:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.current-question,.current-transcript{background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;margin-bottom:16px;padding:12px}.current-question strong,.current-transcript strong{color:#333;display:block;font-size:14px;margin-bottom:8px}.current-question p,.current-transcript p{color:#555;line-height:1.6;margin:0}.transcript-text{background:#fff;border:1px solid #ddd;border-radius:4px;color:#2ecc71;font-weight:700;padding:8px}.qa-pairs-list{margin-top:16px}.qa-pairs-list>strong{color:#333;display:block;font-size:16px;margin-bottom:12px}.empty-state{color:#999;font-style:italic;padding:20px;text-align:center}.qa-items{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto}.qa-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;transition:transform .2s ease}.qa-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(-4px)}.qa-answer,.qa-question{display:flex;gap:8px;line-height:1.5;margin-bottom:6px}.qa-question{color:#333;font-weight:600}.qa-answer{color:#555;padding-right:24px}.qa-label{color:#4a90e2;font-weight:700;min-width:30px}.qa-followups{border-right:2px solid #e8f4fd;margin-top:8px;padding-right:20px}.qa-followup{margin-bottom:6px;padding:4px 0}.qa-followup-question{color:#666;font-size:.9em;padding-right:16px}.qa-followup-answer{color:#777;font-size:.85em;padding-right:24px}.qa-followup .qa-label{color:#7bb3f0;font-size:.8em}.qa-debug-panel::-webkit-scrollbar,.qa-items::-webkit-scrollbar{width:8px}.qa-debug-panel::-webkit-scrollbar-track,.qa-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.qa-debug-panel::-webkit-scrollbar-thumb,.qa-items::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.qa-debug-panel::-webkit-scrollbar-thumb:hover,.qa-items::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.qa-debug-panel{bottom:10px;left:20px;max-height:300px;right:20px;width:calc(100% - 40px)}}.modal-backdrop{background-color:#00000080;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-backdrop,.modal-content{align-items:center;justify-content:center}.modal-content{background-color:initial;background-image:url(/static/media/modal_jasmine.9cf037f5b96f09a8c6db.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;box-sizing:border-box;height:70%;overflow:hidden;padding:20px;position:relative;width:80%}.modal-close{background:none;background-image:url(/static/media/modal_close.bfe6e3cd297ae2914bd0.svg);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;font-size:0;height:50px;line-height:0;position:absolute;right:18%;top:8%;width:50px}@font-face{font-family:Chilods Arabic;font-style:normal;font-weight:400;src:url(/static/media/ChildosArabicDEMO-Light.0ec91444a3d74c34f819.otf) format("truetype")}.modal-text{color:#f5f4eb;direction:rtl;font-family:Chilods Arabic,sans-serif;font-size:45px;font-weight:700;margin:auto auto 10%;max-height:100%;max-width:70%;overflow:visible;overflow-wrap:normal;padding:120px 50px;text-align:center}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}@keyframes playJiboIdle{0%{background-position:0 0}to{background-position:-4368px 0}}.jibo-sprite{background-image:url(/static/media/idle.fd64f418566dee38194e.png);background-size:4368px 240px;height:240px;width:336px}.jibo-animates{animation:playJiboIdle 5s steps(13) infinite}.big-jibo{background-repeat:no-repeat;height:240px;pointer-events:none;position:fixed;right:65rem;top:30rem;width:336px;z-index:999}.virtualJibo{height:1vmax;right:10rem;width:1vmax}.scrubber{--scrubber-max:var(--stage-max,300px);align-items:center;background:#fff;border:3px solid #8d8d8d;border-radius:999px;bottom:32px;box-shadow:inset 0 3px 0 #c9c9c9;direction:rtl;display:flex;gap:14px;left:50%;padding:10px 16px;position:fixed;transform:translateX(-50%);width:min(64vw,var(--scrubber-max));z-index:100}.book-wrapper.portrait~.scrubber{bottom:18px}.book-wrapper.landscape~.scrubber{bottom:120px}.scrubber-btn{border:none;border-radius:999px;box-shadow:0 3px 6px #00000026;cursor:pointer;display:grid;height:44px;place-items:center;width:44px}.scrubber-btn:disabled{cursor:not-allowed;opacity:.5}.scrubber-stop{background:#ff6b5f}.scrubber-pause{background:#ffd54a}.scrubber-play{background:#a7cf3a}.scrubber-stop>span{background:#fff;border-radius:4px;height:16px;width:16px}.scrubber-pause>span{display:inline-block;height:16px;position:relative;width:16px}.scrubber-pause>span:after,.scrubber-pause>span:before{background:#fff;content:"";height:16px;position:absolute;top:0;width:5px}.scrubber-pause>span:before{left:0}.scrubber-pause>span:after{right:0}.scrubber-play>span{border-bottom:9px solid #0000;border-left:14px solid #fff;border-top:9px solid #0000;height:0;margin-left:2px;width:0}.scrubber-rate{background:#eee;border:none;border-radius:999px;cursor:pointer;font-weight:700;height:30px;min-width:44px;padding:0 10px}.scrubber-track{background:#e6e6e6;border-radius:999px;flex:1 1;height:12px;overflow:hidden;position:relative;width:auto}.scrubber-track input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;direction:ltr;height:100%;inset:0;margin:0;outline:none;position:absolute;width:100%}.scrubber-track input::-webkit-slider-thumb{-webkit-appearance:none;height:0;width:0}.scrubber-track input::-moz-range-thumb{border:0;height:0;width:0}.scrubber-fill{border-radius:999px;bottom:0;left:0;top:0;transition:width .08s linear}.scrubber-fill,.scrubber-thumb{background:#26a7ff;pointer-events:none;position:absolute}.scrubber-thumb{border-radius:50%;box-shadow:0 0 0 4px #26a7ff2e;height:18px;top:50%;transform:translate(-50%,-50%);transition:left .08s linear;width:18px}.scrubber-time{-webkit-padding-start:2px;color:#777;font-weight:700;padding-inline-start:2px;text-align:right;width:48px}.virtual-jibo-wrapper{align-items:flex-end;bottom:0;display:flex;height:45dvh;justify-content:left;left:0;margin-left:.8%;overflow:hidden;pointer-events:none;position:fixed;width:30dvh;z-index:1000}.virtual-jibo-animation{height:100%;pointer-events:auto;width:100%}.jibo-shadow{background:#0000004d;border-radius:50%;bottom:10%;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:120px}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{align-items:center;background-image:url(/static/media/background.e200e3998b871bbf01db.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Poppins,sans-serif;justify-content:center;overflow:hidden}.app-container{flex-wrap:nowrap;gap:clamp(20px,4vw,40px);max-width:1600px;padding:2vh 3vw;transition:all .3s ease}.app-container:before{content:"";flex-grow:1}.app-container{box-sizing:border-box;height:100vh;overflow:hidden;padding-right:clamp(280px,22%,340px);width:100%}.app-container,.canvas-container{align-items:center;display:flex;justify-content:center;position:relative}.canvas-container{aspect-ratio:1025/884.82;width:clamp(600px,60vw,950px);z-index:1}.canvas-stand{display:block;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.board{align-items:center;background:#fff;border-radius:6%;display:flex;height:60%;justify-content:center;left:.9%;overflow:hidden;position:absolute;top:13%;width:98%}.board-canvas{display:block;height:100%;width:100%}.tools-wrapper{align-items:stretch;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:linear-gradient(145deg,#ffffffd9,#d2ecffc7);border:1px solid #ffffff73;border-radius:24px;box-shadow:0 12px 28px #00000026;display:flex;flex-direction:column;gap:8px;height:60vh;justify-content:flex-start;max-height:none;overflow-y:hidden;padding:18px 16px;position:fixed;right:max(1.5vw,16px);scrollbar-gutter:stable both-edges;top:45%;transform:translateY(-50%);transition:all .3s ease;width:clamp(220px,18%,280px);z-index:20}.tools-wrapper:hover{box-shadow:0 16px 36px #0003;transform:translateY(-50%) scale(1.01)}.tools-wrapper::-webkit-scrollbar{width:6px}.tools-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.back-to-story-button{background-color:initial;background-image:url(/static/media/book.995dbe98777f5a2be90a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:50%;cursor:pointer;height:100px;left:1rem;padding:0;position:fixed;top:1rem;transition:transform .2s ease;width:100px;z-index:150}.back-to-story-button:hover{transform:scale(1.1)}.back-to-story-button:active,.back-to-story-button:focus{border:none!important;box-shadow:none!important;outline:none!important}.brush-cursor{cursor:url(/static/media/brush.1cdf0dc306833cb130c7.svg) 16 16,auto}.eraser-cursor{cursor:url(/static/media/eraser.d14195af2737f0907152.svg) 16 16,auto}.tools-wrapper{cursor:default}:root{--primary-blue:#92d8ff;--accent-yellow:#ffe57a;--accent-green:#b8e986;--accent-orange:#f7b267;--accent-purple:#c6b7ff;--accent-pink:#f48fb1;--panel-bg:linear-gradient(180deg,#fff,#dff7ff);--border-soft:#0000001a;--text-main:#333}.tools{-ms-overflow-style:none;align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;justify-content:space-between;min-height:0;overflow-y:auto;scrollbar-gutter:stable both-edges}.tools::-webkit-scrollbar{display:none}.tools{-webkit-overflow-scrolling:touch}.brush-size-section,.tool-section,.top-tools{margin:0;padding:0;text-align:center;width:100%}.top-tools{display:flex;gap:10px;justify-content:space-between;width:100%}.tool-btn{background:#fff;border:2px solid #0000001a;border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 3px #0000000d;color:#333;color:var(--text-main);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:6px 0;transition:all .25s ease}.tool-btn:hover{background:#ffe57a;background:var(--accent-yellow)}.tool-btn.active{background:#92d8ff;background:var(--primary-blue);border-color:#92d8ff;border-color:var(--primary-blue);box-shadow:0 0 6px #92d8ffcc;color:#fff}.tool-section{text-align:center;width:100%}.tool-section h4{color:#333;color:var(--text-main);font-size:.85rem;font-weight:600;margin:0;text-transform:lowercase}.tool-section+.tool-section{border-top:0 solid #00000014;padding-top:0}.actions{border-top:1px solid #00000014;padding-top:2px}.actions h4,.tool-section h4{color:#333;font-weight:600;letter-spacing:.3px}.shape-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-top:6px}.shape-btn{background:#fff;border:2px solid #0000001a;border:2px solid var(--border-soft);border-radius:10px;cursor:pointer;font-size:1.1rem;padding:5px 0;transition:.2s}.shape-btn:hover{background:#b8e986;background:var(--accent-green)}.shape-btn.active{background:#92d8ff;background:var(--primary-blue);border-color:#92d8ff;border-color:var(--primary-blue);color:#fff}.fill-toggle{align-items:center;color:#333;color:var(--text-main);display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:6px}.actions .action-row{display:flex;gap:8px;justify-content:space-between;margin-top:6px}.action-btn{background:#fff;border:2px solid #0000001a;border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 3px #0000000d;color:#333;color:var(--text-main);cursor:pointer;flex:1 1;font-size:.9rem;padding:6px 0;transition:all .25s ease}.action-btn:hover{background:#f7b267;background:var(--accent-orange);border-color:#f7b267;border-color:var(--accent-orange);color:#fff}.brush-size-section{align-items:center;background:#fff9;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;box-sizing:border-box;display:flex;gap:10px;justify-content:space-between;margin:0;padding:4px 10px;width:100%}.brush-label{color:#333;flex-shrink:0;font-size:.9rem;font-weight:700}.brush-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ffe57a,#b8e986,#a7e1e8,#c6b7ff,#f48fb1);border-radius:6px;cursor:pointer;flex:1 1;height:6px;outline:none;transition:background .3s ease}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:radial-gradient(circle at 30% 30%,#fff,#4a98f7);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:grab;height:18px;-webkit-transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease;width:18px}.brush-slider::-webkit-slider-thumb:hover{background:radial-gradient(circle at 30% 30%,#fff,#3c83e0);transform:scale(1.15)}.brush-value{color:#3c83e0;flex-shrink:0;font-size:.95rem;font-weight:700;min-width:10px;text-align:right;transition:transform .2s ease}.brush-value.changed{transform:scale(1.2)}.color-palette{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);justify-items:center;margin-top:4px}.color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:22px;transition:transform .2s ease,box-shadow .2s ease;width:22px}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{outline:3px solid #92d8ff;outline:3px solid var(--primary-blue);outline-offset:2px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.1969489a.css.map*/