@import"https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Roboto+Mono:wght@400&family=Roboto:wght@400;500;700;900&display=swap";html{height:100%;box-sizing:border-box}body{min-height:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background-image:url(/assets/mockbg.png);background-size:cover;background-position:center;background-color:var(--background-color, #1a1a2e)}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}*,*:before,*:after{box-sizing:inherit}.artStyleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--padding-md, 16px);max-height:70vh;overflow-y:auto;padding:var(--padding-md, 16px);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color, #7f5af0) var(--scrollbar-track-color, #1e1e3f)}.artStyleGrid::-webkit-scrollbar{width:8px}.artStyleGrid::-webkit-scrollbar-track{background:var(--scrollbar-track-color, #1e1e3f);border-radius:4px}.artStyleGrid::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color, #7f5af0);border-radius:4px}.artStyleGrid::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color, #a0a0e0)}.artStyleCard{cursor:pointer;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,border-color .1s ease-in-out;border:2px solid var(--textarea-border-color, transparent);background-color:var(--modal-bg-color);border-radius:var(--border-radius-md, 8px);box-shadow:0 4px 8px var(--button-shadow-color, rgba(0, 0, 0, .3));overflow:hidden;padding:var(--padding-md, 16px);display:flex;flex-direction:column}.artStyleCard:hover{transform:translateY(-3px);box-shadow:0 6px 12px var(--button-shadow-hover-color, rgba(0, 0, 0, .4)),0 0 10px var(--image-outer-glow-color);border-color:var(--textarea-focus-border-color)}.artStyleCard.selected{border-color:var(--pane-hover-glow-color, #ffaf00);box-shadow:0 0 15px var(--pane-hover-glow-color, #ffaf00)}.cardImageContainer{width:100%;aspect-ratio:16 / 9;margin-bottom:var(--padding-sm, 8px);overflow:hidden;border-radius:calc(var(--border-radius-md, 8px) - var(--padding-md, 16px));margin:calc(-1 * var(--padding-md, 16px))}.cardTitle{font-family:var(--font-family-heading, "Oswald", sans-serif);font-size:1.1em;text-align:center;color:var(--text-color, #ffffff);margin:0;padding:0 var(--padding-sm, 8px) var(--padding-sm, 8px)}.modal-container{opacity:0;transform:scale(.9) translateY(10px);position:relative;background:linear-gradient(to bottom right,var(--modal-border-gradient-start),var(--modal-border-glow-color));padding:1px;border-radius:var(--border-radius-md);max-width:800px;width:90%;z-index:1}.modal-container:after{content:"";position:absolute;inset:-5px;background:inherit;border-radius:inherit;filter:blur(8px);z-index:-1;opacity:.8}.modal-inner-wrapper{background-color:var(--modal-bg-color);color:var(--text-color);padding:var(--padding-lg);border-radius:calc(var(--border-radius-md) - 1px);width:100%;height:100%;display:flex;flex-direction:column;gap:var(--padding-md);font-family:var(--font-family);box-shadow:inset 0 0 16px var(--inner-glow-color)}.modal-title{font-family:var(--font-family-heading);font-size:1.9em;font-weight:700;text-align:center;color:var(--text-color);letter-spacing:1px;text-shadow:2px 2px 4px var(--title-shadow-color)}.modal-image{max-width:100%;max-height:300px;display:block}.modal-content{font-size:1em;line-height:1.6;text-align:center}.modal-actions{display:flex;justify-content:center;align-items:center;gap:var(--padding-lg);margin-top:var(--padding-lg);width:100%}.full-modal-container{opacity:0;transform:scale(.95) translateY(15px);position:relative;background:linear-gradient(to bottom right,var(--modal-border-gradient-start),var(--modal-border-glow-color));padding:1px;border-radius:var(--border-radius-md);width:95vw;max-width:1800px;height:95vh;max-height:1000px;z-index:1}.full-modal-container:after{content:"";position:absolute;inset:-5px;background:inherit;border-radius:inherit;filter:blur(8px);z-index:-1;opacity:.8}.full-modal-inner-wrapper{background-color:var(--modal-bg-color);color:var(--text-color);padding:var(--padding-lg);border-radius:calc(var(--border-radius-md) - 1px);width:100%;height:100%;display:flex;flex-direction:column;font-family:var(--font-family);box-shadow:inset 0 0 16px var(--inner-glow-color);overflow-y:auto;&::-webkit-scrollbar{width:18px;background:transparent}&::-webkit-scrollbar-track{background:transparent;border-radius:0;margin:0}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:7px;border:3px solid transparent;background-clip:padding-box}&::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}&::-webkit-scrollbar-button{display:none}scrollbar-width:14px;scrollbar-color:var(--scrollbar-thumb-color) transparent}.full-modal-inner-wrapper.no-padding,.full-modal-container.no-padding{padding:0}.image-container{position:relative;border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);background-color:#0003;display:inline-block;line-height:0;overflow:hidden;box-shadow:0 0 8px var(--image-outer-glow-color)}.image-container:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 32px var(--image-inner-shadow-color);border-radius:inherit;pointer-events:none}.image-container__image{display:block;max-width:100%;height:auto}.shiny-button{position:relative;padding:10px 25px;border:1px solid var(--button-border-color);border-radius:var(--border-radius-md);font-family:var(--font-family);font-weight:700;font-size:1em;color:var(--text-color);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 3px 5px var(--button-shadow-color)}.shiny-button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(to right,var(--button-highlight-start) 0%,var(--button-highlight-end) 100%);transform:skew(-25deg);transition:left .3s ease;z-index:1}.shiny-button:hover:before{left:125%}.shiny-button:active{transform:translateY(1px);box-shadow:0 1px 3px var(--button-shadow-active-color)}.shiny-button:hover{transform:translateY(-4px);box-shadow:0 12px 15px var(--button-shadow-hover-color)}.shiny-button--green{background:linear-gradient(to bottom,var(--button-confirm-bg-start),var(--button-confirm-bg-end));border-color:var(--button-confirm-border-color);box-shadow:0 3px 5px var(--button-shadow-color),0 0 10px var(--button-confirm-glow-color)}.shiny-button--green:hover{box-shadow:0 12px 15px var(--button-shadow-hover-color),0 0 18px var(--button-confirm-glow-hover-color)}.shiny-button--red{background:linear-gradient(to bottom,var(--button-cancel-bg-start),var(--button-cancel-bg-end));border-color:var(--button-cancel-border-color);box-shadow:0 3px 5px var(--button-shadow-color),0 0 10px var(--button-cancel-glow-color)}.shiny-button--red:hover{box-shadow:0 12px 15px var(--button-shadow-hover-color),0 0 18px var(--button-cancel-glow-hover-color)}.shiny-button--accent{background:var(--pane-hover-glow-color);border-color:var(--pane-hover-glow-color);box-shadow:0 3px 5px var(--button-shadow-color),0 0 10px var(--pane-hover-glow-color)}.shiny-button--accent:hover{background:color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 10%);border-color:color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 20%);box-shadow:0 12px 15px var(--button-shadow-hover-color),0 0 18px var(--pane-hover-glow-color)}.shiny-button:disabled,.shiny-button:disabled:hover,.shiny-button:disabled:active{background:linear-gradient(to bottom,var(--button-disabled-bg-start),var(--button-disabled-bg-end));border-color:var(--button-disabled-border-color);color:var(--button-disabled-text-color);box-shadow:none;transform:none;cursor:not-allowed}.shiny-button:disabled:before{display:none}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:900;opacity:0;pointer-events:none}.backdrop>*{pointer-events:auto}.brainstorm-container{display:flex;height:100%;width:100%}.prompt-area{width:30%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.prompt-area:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom right,var(--modal-border-gradient-start),var(--modal-border-glow-color))}.response-display-area{flex-grow:1;overflow-y:auto;margin-bottom:var(--padding-md);padding:var(--padding-md) var(--padding-md) 0 var(--padding-md);color:var(--text-color);display:flex;flex-direction:column;gap:var(--padding-sm);position:relative;&::-webkit-scrollbar{width:18px;background:transparent}&::-webkit-scrollbar-track{background:transparent;border-radius:0;margin:0}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:7px;border:3px solid transparent;background-clip:padding-box}&::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}&::-webkit-scrollbar-button{display:none}scrollbar-width:14px;scrollbar-color:var(--scrollbar-thumb-color) transparent}.message{padding:var(--padding-sm) var(--padding-md);border-radius:var(--border-radius-sm);line-height:1.4;width:100%;max-width:100%}.message>div>p strong{text-transform:capitalize;color:color-mix(in srgb,var(--info-strip-base-color) 50%,var(--alert-text-light) 50%)}.message>div>p{margin:1em 0}.message>div>p:first-child{margin-top:0}.message>div>p:last-child{margin-bottom:0}.user-message{--info-strip-base-color: var(--alert-info-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left:4px solid var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 90%,var(--alert-text-dark) 10%);align-self:flex-start}.ai-message{--info-strip-base-color: var(--alert-primary-color);border-left:4px solid var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 80%,var(--alert-text-light) 20%);align-self:flex-start}.prompt-input-area{height:auto;padding:0 var(--padding-md) var(--padding-md) var(--padding-md)}.results-area{width:70%;height:100%;box-sizing:border-box;background-image:url(/assets/gridfloor.svg);background-position:bottom center;background-repeat:no-repeat}.results-content{height:100%;padding:var(--padding-md);box-sizing:border-box;overflow:hidden;color:var(--text-color);position:relative}.results-content .spinner-border{position:absolute;top:20px;left:20px;display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;z-index:10}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border.text-light{color:#f8f9fa}.paper-sheet{background:linear-gradient(to bottom right,#faf3ee,#e6e2df);border:2px solid #ededed;border-radius:20px;box-shadow:2px 2px 5px #0006;padding:var(--padding-lg);height:85%;aspect-ratio:896 / 1280;max-width:90%;max-height:85%;color:#333;position:absolute;top:50%;left:50%;transform-origin:center center;display:flex;flex-direction:column;justify-content:center;align-items:center}.paper-sheet img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--border-radius-sm) - 2px)}.paper-sheet h2{text-align:center;font-family:var(--font-family-heading);color:#555;margin-top:0}.image-paper{background:linear-gradient(to bottom right,#faf3ee,#e6e2df);border:0px solid #ededed;border-radius:20px;box-shadow:2px 2px 5px #0006;position:absolute;top:50%;left:50%;transform-origin:center center;display:flex;justify-content:center;align-items:center;color:#333;padding:0;height:85%;aspect-ratio:896 / 1280;max-width:90%;max-height:85%}.image-paper img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cover-sheet{background:linear-gradient(to bottom right,#faf3ee,#e6e2df);border:2px solid #ededed;border-radius:20px;box-shadow:2px 2px 5px #0006;position:absolute;top:50%;left:50%;transform-origin:center center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;padding:var(--padding-xl);height:85%;aspect-ratio:896 / 1280;max-width:90%;max-height:85%;text-align:center}.cover-sheet-title{font-family:Georgia,serif;font-size:2.8em;color:#4a4a4a;text-shadow:-1px -1px 1px rgba(255,255,255,.8),1px 1px 1px rgba(0,0,0,.3);margin-bottom:var(--padding-md);line-height:1.2}.cover-sheet-summary{font-family:var(--font-family);font-size:1.2em;font-weight:bolder;color:#606060;text-shadow:-1px -1px 1px rgba(255,255,255,.6),1px 1px 1px rgba(0,0,0,.1);line-height:1.6;text-align:justify}.cover-sheet-pagerule{width:60%;height:auto;margin-top:var(--padding-lg);margin-bottom:var(--padding-lg)}.content-page-layout{justify-content:flex-start;align-items:stretch;position:absolute}.content-page-layout:after{content:"";position:absolute;bottom:20px;left:5%;width:90%;height:0;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.6)}.content-page-header-info{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding-bottom:var(--padding-sm);position:relative}.content-page-header-info:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.6)}.content-page-document-title{font-size:.9em;color:#888;text-align:left;flex-grow:1;text-shadow:-1px -1px 0px rgba(255,255,255,.5);margin-left:74px}.content-page-number{font-size:.8em;color:#888;flex-shrink:0;text-shadow:-1px -1px 1px rgba(255,255,255,.5);text-align:right}.content-page-content{font-family:var(--font-family);font-size:1em;line-height:1.6;color:#595959;width:100%;text-align:left;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c5c2 transparent;margin:var(--padding-sm) 0 var(--padding-md) 0;padding:0 var(--padding-sm) var(--padding-sm) 0;scrollbar-gutter:stable}.content-page-content::-webkit-scrollbar{width:14px}.content-page-content::-webkit-scrollbar-track{background:transparent}.content-page-content::-webkit-scrollbar-thumb{background-color:#c9c5c2;border-radius:8px}.content-page-content::-webkit-scrollbar-thumb:hover{background-color:#b0aca9}.content-page-content pre{white-space:pre-wrap;font-family:inherit;margin:0}.content-page-content h1,.content-page-content h2,.content-page-content h3{font-family:Georgia,Times New Roman,Times,serif;color:#4a4a4a;text-shadow:1px 1px 1px rgba(255,255,255,.8),-1px -1px 1px rgba(0,0,0,.2);text-align:center;margin-left:auto;margin-right:auto;width:90%}.content-page-content h1{font-size:1.8em;margin-top:0;margin-bottom:var(--padding-lg)}.content-page-content h2{font-size:1.5em;margin-top:var(--padding-lg);margin-bottom:var(--padding-md)}.content-page-content h3{font-size:1.3em;margin-top:var(--padding-md);margin-bottom:var(--padding-sm)}.content-page-content p{margin-bottom:var(--padding-md);text-align:justify}.content-page-layout>.page-tag{position:absolute;top:0;left:10%;transform:translate(-50%,-7px);width:50px;max-width:50px;height:auto;z-index:1;pointer-events:none;display:block;align-self:center;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.3))}.page-nav-overlay{position:absolute;top:0;bottom:0;width:10%;z-index:100;cursor:pointer}.left-nav{left:0}.right-nav{right:0}.page-nav-icon-left-container,.page-nav-icon-right-container{position:absolute;bottom:20px;z-index:101;display:flex}.page-nav-icon-left-container{left:20px}.page-nav-icon-right-container{right:20px}.page-nav-icon-button{background-color:#00000080;border-radius:50%}.glowing-box{width:88%;aspect-ratio:4 / 1;background:linear-gradient(to bottom,#283c5ad9,#32466ed9);border-radius:25px;position:relative;border:1px solid rgba(0,255,255,.6);box-shadow:0 0 20px 8px #5096ff59,inset 0 0 10px #0003}.glowing-box:before,.glowing-box:after{content:"";position:absolute;left:0;right:0;height:10px;border-radius:25px;z-index:1;filter:blur(5px)}.glowing-box:before{top:-4px;background:linear-gradient(to right,transparent 5%,rgba(180,220,255,.2) 15%,rgba(220,245,255,.8) 20%,rgba(230,250,255,1) 22.5%,rgba(220,245,255,.8) 25%,rgba(180,220,255,.2) 35%,transparent 40%,transparent 60%,rgba(180,220,255,.2) 65%,rgba(220,245,255,.8) 70%,rgba(230,250,255,1) 72.5%,rgba(220,245,255,.8) 75%,rgba(180,220,255,.2) 85%,transparent 95%)}.glowing-box:after{bottom:-4px;background:linear-gradient(to right,transparent 10%,rgba(150,200,255,.2) 20%,rgba(180,220,255,.7) 35%,rgba(200,230,255,1) 40%,rgba(180,220,255,.7) 45%,rgba(150,200,255,.2) 50%,transparent 55%,transparent 65%,rgba(150,200,255,.2) 70%,rgba(180,220,255,.7) 75%,rgba(200,230,255,1) 80%,rgba(180,220,255,.7) 85%,rgba(150,200,255,.2) 90%,transparent 98%)}.game-options-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--padding-xxl);overflow-y:auto}.game-option{padding:0;color:#e0e0ff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.game-option:hover{border-color:var(--pane-hover-glow-color);box-shadow:0 0 10px 8px var(--pane-hover-glow-color)}.option-number{flex-basis:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:3.5em;font-weight:700;color:var(--pane-text-color);opacity:.9;border-right:1px solid rgba(0,255,255,.35)}.option-text-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--padding-md) var(--padding-lg);text-align:center}.option-title{font-family:var(--font-family-heading);font-size:1.6em;margin-top:0;margin-bottom:var(--padding-sm);color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.option-summary{font-size:1em;line-height:1.5;margin-bottom:var(--padding-md);text-shadow:1px 1px 2px rgba(0,0,0,.7);max-width:90%}.option-mood{font-size:.9em;font-style:italic;color:#c0c0ff;padding-top:var(--padding-sm);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.loading-indicator{animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:1}}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--pane-hover-glow-color);background-color:transparent;color:var(--pane-hover-glow-color);border-radius:calc(var(--border-radius-md) / 2);cursor:pointer;transition:box-shadow .5s ease,color .2s ease,border-color .2s ease,opacity .2s ease;box-shadow:0 0 6px -1px var(--pane-hover-glow-color);text-align:center;flex-shrink:0;z-index:0}.icon-button svg,.icon-button img{width:60%;height:60%;object-fit:contain;fill:currentColor}.icon-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,var(--pane-hover-glow-color),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 40%));opacity:0;transition:opacity .5s ease;z-index:-1;pointer-events:none}.icon-button:hover:not(:disabled){color:var(--modal-bg-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color);transition-duration:.2s}.icon-button:hover:not(:disabled):after{opacity:1;transition-duration:.2s}.icon-button:active:not(:disabled){border-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);color:var(--modal-bg-color);box-shadow:0 0 8px 0 var(--pane-hover-glow-color)}.icon-button.selected{color:var(--modal-bg-color);border-color:var(--pane-hover-glow-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color)}.icon-button.selected:after{opacity:0}.icon-button:disabled{border-color:var(--button-disabled-border-color);background-color:var(--button-disabled-bg-start);color:var(--button-disabled-text-color);cursor:not-allowed;box-shadow:none;opacity:.7}.icon-button:disabled:after{opacity:0}.textarea-wrapper{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;font-family:var(--font-family);padding:var(--padding-sm);border:2px solid var(--textarea-border-color);border-radius:var(--border-radius-md);background:radial-gradient(ellipse 100% 40% at bottom,#7f5af033,#7f5af000 60%) center bottom 0 / 100% 400px,var(--textarea-bg-color);box-shadow:0 0 5px var(--modal-border-glow-color);transition:border-color .2s ease,box-shadow .2s ease}.textarea-wrapper:focus-within{border-color:var(--textarea-focus-border-color);box-shadow:0 0 5px var(--modal-border-glow-color),0 0 8px var(--textarea-focus-glow-color)}.styled-textarea{width:100%;min-height:80px;resize:none;background:transparent;border:none;color:var(--textarea-text-color);font-family:var(--font-family-monospace);font-size:1.1em;line-height:1.6;outline:none;margin-bottom:var(--padding-sm);flex-grow:1}.styled-textarea::-webkit-scrollbar{width:18px;background:transparent}.styled-textarea::-webkit-scrollbar-track{background:transparent;border-radius:0;margin:0}.styled-textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:7px;border:3px solid transparent;background-clip:padding-box}.styled-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.styled-textarea::-webkit-scrollbar-button{display:none}.styled-textarea{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) transparent;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.styled-textarea::placeholder{color:var(--textarea-placeholder-color);opacity:.8}.buttons-container{display:flex;justify-content:space-between;align-items:center;width:100%}.textarea-button-wrapper,.textarea-second-button-wrapper{z-index:2}.styled-textarea:disabled{color:var(--textarea-disabled-text-color);cursor:not-allowed;text-shadow:none;resize:none}.styled-textarea:disabled::placeholder{color:var(--textarea-disabled-text-color);opacity:.6}.textarea-wrapper:has(.styled-textarea:disabled){border-color:var(--textarea-disabled-border-color);background:var(--textarea-disabled-bg-color);box-shadow:none}.textarea-wrapper:has(.styled-textarea:disabled) .buttons-container{opacity:.6;pointer-events:none}.card{display:flex;flex-direction:column;word-wrap:break-word;background-color:var(--bg-color-secondary);background-clip:border-box;border:1px solid var(--textarea-border-color);border-radius:var(--border-radius-md);box-shadow:0 4px 8px #0000001a,0 0 8px var(--image-outer-glow-color);transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.card:hover{border-color:var(--textarea-focus-border-color);box-shadow:0 0 14px var(--textarea-focus-glow-color)}.card-img-top{width:100%;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.card-body{flex:1 1 auto;padding:var(--padding-lg);color:var(--text-color)}.card-title{margin-bottom:var(--padding-md);font-family:var(--font-family-heading);font-size:1.25rem;font-weight:500}.card-text{margin-bottom:var(--padding-lg);color:var(--text-secondary-color)}.card-footer{padding:var(--padding-md);background-color:transparent;border-top:1px solid var(--textarea-border-color);display:flex;justify-content:flex-end}.button-group-container{display:flex;flex-wrap:wrap;gap:8px}.button-group-container.grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3),minmax(0,1fr))}.group-button{position:relative;border:1px solid var(--pane-hover-glow-color);background-color:transparent;color:var(--pane-hover-glow-color);padding:6px 12px;font-size:.9em;font-weight:700;line-height:1.2;border-radius:calc(var(--border-radius-md) / 2);cursor:pointer;transition:box-shadow .5s ease,color .2s ease,border-color .2s ease,opacity .2s ease;box-shadow:0 0 6px -1px var(--pane-hover-glow-color);min-width:60px;text-align:center;flex-grow:1;z-index:0}.group-button:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--pane-hover-glow-color),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 40%));opacity:0;transition:opacity .5s ease;z-index:-1;pointer-events:none}.button-group-container.grid .group-button{flex-grow:0}.group-button:hover:not(:disabled){color:var(--modal-bg-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color);transition-duration:.2s}.group-button:hover:not(:disabled):after{opacity:1;transition-duration:.2s}.group-button:active:not(:disabled){border-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);color:var(--modal-bg-color);box-shadow:0 0 8px 0 var(--pane-hover-glow-color)}.group-button.selected{color:var(--modal-bg-color);border-color:var(--pane-hover-glow-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color)}.group-button.selected:after{opacity:1;transition-duration:.2s}.group-button.selected:hover:not(:disabled):after{background:linear-gradient(to bottom,color-mix(in srgb,var(--pane-hover-glow-color),#000000 10%),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 30%))}.group-button:disabled{border-color:var(--button-disabled-border-color);background:linear-gradient(to bottom,var(--button-disabled-bg-start),var(--button-disabled-bg-end));color:var(--button-disabled-text-color);cursor:not-allowed;box-shadow:none;opacity:.7}.copy-text-container{display:flex;flex-direction:row;align-items:center;gap:var(--padding-md);width:100%;max-width:500px}.copy-text-label{font-family:var(--font-family);color:var(--text-secondary-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;cursor:default;min-width:100px;text-align:right;flex-shrink:0}.copy-text-wrapper{flex-grow:1;display:flex;align-items:center;gap:10px;padding:8px var(--padding-md);border:1px solid var(--textarea-border-color);border-radius:var(--border-radius-md);background-color:var(--textarea-bg-color);color:var(--textarea-disabled-text-color);box-shadow:inset 0 1px 3px #0000004d,0 0 8px var(--image-outer-glow-color);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;overflow:hidden}.copy-text-wrapper:hover{border-color:var(--textarea-focus-border-color);box-shadow:inset 0 1px 3px #0000004d,0 0 8px var(--textarea-focus-glow-color)}.copy-text-value{font-family:var(--font-family-monospace);font-size:1em;user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:transform .2s ease,opacity .2s ease}.copy-text-wrapper:hover .copy-icon{opacity:1;transform:scale(1.1)}.copy-text-container.copied .copy-text-wrapper{border-color:var(--button-confirm-glow-hover-color);box-shadow:inset 0 1px 3px #0000004d,0 0 10px 1px var(--button-confirm-glow-hover-color)}.copy-text-container.copied .copy-icon{transform:scale(1.2);opacity:1}.input-group-container{display:flex;flex-direction:row;align-items:center;gap:var(--padding-md);width:100%;max-width:500px}.input-group-label{font-family:var(--font-family);color:var(--text-secondary-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;cursor:default;min-width:100px;text-align:right;flex-shrink:0}.input-group-wrapper{display:flex;flex-grow:1;align-items:stretch;border:1px solid var(--textarea-border-color);border-radius:var(--border-radius-md);background-color:var(--textarea-bg-color);transition:border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;box-shadow:0 0 8px var(--image-outer-glow-color)}.input-group-input{flex-grow:1;padding:8px var(--padding-md);border:none;background-color:transparent;color:var(--textarea-text-color);font-family:var(--font-family);font-size:1em;outline:none;min-width:0}.input-group-input::placeholder{color:var(--textarea-placeholder-color);opacity:.8}.input-group-addon{display:flex;align-items:center;padding:0 var(--padding-md);background-color:color-mix(in srgb,var(--textarea-bg-color),#000000 10%);color:var(--text-secondary-color);border-color:var(--textarea-border-color);white-space:nowrap;font-size:.9em}.input-group-addon.addon-after:has(>.input-group-button){padding:0;background-color:transparent;border-left:none}.input-group-addon.addon-before{border-right:1px solid var(--textarea-border-color)}.input-group-addon.addon-after{border-left:1px solid var(--textarea-border-color)}.input-group-addon>.input-group-button{height:100%;border:none;border-left:1px solid var(--pane-hover-glow-color);background-color:var(--pane-hover-glow-color);color:var(--modal-bg-color);padding:6px 12px;font-size:.9em;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease;text-align:center;border-top-left-radius:0;border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);margin-right:-1px;margin-top:-1px;margin-bottom:-1px}.input-group-addon>.input-group-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 10%);color:var(--modal-bg-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color);border-left-color:var(--pane-hover-glow-color);z-index:1;position:relative}.input-group-addon>.input-group-button:active:not(:disabled){background-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 25%);border-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 25%);color:var(--modal-bg-color);box-shadow:0 0 8px 0 var(--pane-hover-glow-color)}.input-group-addon>.input-group-button:disabled{border-color:var(--button-disabled-border-color);background:linear-gradient(to bottom,var(--button-disabled-bg-start),var(--button-disabled-bg-end));color:var(--button-disabled-text-color);cursor:not-allowed;box-shadow:none;opacity:.7}.input-group-wrapper.has-before .input-group-input{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-wrapper.has-after .input-group-input:has(+.addon-after>.input-group-button),.input-group-wrapper.has-after .input-group-input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-wrapper.has-before .addon-after,.input-group-wrapper.has-after .addon-before,.input-group-wrapper.has-before.has-after .input-group-input{border-radius:0}.input-group-wrapper:focus-within{border-color:var(--textarea-focus-border-color);box-shadow:0 0 8px var(--textarea-focus-glow-color)}.input-group-wrapper.disabled{border-color:var(--textarea-disabled-border-color);background-color:var(--textarea-disabled-bg-color);cursor:not-allowed;box-shadow:none}.input-group-wrapper.disabled .input-group-input{color:var(--textarea-disabled-text-color);cursor:not-allowed}.input-group-wrapper.disabled .input-group-addon{background-color:color-mix(in srgb,var(--textarea-disabled-bg-color),#000000 10%);color:var(--textarea-disabled-text-color);border-color:var(--textarea-disabled-border-color)}.input-group-wrapper.disabled .input-group-input::placeholder{color:var(--textarea-disabled-text-color);opacity:.6}.input-group-container:has(.input-group-wrapper.disabled) .input-group-label{color:var(--button-disabled-text-color);opacity:.8}.ranger-label{display:block;margin-bottom:var(--padding-lg);font-family:var(--font-family);color:var(--text-color)}.ranger-label-text{display:block;font-size:.9em;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color)}.ranger-input-wrapper{display:flex;align-items:center;gap:var(--padding-md)}.number-ranger{appearance:none;-webkit-appearance:none;width:100%;height:10px;background:transparent;cursor:pointer;outline:none;--range-fill-percent: 0%}.number-ranger::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:linear-gradient(to right,var(--range-fill-bg-color) 0%,var(--range-fill-bg-color) var(--range-fill-percent),var(--range-track-bg-color) var(--range-fill-percent),var(--range-track-bg-color) 100%);border-radius:5px;border:1px solid var(--range-track-border-color);box-shadow:0 0 5px var(--modal-border-glow-color)}.number-ranger::-moz-range-track{width:100%;height:10px;cursor:pointer;background:linear-gradient(to right,var(--range-fill-bg-color) 0%,var(--range-fill-bg-color) var(--range-fill-percent),var(--range-track-bg-color) var(--range-fill-percent),var(--range-track-bg-color) 100%);border-radius:5px;border:1px solid var(--range-track-border-color);box-shadow:0 0 5px var(--modal-border-glow-color)}.number-ranger::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid var(--range-thumb-border-color);height:20px;width:20px;border-radius:50%;background:var(--range-thumb-bg-color);cursor:pointer;margin-top:-7px;transition:background-color .2s ease,box-shadow .2s ease}.number-ranger::-moz-range-thumb{border:2px solid var(--range-thumb-border-color);height:20px;width:20px;border-radius:50%;background:var(--range-thumb-bg-color);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.number-ranger:disabled{cursor:not-allowed}.number-ranger:disabled::-moz-range-thumb{box-shadow:none}.ranger-value-input{background:transparent;border:none;color:var(--text-color);font-family:var(--font-family);font-size:.9em;min-width:40px;width:50px;text-align:right;padding:2px 5px;margin-left:auto;outline:none;border-radius:3px}.ranger-value-input:focus{background:#ffffff1a;box-shadow:0 0 5px var(--select-focus-glow-color)}.number-ranger:disabled~.ranger-input-wrapper .ranger-value-input{color:var(--range-disabled-thumb-border-color);cursor:not-allowed;pointer-events:none}.number-stepper-container{display:flex;flex-direction:row;align-items:center;gap:var(--padding-md)}.number-stepper-label{font-family:var(--font-family);color:var(--text-secondary-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;cursor:default;min-width:100px;text-align:right;flex-shrink:0}.number-stepper-wrapper{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);padding:4px 10px;background-color:var(--modal-bg-color);box-shadow:inset 0 0 6px #0000004d;transition:border-color .2s ease,opacity .2s ease}.number-stepper-wrapper.no-border{border-color:transparent;background-color:transparent;box-shadow:none;padding-left:0;padding-right:0}.number-stepper-value{font-family:var(--font-family-monospace);font-size:1.2em;color:var(--text-color);min-width:40px;text-align:center;user-select:none;font-weight:700}.number-stepper-wrapper .stepper-button{min-width:26px;padding:2px 6px;font-size:1.1em;line-height:1}.stepper-button{border:1px solid var(--pane-hover-glow-color);background-color:transparent;color:var(--pane-hover-glow-color);padding:2px 8px;font-size:1.1em;font-weight:700;line-height:1;border-radius:calc(var(--border-radius-md) / 2);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 0 6px -1px var(--pane-hover-glow-color)}.stepper-button:hover:not(:disabled){background:linear-gradient(to bottom,var(--pane-hover-glow-color),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 40%));color:var(--modal-bg-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color)}.stepper-button:active:not(:disabled){background-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);border-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%)}.stepper-button:disabled{border-color:var(--button-disabled-border-color);background:linear-gradient(to bottom,var(--button-disabled-bg-start),var(--button-disabled-bg-end));color:var(--button-disabled-text-color);cursor:not-allowed;box-shadow:none}.number-stepper-wrapper.disabled{border-color:var(--button-disabled-border-color);background-color:var(--textarea-disabled-bg-color);opacity:.7;cursor:not-allowed}.number-stepper-wrapper.disabled .number-stepper-value{color:var(--button-disabled-text-color)}.number-stepper-container:has(.number-stepper-wrapper.disabled) .number-stepper-label{color:var(--button-disabled-text-color);opacity:.8}.checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-family);color:var(--text-color);user-select:none}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;background-color:var(--checkbox-bg-color);border:2px solid var(--checkbox-border-color);border-radius:3px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid var(--checkbox-checkmark-color);border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-input:checked+.checkbox-custom:after{display:block}.checkbox-input:checked+.checkbox-custom{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color);box-shadow:0 0 8px var(--checkbox-checked-glow-color)}.checkbox-input:focus-visible+.checkbox-custom{outline:2px solid var(--text-secondary-color);outline-offset:2px}.checkbox-text{font-size:1em;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.checkbox-input:disabled~.checkbox-text{color:var(--checkbox-disabled-border-color);cursor:not-allowed}.checkbox-label:has(.checkbox-input:disabled){cursor:not-allowed}.checkbox-input:disabled+.checkbox-custom{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-bg-color);cursor:not-allowed;box-shadow:none}.checkbox-input:disabled+.checkbox-custom:after{border-color:var(--checkbox-disabled-checkmark-color)}.checkbox-input:disabled:checked+.checkbox-custom{background-color:var(--checkbox-disabled-bg-color);border-color:var(--checkbox-disabled-border-color)}.radio-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-family);color:var(--text-color);user-select:none}.radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-custom{position:relative;display:inline-block;width:20px;height:20px;background-color:var(--radio-bg-color);border:2px solid var(--radio-border-color);border-radius:50%;transition:border-color .2s ease,box-shadow .2s ease}.radio-custom:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--radio-dot-color)}.radio-input:checked+.radio-custom:after{display:block}.radio-input:checked+.radio-custom{border-color:var(--radio-checked-border-color);box-shadow:0 0 8px var(--radio-checked-glow-color)}.radio-input:focus-visible+.radio-custom{outline:2px solid var(--text-secondary-color);outline-offset:2px}.radio-text{font-size:1em;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.radio-input:disabled~.radio-text{color:var(--radio-disabled-border-color);cursor:not-allowed}.radio-label:has(.radio-input:disabled){cursor:not-allowed}.radio-input:disabled+.radio-custom{border-color:var(--radio-disabled-border-color);background-color:var(--radio-disabled-bg-color);cursor:not-allowed;box-shadow:none}.radio-input:disabled+.radio-custom:after{background:var(--radio-disabled-dot-color)}.radio-input:disabled:checked+.radio-custom{background-color:var(--radio-disabled-bg-color);border-color:var(--radio-disabled-border-color)}.range-label{display:block;margin-bottom:var(--padding-md);font-family:var(--font-family);color:var(--text-color)}.range-label-text{display:block;font-size:.9em;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color)}.range-input-wrapper{display:flex;align-items:center;gap:var(--padding-md)}.styled-range{appearance:none;-webkit-appearance:none;width:100%;height:10px;background:transparent;cursor:pointer;outline:none;--range-fill-percent: 0%}.styled-range::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:linear-gradient(to right,var(--range-fill-bg-color) 0%,var(--range-fill-bg-color) var(--range-fill-percent),var(--range-track-bg-color) var(--range-fill-percent),var(--range-track-bg-color) 100%);border-radius:5px;border:1px solid var(--range-track-border-color);box-shadow:0 0 5px var(--modal-border-glow-color)}.styled-range::-moz-range-track{width:100%;height:10px;cursor:pointer;background:linear-gradient(to right,var(--range-fill-bg-color) 0%,var(--range-fill-bg-color) var(--range-fill-percent),var(--range-track-bg-color) var(--range-fill-percent),var(--range-track-bg-color) 100%);border-radius:5px;border:1px solid var(--range-track-border-color);box-shadow:0 0 5px var(--modal-border-glow-color)}.styled-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid var(--range-thumb-border-color);height:20px;width:20px;border-radius:50%;background:var(--range-thumb-bg-color);cursor:pointer;margin-top:-7px;transition:background-color .2s ease,box-shadow .2s ease}.styled-range::-moz-range-thumb{border:2px solid var(--range-thumb-border-color);height:20px;width:20px;border-radius:50%;background:var(--range-thumb-bg-color);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.styled-range:hover::-webkit-slider-thumb{background:var(--range-thumb-hover-bg-color)}.styled-range:hover::-moz-range-thumb{background:var(--range-thumb-hover-bg-color)}.styled-range:active::-webkit-slider-thumb{background:var(--range-thumb-active-bg-color);box-shadow:0 0 8px var(--range-focus-glow-color)}.styled-range:active::-moz-range-thumb{background:var(--range-thumb-active-bg-color);box-shadow:0 0 8px var(--range-focus-glow-color)}.styled-range:focus::-webkit-slider-thumb{box-shadow:0 0 8px var(--range-focus-glow-color)}.styled-range:focus::-moz-range-thumb{box-shadow:0 0 8px var(--range-focus-glow-color)}.styled-range:disabled{cursor:not-allowed}.styled-range:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-disabled-fill-bg-color) 0%,var(--range-disabled-fill-bg-color) var(--range-fill-percent),var(--range-disabled-track-bg-color) var(--range-fill-percent),var(--range-disabled-track-bg-color) 100%);border-color:var(--range-disabled-track-border-color);box-shadow:none;cursor:not-allowed}.styled-range:disabled::-moz-range-track{background:linear-gradient(to right,var(--range-disabled-fill-bg-color) 0%,var(--range-disabled-fill-bg-color) var(--range-fill-percent),var(--range-disabled-track-bg-color) var(--range-fill-percent),var(--range-disabled-track-bg-color) 100%);border-color:var(--range-disabled-track-border-color);box-shadow:none;cursor:not-allowed}.styled-range:disabled::-webkit-slider-thumb{background:var(--range-disabled-thumb-bg-color);border-color:var(--range-disabled-thumb-border-color);cursor:not-allowed;box-shadow:none}.styled-range:disabled::-moz-range-thumb{background:var(--range-disabled-thumb-bg-color);border-color:var(--range-disabled-thumb-border-color);cursor:not-allowed;box-shadow:none}.range-value-display{color:var(--text-color);font-family:var(--font-family);font-size:.9em;min-width:30px;text-align:right}.select-wrapper{position:relative;display:inline-block;width:100%;max-width:300px;font-family:var(--font-family)}.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:10px 35px 10px 15px;border:2px solid var(--select-border-color);border-radius:var(--border-radius-md);background-color:var(--select-bg-color);color:var(--select-text-color);font-size:1em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.select-wrapper:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--select-arrow-color);pointer-events:none;transition:border-color .2s ease}.styled-select:focus{border-color:var(--select-focus-border-color);box-shadow:0 0 8px var(--select-focus-glow-color)}.styled-select option{background-color:var(--select-option-bg-color);color:var(--select-text-color)}.styled-select:disabled{border-color:var(--select-disabled-border-color);background-color:var(--select-disabled-bg-color);color:var(--select-disabled-text-color);cursor:not-allowed;box-shadow:none}.select-wrapper:has(.styled-select:disabled):after{border-top-color:var(--select-disabled-arrow-color);cursor:not-allowed}.text-input-container{display:flex;flex-direction:row;align-items:center;gap:var(--padding-md);width:100%;max-width:500px}.text-input-label{font-family:var(--font-family);color:var(--text-secondary-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;cursor:default;min-width:100px;text-align:right;flex-shrink:0}.styled-text-input{flex-grow:1;padding:8px var(--padding-md);border:1px solid var(--textarea-border-color);border-radius:var(--border-radius-md);background-color:var(--textarea-bg-color);color:var(--textarea-text-color);font-family:var(--font-family);font-size:1em;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 3px #0000004d,0 0 8px var(--image-outer-glow-color)}.styled-text-input::placeholder{color:var(--textarea-placeholder-color);opacity:.8}.styled-text-input:focus{border-color:var(--textarea-focus-border-color);box-shadow:inset 0 1px 3px #0000004d,0 0 8px var(--textarea-focus-glow-color)}.styled-text-input:disabled{border-color:var(--textarea-disabled-border-color);background-color:var(--textarea-disabled-bg-color);color:var(--textarea-disabled-text-color);box-shadow:none;cursor:not-allowed}.styled-text-input:disabled::placeholder{color:var(--textarea-disabled-text-color);opacity:.6}.text-input-container:has(.styled-text-input:disabled) .text-input-label{color:var(--button-disabled-text-color);opacity:.8}.accordion-container{border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--modal-bg-color);width:100%;max-width:800px;box-shadow:0 0 8px var(--image-outer-glow-color);transition:box-shadow .3s ease,border-color .3s ease}.accordion-item{border-bottom:1px solid var(--modal-border-glow-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md) var(--padding-lg);cursor:pointer;color:var(--text-secondary-color);font-family:var(--font-family-heading);font-size:1.1em;transition:background-color .2s ease,color .2s ease,background .2s ease}.accordion-header:hover{background-color:color-mix(in srgb,var(--modal-bg-color),#000000 40%);color:var(--text-secondary-color)}.accordion-header:focus-visible{color:var(--text-secondary-color);outline:2px solid var(--pane-hover-glow-color);outline-offset:-2px}.accordion-item.open .accordion-header{background:linear-gradient(to right,var(--pane-hover-glow-color),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 40%));color:var(--modal-bg-color);font-weight:700}.header-content{flex-grow:1;margin-right:var(--padding-md)}.accordion-icon{width:1em;height:1em;flex-shrink:0;transition:transform .3s ease;position:relative;border:2px solid currentColor;border-radius:50%}.accordion-icon:before,.accordion-icon:after{content:"";position:absolute;background-color:currentColor;transition:transform .3s ease}.accordion-icon:before{top:20%;left:calc(50% - 1px);width:2px;height:60%}.accordion-icon:after{left:20%;top:calc(50% - 1px);height:2px;width:60%}.accordion-item.open .accordion-icon:before{transform:rotate(90deg)}.accordion-item.open .accordion-icon:after{transform:rotate(180deg)}.accordion-content-wrapper{overflow:hidden;transition:height .3s ease,opacity .3s ease}.accordion-content{padding:var(--padding-md) var(--padding-lg);color:var(--text-color);font-family:var(--font-family);line-height:1.6;box-sizing:border-box}.alert{position:relative;display:flex;align-items:flex-start;gap:var(--padding-md);padding:var(--padding-md) var(--padding-lg);border:1px solid transparent;border-radius:var(--border-radius-md);width:100%;max-width:800px;font-family:var(--font-family);font-size:1em;line-height:1.5;box-shadow:0 0 10px color-mix(in srgb,currentColor,transparent 40%);transition:opacity .2s ease,box-shadow .2s ease}.alert-icon{flex-shrink:0;margin-top:2px;width:1.2em;height:1.2em}.alert-content{flex-grow:1}.alert-heading{font-family:var(--font-family-heading);font-size:1.2em;margin-top:0;margin-bottom:.5em;font-weight:700}.alert a{font-weight:700;text-decoration:underline}.alert-primary{--alert-base-color: var(--alert-primary-color);background-color:color-mix(in srgb,var(--alert-base-color) 15%,var(--modal-bg-color) 85%);border-color:color-mix(in srgb,var(--alert-base-color) 80%,var(--modal-bg-color) 20%);color:color-mix(in srgb,var(--alert-base-color) 80%,var(--alert-text-light) 20%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 40%)}.alert-primary .alert-heading,.alert-primary a{color:var(--alert-base-color)}.alert-secondary{--alert-base-color: var(--alert-secondary-color);background-color:color-mix(in srgb,var(--alert-base-color) 15%,var(--modal-bg-color) 85%);border-color:color-mix(in srgb,var(--alert-base-color) 100%,var(--modal-bg-color) 0%);color:color-mix(in srgb,var(--alert-base-color) 80%,var(--alert-text-light) 20%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 40%)}.alert-secondary .alert-heading,.alert-secondary a{color:var(--alert-base-color)}.alert-success{--alert-base-color: var(--alert-success-color);background-color:color-mix(in srgb,var(--alert-base-color) 15%,var(--modal-bg-color) 85%);border-color:color-mix(in srgb,var(--alert-base-color) 80%,var(--modal-bg-color) 20%);color:color-mix(in srgb,var(--alert-base-color) 90%,var(--alert-text-light) 10%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 40%)}.alert-success .alert-heading,.alert-success a{color:var(--alert-base-color)}.alert-danger{--alert-base-color: var(--alert-danger-color);background-color:color-mix(in srgb,var(--alert-base-color) 15%,var(--modal-bg-color) 85%);border-color:color-mix(in srgb,var(--alert-base-color) 80%,var(--modal-bg-color) 20%);color:color-mix(in srgb,var(--alert-base-color) 90%,var(--alert-text-light) 10%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 40%)}.alert-danger .alert-heading,.alert-danger a{color:var(--alert-base-color)}.alert-warning{--alert-base-color: var(--alert-warning-color);background-color:color-mix(in srgb,var(--alert-base-color) 20%,var(--modal-bg-color) 80%);border-color:color-mix(in srgb,var(--alert-base-color) 60%,var(--modal-bg-color) 40%);color:color-mix(in srgb,var(--alert-base-color) 90%,var(--alert-text-dark) 10%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 30%)}.alert-warning .alert-heading,.alert-warning a{color:color-mix(in srgb,var(--alert-base-color) 80%,#000000 20%)}.alert-info{--alert-base-color: var(--alert-info-color);background-color:color-mix(in srgb,var(--alert-base-color) 15%,var(--modal-bg-color) 85%);border-color:color-mix(in srgb,var(--alert-base-color) 50%,var(--modal-bg-color) 50%);color:color-mix(in srgb,var(--alert-base-color) 90%,var(--alert-text-dark) 10%);box-shadow:0 0 10px color-mix(in srgb,var(--alert-base-color),transparent 30%)}.alert-info .alert-heading,.alert-info a{color:color-mix(in srgb,var(--alert-base-color) 80%,#000000 20%)}.alert-dismissible{padding-right:calc(var(--padding-lg) * 2)}.alert-close-button{position:absolute;top:0;right:0;padding:var(--padding-md) var(--padding-lg);background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:1.4em;line-height:1;font-weight:700;transition:opacity .2s ease}.alert-close-button:hover{opacity:1}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-md);transition:box-shadow .2s ease;background-color:var(--alert-secondary-color);color:var(--alert-text-light)}.badge-primary{--badge-base-color: var(--alert-primary-color);background-color:var(--badge-base-color);color:var(--alert-text-light);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 40%)}.badge-secondary{--badge-base-color: var(--alert-secondary-color);background-color:var(--badge-base-color);color:var(--alert-text-light);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 40%)}.badge-success{--badge-base-color: var(--alert-success-color);background-color:var(--badge-base-color);color:var(--alert-text-dark);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 30%)}.badge-danger{--badge-base-color: var(--alert-danger-color);background-color:var(--badge-base-color);color:var(--alert-text-light);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 40%)}.badge-warning{--badge-base-color: var(--alert-warning-color);background-color:var(--badge-base-color);color:var(--alert-text-dark);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 30%)}.badge-info{--badge-base-color: var(--alert-info-color);background-color:var(--badge-base-color);color:var(--alert-text-dark);box-shadow:0 0 10px color-mix(in srgb,var(--badge-base-color),transparent 30%)}.badge-top-right{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1}.dropdown-button-container{position:relative;display:inline-block}.dropdown-toggle-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pane-hover-glow-color);background-color:transparent;color:var(--pane-hover-glow-color);padding:6px 12px;font-size:.9em;font-weight:700;line-height:1.2;border-radius:calc(var(--border-radius-md) / 2);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 0 6px -1px var(--pane-hover-glow-color);min-width:60px;text-align:center}.dropdown-toggle-button:hover:not(:disabled),.dropdown-toggle-button.open:not(:disabled){background:linear-gradient(to bottom,var(--pane-hover-glow-color),color-mix(in srgb,var(--pane-hover-glow-color),#ffffff 40%));color:var(--modal-bg-color);box-shadow:0 0 10px 0 var(--pane-hover-glow-color)}.dropdown-toggle-button:active:not(:disabled){background-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);border-color:color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);color:var(--modal-bg-color);box-shadow:0 0 8px 0 var(--pane-hover-glow-color)}.dropdown-toggle-button:disabled{border-color:var(--button-disabled-border-color);background:linear-gradient(to bottom,var(--button-disabled-bg-start),var(--button-disabled-bg-end));color:var(--button-disabled-text-color);cursor:not-allowed;box-shadow:none;opacity:.7}.button-label{flex-grow:1}.caret-icon{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:4px;transition:transform .2s ease}.dropdown-toggle-button.open .caret-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background-color:var(--modal-bg-color);border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);padding:8px 0;margin:0;list-style:none;min-width:100%;box-shadow:0 5px 15px #0006;opacity:0;transform:translateY(-10px);transition:opacity .15s ease-out,transform .15s ease-out;pointer-events:none}.dropdown-button-container>.open+.dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{padding:0}.dropdown-item>button{appearance:none;border:none;background:none;font:inherit;display:block;width:100%;padding:8px var(--padding-lg);text-align:left;color:var(--text-secondary-color);cursor:pointer;transition:background-color .15s ease,color .15s ease;font-size:.9em;font-weight:700}.dropdown-item>button:hover:not(:disabled){background-color:color-mix(in srgb,var(--modal-bg-color),#ffffff 10%);color:var(--text-color)}.dropdown-item>button:disabled{color:var(--button-disabled-text-color);cursor:not-allowed;opacity:.7}.heart-component-wrapper{display:flex;align-items:center;gap:var(--padding-md)}.heart-label{font-family:var(--font-family);color:var(--text-secondary-color);font-size:1em;cursor:default}.heart-container{display:inline-block;position:relative;overflow:visible;--heart-size: 24px;line-height:0}.heart-icon{display:block;width:var(--heart-size);height:var(--heart-size);cursor:pointer;-webkit-user-drag:none;user-select:none;transition:transform .1s ease-out,filter .2s ease;filter:none;position:relative;z-index:1}.heart-container:not(.disabled) .heart-icon:hover{filter:drop-shadow(0 0 8px var(--button-cancel-glow-hover-color))}.heart-container .particle{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;filter:brightness(0) saturate(100%) invert(32%) sepia(77%) saturate(1752%) hue-rotate(328deg) brightness(90%) contrast(91%)}.heart-container.disabled{opacity:.5}.heart-container.disabled .heart-icon{cursor:not-allowed;transform:none!important;filter:grayscale(80%) brightness(1.2)!important}.info-strip{position:relative;display:flex;align-items:flex-start;gap:var(--padding-md);padding:var(--padding-md) var(--padding-lg);border-left:4px solid transparent;border-radius:0;width:100%;max-width:800px;font-family:var(--font-family);font-size:1em;line-height:1.5;box-shadow:none;background-color:var(--modal-bg-color)}.info-strip-icon{flex-shrink:0;margin-top:2px;width:1.2em;height:1.2em}.info-strip-content{flex-grow:1}.info-strip-heading{font-family:var(--font-family-heading);font-size:1.2em;margin-top:0;margin-bottom:.5em;font-weight:700}.info-strip a{font-weight:700;text-decoration:underline}.info-strip-primary{--info-strip-base-color: var(--alert-primary-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 80%,var(--alert-text-light) 20%)}.info-strip-primary .info-strip-heading,.info-strip-primary a{color:var(--info-strip-base-color)}.info-strip-secondary{--info-strip-base-color: var(--alert-secondary-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 80%,var(--alert-text-light) 20%)}.info-strip-secondary .info-strip-heading,.info-strip-secondary a{color:var(--info-strip-base-color)}.info-strip-success{--info-strip-base-color: var(--alert-success-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 90%,var(--alert-text-light) 10%)}.info-strip-success .info-strip-heading,.info-strip-success a{color:var(--info-strip-base-color)}.info-strip-danger{--info-strip-base-color: var(--alert-danger-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 90%,var(--alert-text-light) 10%)}.info-strip-danger .info-strip-heading,.info-strip-danger a{color:var(--info-strip-base-color)}.info-strip-warning{--info-strip-base-color: var(--alert-warning-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 20%,var(--modal-bg-color) 80%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 90%,var(--alert-text-dark) 10%)}.info-strip-warning .info-strip-heading,.info-strip-warning a{color:color-mix(in srgb,var(--info-strip-base-color) 80%,#000000 20%)}.info-strip-info{--info-strip-base-color: var(--alert-info-color);background-color:color-mix(in srgb,var(--info-strip-base-color) 15%,var(--modal-bg-color) 85%);border-left-color:var(--info-strip-base-color);color:color-mix(in srgb,var(--info-strip-base-color) 90%,var(--alert-text-dark) 10%)}.info-strip-info .info-strip-heading,.info-strip-info a{color:color-mix(in srgb,var(--info-strip-base-color) 80%,#000000 20%)}.list-group-container{display:flex;flex-direction:column;padding:0;margin-bottom:0;border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);background-color:var(--modal-bg-color);box-shadow:0 0 8px var(--image-outer-glow-color);width:100%;max-width:600px;overflow:hidden}.list-group-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--padding-md) var(--padding-lg);color:var(--text-color);background-color:transparent;border-bottom:1px solid var(--modal-border-glow-color);transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}.list-group-item:last-child{border-bottom:none}.list-item-content{flex-grow:1;margin-right:var(--padding-md)}.list-group-item.action{cursor:pointer}.list-group-item.action:hover,.list-group-item.action:focus{color:var(--modal-bg-color);background-color:var(--pane-hover-glow-color);box-shadow:inset 0 0 10px color-mix(in srgb,var(--pane-hover-glow-color),#000000 20%);outline:none;z-index:1}.list-group-item.disabled{color:var(--button-disabled-text-color);background-color:color-mix(in srgb,var(--modal-bg-color),#000000 20%);cursor:not-allowed}.list-group-item.disabled .badge{opacity:.65}.list-group-flush{border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:none;background-color:transparent}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top:0}.list-group-flush .list-group-item:last-child{border-bottom:0}.pagination-container{display:flex;justify-content:center;padding:var(--padding-md) 0}.pagination-list{display:flex;list-style:none;padding:0;margin:0;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 0 8px var(--image-outer-glow-color)}.pagination-item{margin:0}.page-link{display:block;position:relative;padding:6px 14px;font-size:.9em;font-weight:700;line-height:1.2;color:var(--pane-hover-glow-color);background-color:var(--modal-bg-color);border:1px solid var(--modal-border-glow-color);border-left:none;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out;min-width:40px;text-align:center}.pagination-item:first-child .page-link{border-left:1px solid var(--modal-border-glow-color)}.page-link:hover{z-index:2;color:var(--modal-bg-color);background-color:var(--pane-hover-glow-color);border-color:var(--pane-hover-glow-color)}.page-link:focus{z-index:3;outline:2px solid var(--pane-hover-glow-color);outline-offset:-2px;box-shadow:0 0 8px var(--pane-hover-glow-color)}.pagination-item.active .page-link{z-index:3;color:var(--modal-bg-color);background-color:var(--pane-hover-glow-color);border-color:var(--pane-hover-glow-color);font-weight:700;cursor:default}.pagination-item.disabled .page-link,.pagination-container.disabled .page-link{color:var(--button-disabled-text-color);pointer-events:none;background-color:var(--textarea-disabled-bg-color);border-color:var(--button-disabled-border-color);cursor:not-allowed;box-shadow:none}.pagination-item.disabled .prev-next,.pagination-container.disabled .prev-next{opacity:.6}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress-bar-container{width:100%;max-width:600px;font-family:var(--font-family)}.progress-bar-info{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.85em;color:var(--text-secondary-color)}.progress-bar-label{font-weight:700}.progress-bar-value{font-family:var(--font-family-monospace)}.progress-bar-outer{height:16px;background-color:color-mix(in srgb,var(--modal-bg-color),#000000 30%);border-radius:var(--border-radius-md);border:1px solid var(--modal-border-glow-color);overflow:hidden;position:relative;box-shadow:0 0 8px var(--image-outer-glow-color);transition:box-shadow .2s ease,border-color .2s ease}.progress-bar-inner{height:100%;border-radius:inherit;background:linear-gradient(to right,var(--modal-border-glow-color),var(--modal-border-gradient-start));transition:width .3s ease-out;position:relative;overflow:hidden}.progress-bar-yellow .progress-bar-outer{border-color:var(--pane-hover-glow-color);box-shadow:0 0 8px var(--pane-hover-glow-color)}.progress-bar-yellow .progress-bar-inner{background:linear-gradient(to right,var(--progress-fill-color-end),var(--progress-fill-color-start))}.progress-bar-inner.animated:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25% 50%,#ffffff40 50% 75%,#0000 75%,#0000);background-size:40px 40px;animation:progress-bar-stripes 1s linear infinite}.star-rating-container{display:inline-flex;align-items:center;gap:4px;--star-size: 24px;position:relative;overflow:visible}.star-icon{display:block;width:var(--star-size);height:var(--star-size);cursor:pointer;-webkit-user-drag:none;user-select:none;transition:transform .1s ease-out,filter .2s ease;z-index:1;position:relative}.star-icon[src$="/star-full.svg"]{filter:none}.star-rating-container:not(.disabled) .star-icon[src$="/star-empty.svg"]:hover{transform:scale(1.2);opacity:.8;filter:none}.star-rating-container:not(.disabled) .star-icon[src$="/star-full.svg"]:hover{transform:scale(1.2);filter:drop-shadow(0 0 4px var(--pane-hover-glow-color))}.particle{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;filter:brightness(0) saturate(100%) invert(86%) sepia(48%) saturate(1451%) hue-rotate(347deg) brightness(102%) contrast(101%)}.star-rating-container.read-only .star-icon{cursor:default;transform:none!important;filter:none!important;opacity:1!important}.star-rating-container.disabled{opacity:.5;cursor:not-allowed}.star-rating-container.disabled .star-icon{cursor:not-allowed;filter:grayscale(80%) brightness(1.2)!important;transform:none!important;opacity:1!important}.star-rating-container.disabled .star-icon:hover{transform:none;filter:grayscale(80%) brightness(1.2)}.star-rating-container.disabled .star-icon[src$="/star-full.svg"]{filter:grayscale(80%) brightness(1.2)}.tooltip-bubble{position:absolute;z-index:1080;display:block;padding:6px 12px;font-family:var(--font-family);font-size:.85em;font-weight:400;line-height:1.4;text-align:left;white-space:normal;word-wrap:break-word;border-radius:var(--border-radius-md);max-width:250px;background-color:var(--modal-border-glow-color);color:var(--text-color);box-shadow:0 0 8px var(--modal-border-glow-color);opacity:0;visibility:hidden;transform:none;transition:opacity .15s ease-in-out,visibility 0s linear .15s;pointer-events:none}.tooltip-arrow{position:absolute;display:block;width:8px;height:8px;background:var(--modal-border-glow-color);transform:rotate(45deg)}.tooltip-accent{background-color:var(--pane-hover-glow-color);color:var(--alert-text-dark);box-shadow:0 0 8px var(--pane-hover-glow-color)}.tooltip-accent .tooltip-arrow{background:var(--pane-hover-glow-color)}.notebook-container{position:relative;width:90vw;max-width:1200px;height:64.4vw;max-height:90vh;width:min(90vw,90vh * (900 / 644));height:min(90vh,90vw / (900 / 644));outline:none}.notebook-svg-container{width:100%;height:100%;position:absolute;z-index:1}.notebook-svg{width:100%;height:100%;filter:drop-shadow(0 0 15px var(--modal-border-glow-color, #7f5af0)) drop-shadow(0 0 5px var(--modal-border-glow-color, #7f5af0))}.rings-container{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:6.96%;pointer-events:none;z-index:3}.rings-svg{display:block;width:100%;height:100%}.html-content-container{position:absolute;overflow-y:auto;box-sizing:border-box;z-index:2;pointer-events:auto;padding:1% 5%}.html-content-container h2{font-family:Comic Sans MS,Comic Sans,cursive;color:#a08040;margin-top:0;margin-bottom:.8em}.html-content-container p{font-family:Georgia,serif;color:#504838;line-height:1.6;margin-bottom:1em}#tab1:hover{fill:var(--pane-hover-glow-color)}.chat-container{display:flex;flex-direction:column;height:100%;padding:1% 4% 1% 1.5%;box-sizing:border-box}.ai-response-panel{flex-grow:1;overflow-y:auto;margin-bottom:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9em;color:#333}.ai-response-panel p{margin-bottom:.8em;line-height:1.5}.user-prompt-box{display:flex;align-items:center}.user-prompt-box textarea{flex-grow:1;margin-right:8px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none;font-family:Arial,sans-serif;font-size:14px;min-height:64px;box-sizing:border-box;background-color:#f5f5f5}.user-prompt-box button{padding:8px 15px;background-color:var(--primary-color, #7f5af0);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;transition:background-color .2s ease}.user-prompt-box button:hover{background-color:var(--secondary-color, #2cb67d)}.number-update-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-color)}.number-update-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:80px;z-index:-1;pointer-events:none}.number-update-value{font-family:var(--font-family-heading);font-size:4em;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.5);margin-bottom:.1em;position:relative;z-index:1}.number-update-label{font-family:var(--font-family);font-size:1.1em;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary-color);position:relative;z-index:1}.progress-counter-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-family);width:120px}.progress-shape{width:100px;height:100px;position:relative;padding:4px;border-radius:50%;background:linear-gradient(to bottom right,var(--progress-border-color-start),var(--progress-border-color-end));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 15px var(--modal-border-glow-color)}.progress-inner-shape{width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;--progress-percent: 0%}.progress-inner-shape:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--progress-fill-color-end) 0%,var(--progress-fill-color-start) var(--progress-percent),transparent var(--progress-percent),transparent 100%);z-index:1}.progress-number{font-family:var(--font-family-heading);font-size:2.8em;font-weight:700;color:var(--progress-number-color);position:relative;z-index:2;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.progress-label{font-size:.9em;font-weight:400;color:var(--progress-label-color);text-transform:uppercase;letter-spacing:1px}.table-container{border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--modal-bg-color);width:100%;box-shadow:0 0 8px var(--image-outer-glow-color);transition:box-shadow .3s ease,border-color .3s ease}table{width:100%;border-collapse:collapse;color:var(--text-color);font-family:var(--font-family)}thead{font-family:var(--font-family-heading);color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.5px;font-size:.9em;border-bottom:2px solid var(--modal-border-glow-color);background-color:color-mix(in srgb,var(--modal-bg-color),#000000 20%)}th,td{padding:var(--padding-md);text-align:left;border-bottom:1px solid color-mix(in srgb,var(--modal-border-glow-color),transparent 50%)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(odd){background-color:transparent}tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--modal-bg-color),#000000 15%)}tbody tr:hover{background-color:color-mix(in srgb,var(--modal-bg-color),#000000 40%);cursor:default}.table-cell-content{display:flex;justify-content:space-between;align-items:center;gap:var(--padding-md)}.table-cell-value{font-weight:700;color:var(--text-secondary-color);white-space:nowrap;flex-shrink:0}:root{--background-color: #1a1a2e;--modal-bg-color: #2a1f4a;--modal-border-glow-color: #7f5af0;--modal-border-gradient-start: #00ffff;--text-color: #ffffff;--text-secondary-color: #a0a0e0;--button-icon-bg-color: #ffffff;--button-icon-text-color: #000000;--button-border-color: rgba(255, 255, 255, .2);--button-shadow-color: rgba(0, 0, 0, .3);--button-shadow-hover-color: rgba(0, 0, 0, .4);--button-shadow-active-color: rgba(0, 0, 0, .4);--button-highlight-start: rgba(255, 255, 255, .4);--button-highlight-end: rgba(255, 255, 255, .1);--button-confirm-bg-start: rgba(10, 180, 100, .85);--button-confirm-bg-end: rgba(0, 130, 60, .85);--button-confirm-border-color: rgba(60, 255, 150, .4);--button-confirm-glow-color: rgba(60, 255, 150, .6);--button-confirm-glow-hover-color: rgba(60, 255, 150, .8);--button-cancel-bg-start: rgba(220, 50, 80, .85);--button-cancel-bg-end: rgba(180, 30, 50, .85);--button-cancel-border-color: rgba(255, 100, 120, .4);--button-cancel-glow-color: rgba(255, 100, 120, .6);--button-cancel-glow-hover-color: rgba(255, 100, 120, .8);--button-disabled-bg-start: #666;--button-disabled-bg-end: #444;--button-disabled-border-color: #888;--button-disabled-text-color: #aaa;--inner-glow-color: rgba(127, 90, 240, .8);--image-outer-glow-color: rgba(127, 90, 240, .85);--image-inner-shadow-color: rgba(0, 0, 0, .85);--title-shadow-color: rgba(0, 0, 0, .8);--number-update-glow-bright: #adff2f;--number-update-glow-mid: #50c878;--number-update-glow-outer: #008000;--pane-hover-glow-color: #ffaf00;--checkbox-border-color: var(--modal-border-glow-color);--checkbox-bg-color: transparent;--checkbox-checked-border-color: var(--pane-hover-glow-color);--checkbox-checked-bg-color: var(--pane-hover-glow-color);--checkbox-checked-glow-color: var(--pane-hover-glow-color);--checkbox-checkmark-color: var(--text-color);--checkbox-disabled-border-color: #888;--checkbox-disabled-bg-color: #555;--checkbox-disabled-checkmark-color: #aaa;--radio-border-color: var(--modal-border-glow-color);--radio-bg-color: transparent;--radio-checked-border-color: var(--pane-hover-glow-color);--radio-checked-glow-color: var(--pane-hover-glow-color);--radio-dot-color: var(--pane-hover-glow-color);--radio-disabled-border-color: #888;--radio-disabled-bg-color: #555;--radio-disabled-dot-color: #aaa;--select-border-color: var(--modal-border-glow-color);--select-bg-color: var(--modal-bg-color);--select-text-color: var(--text-color);--select-arrow-color: var(--text-secondary-color);--select-focus-border-color: var(--pane-hover-glow-color);--select-focus-glow-color: var(--pane-hover-glow-color);--select-option-bg-color: var(--modal-bg-color);--select-option-hover-bg-color: var(--background-color);--select-disabled-border-color: #888;--select-disabled-bg-color: #555;--select-disabled-text-color: #aaa;--select-disabled-arrow-color: #777;--range-track-bg-color: var(--modal-bg-color);--range-track-border-color: var(--modal-border-glow-color);--range-fill-bg-color: var(--pane-hover-glow-color);--range-thumb-bg-color: var(--text-secondary-color);--range-thumb-border-color: var(--text-color);--range-thumb-hover-bg-color: var(--text-color);--range-thumb-active-bg-color: var(--pane-hover-glow-color);--range-focus-glow-color: var(--pane-hover-glow-color);--range-disabled-track-bg-color: #444;--range-disabled-track-border-color: #666;--range-disabled-fill-bg-color: #777;--range-disabled-thumb-bg-color: #888;--range-disabled-thumb-border-color: #aaa;--scrollbar-track-color: #1e1e3f;--scrollbar-thumb-color: var(--modal-border-glow-color);--scrollbar-thumb-hover-color: var(--text-secondary-color);--textarea-bg-color: var(--modal-bg-color);--textarea-border-color: var(--modal-border-glow-color);--textarea-text-color: var(--text-color);--textarea-placeholder-color: var(--text-secondary-color);--textarea-focus-border-color: var(--pane-hover-glow-color);--textarea-focus-glow-color: var(--pane-hover-glow-color);--textarea-disabled-border-color: #888;--textarea-disabled-bg-color: #555;--textarea-disabled-text-color: #aaa;--progress-bg-color: var(--modal-bg-color);--progress-border-color-start: #a040f0;--progress-border-color-end: #5000a0;--progress-fill-color-start: #ffcc00;--progress-fill-color-end: #ff8800;--progress-number-color: var(--text-color);--progress-label-color: var(--text-secondary-color);--alert-primary-color: var(--modal-border-glow-color, #7f5af0);--alert-secondary-color: #6c757d;--alert-success-color: var(--button-confirm-glow-hover-color, rgba(60, 255, 150, .8));--alert-danger-color: var(--button-cancel-glow-hover-color, rgba(255, 100, 120, .8));--alert-warning-color: var(--pane-hover-glow-color, #ffaf00);--alert-info-color: var(--modal-border-gradient-start, #00ffff);--alert-text-dark: color-mix(in srgb, var(--modal-bg-color), #000000 40%);--alert-text-light: var(--text-color, #ffffff);--border-radius-md: 8px;--padding-xs: 4px;--padding-sm: 8px;--padding-md: 16px;--padding-lg: 24px;--padding-xl: 32px;--padding-xxl: 48px;--font-family: "Roboto", sans-serif;--font-family-heading: "Oswald", var(--font-family);--font-family-monospace: "Roboto Mono", monospace}.three-pane-container{display:flex;justify-content:center;align-items:center;gap:var(--padding-lg);padding:var(--padding-lg);width:90%;opacity:0;transform:scale(.9) translateY(10px);perspective:1250px;transform-style:preserve-3d}.three-pane-item{background-color:var(--modal-bg-color);border:1px solid var(--modal-border-glow-color);border-radius:var(--border-radius-md);padding:var(--padding-lg);color:var(--text-color);font-family:var(--font-family);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;flex:1 1 30%;min-height:540px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.three-pane-item:nth-child(1){transform:rotateY(20deg)}.three-pane-item:nth-child(2){transform:translateZ(-80px)}.three-pane-item:nth-child(3){transform:rotateY(-20deg)}.three-pane-item:hover{border-color:var(--pane-hover-glow-color);box-shadow:0 0 15px var(--pane-hover-glow-color)}.three-pane-item:nth-child(2):hover{transform:scale(1.03) translateZ(0)}.three-pane-item:nth-child(1):hover{transform:scale(1.03) rotateY(20deg)}.three-pane-item:nth-child(3):hover{transform:scale(1.03) rotateY(-20deg)}.three-pane-icon{width:80px;height:80px;margin-bottom:var(--padding-md);opacity:.7;transition:opacity .3s ease}.three-pane-item:hover .three-pane-icon{opacity:1}.three-pane-title{font-family:var(--font-family-heading);font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2em;margin-top:var(--padding-md)}.three-pane-description{font-size:.9em;color:var(--text-secondary-color);line-height:1.4;margin-bottom:var(--padding-lg)}