@import"https://fonts.googleapis.com/css2?family=Lora:wght@400&family=Roboto+Serif:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@400&family=Roboto:wght@400;500;600;700&family=Roboto+Slab:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Roboto:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;zoom:1;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}#root{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start}.login-page{position:fixed;left:50%;top:50%;margin-left:-960px;margin-top:-540px;width:1920px;height:1080px;background:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transform-origin:center center;opacity:0;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.background-gradient{position:fixed;left:0;top:0;width:100vw;height:100vh;min-width:100vw;min-height:100vh;background:linear-gradient(237.7811902992783deg,#4a5198 .35899%,#a8b0ff 32.964%,#fff 73.223%);background-size:100% 100%;background-repeat:no-repeat;z-index:0;pointer-events:none}.background-gray{display:none}.decorative-image{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;overflow:visible;transition:transform .6s cubic-bezier(.4,0,.2,1)}.decorative-image:hover{transform:scale(1.1) rotate(5deg);filter:brightness(1.1)}.decorative-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.image-rotated{flex:none;transition:transform .3s cubic-bezier(.23,1,.32,1)}.image-rotated img{max-width:none}.decorative-image-1{left:147.9px;top:208.99px;width:384.22px;height:300.836px}.image-rotated-1{transform:rotate(346.324deg)}.image-rotated-1 img{width:340.238px;height:226.825px}.decorative-image-2{left:665px;top:34px;width:269.144px;height:215.128px}.image-rotated-2{transform:rotate(15.852deg)}.image-rotated-2 img{width:235.251px;height:156.834px;filter:blur(2px)}.decorative-image-3{left:376.53px;top:823px;width:214.649px;height:209.647px;z-index:5;pointer-events:none}.image-rotated-3{transform:rotate(41.626deg)}.image-rotated-3 img{width:180.326px;height:120.218px;filter:blur(1.4px)}.decorative-image-4{left:1700px;top:420px;width:306px;height:261px;z-index:10;transition:opacity .3s ease,transform .3s ease}.image-rotated-4{transform:rotate(23.218deg)}.image-rotated-4 img{width:324px;height:216px}.login-card{position:relative}.decorative-image-5{position:absolute;left:477px;top:151px;width:361.386px;height:341.485px;z-index:5;overflow:visible;pointer-events:none}.image-rotated-5{transform:rotate(36.91deg)}.image-rotated-5 img{width:301px;height:201px}.branding-content{position:absolute;left:1248px;top:45%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;transition:opacity .3s ease,transform .3s ease;opacity:0;visibility:hidden}.brand-logo{width:auto;height:480px;object-fit:contain;filter:drop-shadow(0px 4px 19.4px rgba(0,0,0,.25));transition:transform .3s ease}.brand-logo:hover{transform:scale(1.05)}.brand-title{font-family:Lora,serif;font-weight:400;font-size:108px;line-height:normal;color:#fff;text-shadow:0px 4px 19.4px rgba(0,0,0,.25);margin:0;padding:0;white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;text-align:center;width:100%;position:relative}.brand-title:hover{transform:scale(1.05);text-shadow:0px 6px 25px rgba(0,0,0,.4);letter-spacing:2px}.brand-subtitle{font-family:Denistina,serif;font-size:58px;line-height:normal;color:#fff;text-shadow:0px 4px 19.4px rgba(0,0,0,.25);margin:0;padding:0;position:relative;text-align:center;width:100%;left:0;top:0;font-style:normal;white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default}.brand-subtitle:hover{transform:scale(1.08) translate(5px);text-shadow:0px 6px 25px rgba(0,0,0,.4)}.login-card{position:absolute;left:209px;top:358px;width:718px;min-height:300px;height:auto;background:#fff;border-radius:26px;box-shadow:0 4px 25.1px #00000040;z-index:3;padding:30px 50px;box-sizing:border-box;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.23,1,.32,1),left .3s ease,top .3s ease,margin-left .3s ease,margin-top .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 8px 35px #00000059}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.login-card.shake{animation:shake .4s ease-in-out;border:2px solid #e74c3c}.login-title{font-family:"Roboto Serif",serif;font-weight:400;font-size:30px;line-height:normal;color:#000;margin:0 0 30px;padding:0;font-variation-settings:"GRAD" 0,"wdth" 100;position:relative;z-index:2;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.input-label{position:absolute;top:-10px;left:25px;font-family:"Roboto Serif",serif;font-weight:400;font-size:20px;line-height:normal;color:#868686;margin:0;padding:0 5px;font-variation-settings:"GRAD" 0,"wdth" 100;transition:color .3s ease;cursor:pointer;z-index:3;pointer-events:none;background:#fff}.input-label:hover{color:#a8afff}.input-label.error{color:#e74c3c}.input-wrapper{position:relative;width:618px;height:48px;margin:0 0 10px}.input-field-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}.login-input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;padding:0 15px;font-family:"Roboto Serif",serif;font-size:20px;color:#000;z-index:2;box-sizing:border-box;outline:none;transition:all .3s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.login-input::placeholder{color:#868686;transition:color .3s ease}.login-input:hover::placeholder{color:#a8afff}.login-input:focus::placeholder{color:#c0c5ff}.login-input.error{color:#e74c3c}.input-wrapper.error .input-field-bg{filter:hue-rotate(0deg) saturate(1.5) brightness(.9);opacity:.8}.input-wrapper.error{animation:shake .4s ease-in-out}.password-toggle{position:absolute;right:-40px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:18px;z-index:25;padding:5px;transition:transform .2s ease,opacity .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.eye-icon{width:24px;height:24px;object-fit:contain}.password-toggle:hover{transform:translateY(-50%) scale(1.15);opacity:.8}.password-toggle:active{transform:translateY(-50%) scale(.95)}.error-message{background:transparent!important;color:#e74c3c;font-size:14px;text-align:center;padding:3px 8px;border-radius:8px;font-family:"Roboto Serif",serif;margin:0;line-height:1.2}.button-wrapper{display:flex;justify-content:center;margin-top:10px}.login-button{width:220px;height:48px;background:#c0c5ff;border:none;border-radius:11px;font-family:"Roboto Serif",serif;font-weight:400;font-size:30px;line-height:normal;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-variation-settings:"GRAD" 0,"wdth" 100;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-button:hover{background:#a8afff;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #c0c5ff80}.login-button:hover:before{width:300px;height:300px}.login-button:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.project-settings-page{position:relative;width:100%;max-width:1920px;margin:0 auto;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;flex-direction:column;box-sizing:border-box;min-height:100vh}.background-gray-full{position:fixed;inset:0;width:100%;height:100%;background:#f8f9fa;z-index:-1;pointer-events:none;margin:0;padding:0;box-sizing:border-box}.exit-button-wrapper{position:absolute;right:clamp(12px,.9375vw,18px);top:clamp(12px,.9375vw,18px);display:flex;flex-direction:column;align-items:center;gap:0}.exit-icon{width:clamp(18px,1.40625vw,27px);height:clamp(18px,1.40625vw,27px);object-fit:contain;filter:brightness(0) saturate(100%) invert(49%) sepia(19%) saturate(2540%) hue-rotate(230deg) brightness(.95) contrast(.9)}.exit-text{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(14px,1.09vw,21px);line-height:normal;color:#5f58e8;margin-top:0;font-variation-settings:"wdth" 100}.main-content{position:relative;width:100%;margin-top:clamp(81px,5.90625vw,113.4px);z-index:1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 20px 40px;max-height:calc(100vh - clamp(81px,5.90625vw,113.4px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bfa8df transparent}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#bfa8df;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#a890d0}.page-title{position:relative;font-family:Roboto,sans-serif;font-weight:700;font-size:33px;line-height:normal;color:#000;margin:77px 0 0;padding:0;font-variation-settings:"wdth" 100;text-align:center;width:100%}.settings-card-wrapper{position:relative;width:100%;max-width:802px;margin:77px auto 0;z-index:2;display:flex;gap:0;box-sizing:border-box}.presets-section-card{width:535px;height:343px;background:#e6e7e8;border-radius:12px 0 0 12px;padding:20px;box-sizing:border-box;margin:0;flex-shrink:0}.project-settings-section-card{width:267px;height:343px;background:#e6e7e8;border-radius:0 12px 12px 0;padding:20px;box-sizing:border-box;margin:0;flex-shrink:0;position:relative}.presets-section{width:100%;height:100%;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.section-label{font-family:Roboto,sans-serif;font-weight:500;font-size:19px;line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100;text-align:center;width:100%}.presets-container{display:flex;gap:34px;margin-top:15px;align-items:flex-start;justify-content:center;width:100%}.preset-card{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:5px;box-shadow:0 4px 11.3px #00000040}.preset-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.preset-card:first-child{width:160px;height:227px;background:#fff}.preset-card:first-child.selected{background:#78ff95}.preset-card:nth-child(2){width:114px;height:160px;background:#fff;margin-top:67px}.preset-card:nth-child(2).selected{background:#78ff95}.preset-card:nth-child(3){width:80px;height:114px;background:#fff;margin-top:113px}.preset-card:nth-child(3).selected{background:#78ff95}.preset-label{font-family:Roboto Slab,serif;font-weight:600;font-size:22px;line-height:normal;color:#000;margin:0;padding:0}.divider-line{width:1px;height:343px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;background:#d0d0d0}.divider-line img{width:343px;height:1px;transform:rotate(90deg);opacity:.5}.project-settings-section{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;position:relative}.project-name-wrapper{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.project-name-input{width:223px;height:21px;background:#bcbcbc;border:none;border-radius:2px;padding:0 10px;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#000;outline:none;font-variation-settings:"wdth" 100}.project-name-input::placeholder{color:#888;opacity:1}.project-name-input:focus::placeholder{opacity:0;transition:opacity .2s ease}.project-name-input.project-name-input--error{border:2px solid #dc3545;background:#ffe6e6;box-shadow:0 0 0 1px #dc3545}.dimensions-row{display:flex;align-items:flex-end;gap:10px;justify-content:space-between}.dimension-input-wrapper{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.dimension-label{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.dimension-input-group{display:flex;align-items:center;gap:8px}.dimension-input{width:54px;height:21px;background:#bcbcbc;border:none;border-radius:2px;padding:0 8px;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#000;outline:none;text-align:left;font-variation-settings:"wdth" 100}.dimension-unit{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#000;font-variation-settings:"wdth" 100}.orientation-buttons-row{display:flex;gap:10px;margin-top:10px;width:100%}.orientation-toggle-btn{flex:1;height:29px;background:#cacaca;border:2px solid #cacaca;border-radius:6px;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;line-height:normal;color:#000;cursor:pointer;transition:all .2s ease;font-variation-settings:"wdth" 100}.orientation-toggle-btn:hover:not(:disabled){background:#bababa;border-color:#bababa}.orientation-toggle-btn.orientation-toggle-btn--selected{background:#4a5198;border-color:#4a5198;color:#fff}.orientation-toggle-btn.orientation-toggle-btn--selected:hover:not(:disabled){background:#3d4580;border-color:#3d4580;color:#fff}.orientation-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.paper-flip-animation{perspective:800px;opacity:0;position:absolute;right:-120px;top:120px;transform:translateY(-50%);z-index:10;transition:opacity .3s ease;pointer-events:none}.paper-flip-animation.portrait{width:80px;height:112px}.paper-flip-animation.landscape{width:112px;height:80px}.paper-flip-animation.animating{transition:width .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1)}.paper-flip-animation.animating{opacity:1;pointer-events:auto}.paper-sheet{width:100%;height:100%;position:relative;transform-style:preserve-3d}.paper-front,.paper-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:3px;box-shadow:0 3px 10px #0003}.paper-front{background:linear-gradient(135deg,#fff,#f8f8f8);border:1px solid #d0d0d0}.paper-back{background:linear-gradient(135deg,#f8f8f8,#fff);border:1px solid #d0d0d0;transform:rotateY(180deg)}.paper-dimension{position:absolute;font-family:Roboto,sans-serif;font-weight:500;font-size:11px;color:#333;white-space:nowrap;text-align:center;pointer-events:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.paper-flip-animation.portrait .paper-width{bottom:-30px;left:50%;transform:translate(-50%)}.paper-flip-animation.portrait .paper-height{right:-45px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}.paper-flip-animation.landscape .paper-width{bottom:-30px;left:50%;transform:translate(-50%)}.paper-flip-animation.landscape .paper-height{right:-45px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}.create-project-button{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:199px;height:29px;background:#cacaca;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-weight:500;font-size:20px;line-height:normal;color:#000;cursor:pointer;transition:all .3s ease;font-variation-settings:"wdth" 100}.create-project-button:hover{background:#bababa;transform:translate(-50%) translateY(-2px);box-shadow:0 4px 8px #0003}.create-project-button:active{transform:translate(-50%) translateY(0)}.orientation-section{display:flex;flex-direction:column;gap:5px}.orientation-options{display:flex;gap:10px}.orientation-option{background:transparent;border:1px solid black;cursor:pointer;padding:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.orientation-option:hover{border-color:#4a5198}.orientation-option.selected{border:2px solid #4a5198}.orientation-square{background:#d9d9d9;border:1px solid black}.orientation-square.portrait{width:33px;height:47px}.orientation-square.landscape{width:47px;height:33px}.recent-projects-section{position:relative;width:100%;max-width:882px;margin:40px auto 0;z-index:1}.recent-projects-section .recent-projects-title{left:0}.recent-projects-section .recent-projects-date-title{right:0}.recent-projects-header{display:flex;justify-content:space-between;margin-bottom:10px}.recent-projects-title,.recent-projects-date-title{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;line-height:normal;color:#b7bbbf;margin:0;padding:0;font-variation-settings:"wdth" 100}.recent-projects-list{display:flex;flex-direction:column;gap:0}.recent-project-item{display:flex;justify-content:space-between;align-items:center;height:24px;background:transparent;border-radius:5px;padding:0 10px;margin-bottom:6px;cursor:pointer;transition:background .2s ease}.recent-project-item:hover{background:#f0f0f0}.project-name{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;line-height:normal;color:#969696;margin:0;padding:0;font-variation-settings:"wdth" 100}.project-date{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:normal;color:#969696;margin:0;padding:0;font-variation-settings:"wdth" 100}.recent-project-item .delete-project-button{background:transparent;border:none;cursor:pointer;padding:2px 6px;margin-left:10px;color:#dc3545;font-size:18px;font-weight:700;line-height:1;opacity:.6;transition:opacity .2s ease;flex-shrink:0}.recent-project-item .delete-project-button:hover{opacity:1;color:#c82333}input{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}@font-face{font-family:Denistina;src:local("Brush Script MT"),local("Brush Script"),local("Lucida Handwriting");font-style:italic;font-weight:400}@font-face{font-family:Cygre Medium;src:local("Arial"),local("Helvetica");font-weight:500}.main-page{position:relative;width:1920px;height:1080px;min-width:1920px;min-height:1080px;background:transparent;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;flex-direction:column;box-sizing:border-box;transform-origin:center center;will-change:transform;display:flex;align-items:center;justify-content:center}.background-gray-main{position:fixed;inset:0;width:100%;height:100%;background:#dfdfdf;z-index:0;pointer-events:none;transform:none!important;margin:0;padding:0}.canvas-scroll-container{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.canvas-scroll-container::-webkit-scrollbar{display:none}.canvas-large-container{width:10000px;height:10000px;display:flex;align-items:center;justify-content:center;position:relative}.header{position:fixed;left:0;top:0;width:100%;height:clamp(81px,5.90625vw,113.4px);background:#f8f9fa;border-radius:0 0 clamp(18px,1.40625vw,27px) clamp(18px,1.40625vw,27px);box-shadow:0 4px 21.2px #00000040;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,1.725vw,33px);box-sizing:border-box}.header-logo{display:flex;align-items:center;gap:clamp(18px,1.725vw,33px);white-space:nowrap}.header-logo-icon{height:clamp(60px,4.5vw,85px);width:auto;object-fit:contain;flex-shrink:0}.header-title{font-family:Lora,serif;font-weight:600;font-size:clamp(28.5px,2.109375vw,40.5px);line-height:normal;color:#886ab3;margin:0;padding:0;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:clamp(18px,1.725vw,33px);position:absolute;right:clamp(180px,14.0625vw,270px);top:50%;transform:translateY(-50%)}.new-project-button{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.3125vw,6px);background:none;border:none;cursor:pointer;padding:0}.new-project-icon{width:clamp(36px,2.8125vw,54px);height:clamp(36px,2.8125vw,54px);filter:brightness(0) saturate(100%) invert(49%) sepia(19%) saturate(2540%) hue-rotate(230deg) brightness(.95) contrast(.9);transition:filter .2s}.new-project-button:hover .new-project-icon{filter:brightness(0) saturate(100%) invert(45%) sepia(22%) saturate(2800%) hue-rotate(230deg) brightness(.85) contrast(.95)}.new-project-label{font-family:Cygre Medium,sans-serif;font-weight:500;font-size:clamp(13px,1.01625vw,19.5px);line-height:normal;color:#886ab3;white-space:nowrap}.export-button-group{display:flex;align-items:center;gap:clamp(12px,.9375vw,18px);margin-right:clamp(20px,1.5625vw,30px)}.export-button-main{display:flex;align-items:center;gap:clamp(8px,.625vw,12px);background:linear-gradient(135deg,#5f58e8,#a463e6);border:none;padding:0 clamp(18px,1.40625vw,27px);height:clamp(38px,2.93vw,56px);cursor:pointer;transition:all .3s ease;border-radius:clamp(14px,1.09vw,21px);box-shadow:0 4px 12px #5f58e84d;flex-shrink:0}.export-button-main:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5f58e866}.export-button-main:active{transform:translateY(0)}.export-icon{width:clamp(18px,1.40625vw,27px);height:clamp(18px,1.40625vw,27px);filter:brightness(0) invert(1);flex-shrink:0}.export-text{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(14px,1.09vw,21px);line-height:normal;color:#fff;white-space:nowrap;flex-shrink:0;font-variation-settings:"wdth" 100}.export-button-preview{display:flex;align-items:center;justify-content:center;background:#f6f6fb;border:1px solid #e3e5ee;width:clamp(38px,2.93vw,56px);height:clamp(38px,2.93vw,56px);cursor:pointer;transition:all .3s ease;border-radius:clamp(14px,1.09vw,21px);flex-shrink:0}.export-button-preview:hover{background:#eeeef8;border-color:#c6caed;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.export-button-preview:active{transform:translateY(0)}.preview-icon{width:clamp(18px,1.40625vw,27px);height:clamp(18px,1.40625vw,27px);filter:brightness(0) saturate(100%) invert(49%) sepia(19%) saturate(2540%) hue-rotate(230deg) brightness(.95) contrast(.9)}.exit-button-wrapper{position:absolute;right:clamp(12px,.9375vw,18px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0}.exit-button{display:flex;flex-direction:row;align-items:center;gap:clamp(8px,.625vw,12px);background:#f6f6fb;border:1px solid #e3e5ee;cursor:pointer;padding:clamp(8px,.625vw,12px) clamp(14px,1.09vw,21px);transition:all .2s ease;border-radius:clamp(14px,1.09vw,21px);box-shadow:0 2px 8px #00000014}.exit-button:hover{background:#eeeef8;border-color:#c6caed;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.exit-icon{width:clamp(18px,1.40625vw,27px);height:clamp(18px,1.40625vw,27px);filter:brightness(0) saturate(100%) invert(49%) sepia(19%) saturate(2540%) hue-rotate(230deg) brightness(.95) contrast(.9)}.exit-text{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(14px,1.09vw,21px);line-height:normal;color:#5f58e8;font-style:normal;margin-top:0}.parameters-panel{position:fixed;left:clamp(18px,1.725vw,33px);top:clamp(105px,7.8vw,150px);bottom:clamp(80px,5.46vw,105px);width:clamp(266px,18.45vw,354px);background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;z-index:50;padding:clamp(22px,1.45vw,28px);padding-bottom:clamp(10px,.695vw,13.35px);padding-right:clamp(10px,.695vw,13.35px);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;gap:clamp(16px,1.04vw,20px)}.parameters-panel-resize-handle{position:absolute;bottom:0;left:0;right:0;height:clamp(12px,.833vw,16px);cursor:ns-resize;background:transparent;z-index:51;transition:background .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.parameters-panel-resize-handle:hover{background:#886ab326}.parameters-panel-resize-handle:active{background:#886ab340}.parameters-panel-resize-handle:before{content:"";position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);width:clamp(40px,2.78vw,53.3px);height:clamp(3px,.208vw,4px);background:#886ab34d;border-radius:clamp(2px,.139vw,2.67px)}.parameters-title{font-family:Roboto,sans-serif;font-weight:700;font-size:clamp(22px,1.43vw,28px);line-height:normal;color:#111;text-align:center;margin:0;padding:0;font-variation-settings:"wdth" 100}.parameters-content{display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;padding-bottom:clamp(40px,2.78vw,53.3px);padding-right:clamp(12px,.83vw,16px);padding-top:0;margin-right:clamp(-12px,-.83vw,-16px);scrollbar-width:thin;scrollbar-color:#bfa8df transparent}.parameters-content:after{content:"";position:sticky;bottom:0;left:clamp(-25px,-1.74vw,-33.4px);right:clamp(-25px,-1.74vw,-33.4px);height:clamp(30px,2.08vw,40px);background:linear-gradient(to bottom,#fff0,#ffffffe6,#fff);pointer-events:none;z-index:2;margin-top:calc(-1*clamp(30px,2.08vw,40px));opacity:0;transition:opacity .2s ease}.parameters-content.scrollable:after{opacity:1}.parameters-content::-webkit-scrollbar{width:clamp(10px,.69vw,13px)}.parameters-content::-webkit-scrollbar-track{background:transparent}.parameters-content::-webkit-scrollbar-thumb{background:#bfa8df;border-radius:clamp(8px,.56vw,10px);border:2px solid transparent;background-clip:content-box}.parameters-content::-webkit-scrollbar-thumb:hover{background:#a48bc7}.parameters-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(18px,1.17vw,22.5px);line-height:1.5;color:#6d6d6d;font-variation-settings:"wdth" 100;padding:clamp(30px,1.95vw,37.5px) 0;width:100%;box-sizing:border-box;margin:0}.parameters-empty p{margin:0 auto;padding:0;white-space:nowrap;line-height:1.2;text-align:center}.parameters-empty p:not(:last-child){margin-bottom:clamp(2px,.13vw,3px)}.parameter-group{display:flex;flex-direction:column;gap:clamp(8px,.56vw,10.7px)}.parameter-group:has(.parameter-toggle-switch){flex-direction:row;align-items:center;justify-content:space-between}.parameter-label-wrapper{display:flex;align-items:center;gap:clamp(6px,.42vw,8px)}.parameter-label{font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(16px,1.11vw,21.3px);line-height:normal;color:#111;margin:0;padding:0;font-variation-settings:"wdth" 100}.parameter-help-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center}.parameter-help-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px);min-width:clamp(18px,1.25vw,24px);min-height:clamp(18px,1.25vw,24px);flex-shrink:0;border-radius:50%;background-color:#d0d0d0;color:#888;font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(12px,.83vw,16px);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:0;transition:background-color .2s ease,color .2s ease}.parameter-help-icon:hover{background-color:#b0b0b0;color:#666}.parameter-help-icon:active{transform:scale(.95)}.parameter-help-content{position:absolute;bottom:calc(100% + clamp(8px,.56vw,10px));left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:clamp(8px,.56vw,12px) clamp(12px,.83vw,16px);border-radius:clamp(6px,.42vw,8px);font-family:Roboto,sans-serif;font-size:clamp(12px,.83vw,14px);line-height:1.4;white-space:nowrap;max-width:clamp(250px,17.36vw,333px);white-space:normal;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 2px 8px #0000004d}.parameter-help-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:clamp(5px,.35vw,6px) solid transparent;border-top-color:#333}.parameter-help-tooltip:hover .parameter-help-content{opacity:1;pointer-events:auto}.parameter-toggle-switch{position:relative;display:inline-block;width:clamp(44px,3.06vw,58.7px);height:clamp(24px,1.67vw,32px);cursor:pointer;flex-shrink:0}.parameter-toggle-switch input{opacity:0;width:0;height:0}.parameter-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:clamp(24px,1.67vw,32px)}.parameter-toggle-slider:before{position:absolute;content:"";height:clamp(18px,1.25vw,24px);width:clamp(18px,1.25vw,24px);left:clamp(3px,.21vw,4px);bottom:clamp(3px,.21vw,4px);background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.parameter-toggle-switch input:checked+.parameter-toggle-slider{background-color:#886ab3}.parameter-toggle-switch input:checked+.parameter-toggle-slider:before{transform:translate(clamp(20px,1.39vw,26.7px))}.parameter-toggle-switch input:disabled+.parameter-toggle-slider{opacity:.5;cursor:not-allowed}.parameter-toggle-switch:hover input:not(:disabled)+.parameter-toggle-slider{box-shadow:0 0 0 clamp(2px,.14vw,2.67px) #886ab34d}.parameter-blocked{opacity:.5;pointer-events:none;position:relative}.parameter-blocked:before{content:"";position:absolute;inset:0;background:#ffffffb3;z-index:1;border-radius:clamp(8px,.56vw,10.7px)}.parameter-photo-upload{width:100%;margin-bottom:clamp(15px,1.04vw,20px)}.parameter-photo-button{width:100%;height:clamp(91px,6.32vw,121px);background:linear-gradient(135deg,#5f58e8,#a463e6);border-radius:14px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,.56vw,10.7px);padding:clamp(12px,.83vw,16px);box-sizing:border-box;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 10px 22px #5f58e840}.parameter-photo-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.parameter-photo-button.has-preview{background:transparent;box-shadow:none;padding:0}.parameter-photo-button.has-preview:hover{transform:none;box-shadow:none}.parameter-photo-icon{width:clamp(37px,2.57vw,55.5px);height:clamp(37px,2.57vw,55.5px);display:flex;align-items:center;justify-content:center}.parameter-photo-text{font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(12px,.83vw,18px);line-height:normal;color:#fff;text-align:center;margin:0;padding:0;font-variation-settings:"wdth" 100}.parameter-photo-text p{margin:0;padding:0;line-height:1.2}.parameter-photo-preview{width:100%;height:100%;object-fit:cover;border-radius:clamp(15px,1.04vw,22.5px);background:transparent}.parameter-input{width:100%;height:clamp(29px,2.01vw,38.6px);border:1px solid #dfe3eb;border-radius:12px;padding:0 clamp(13px,.9vw,17.3px);font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(14px,.97vw,18.7px);color:#111;background:#fff;box-sizing:border-box;outline:none;font-variation-settings:"wdth" 100;transition:all .2s ease}.parameter-input::placeholder{color:#8a8a8a}.parameter-input:focus{border-color:#5f58e8;box-shadow:0 0 0 3px #5f58e81a}.parameter-input-textarea{min-height:clamp(29px,2.01vw,38.6px);max-height:200px;resize:none;overflow-y:auto;padding-top:6px;padding-bottom:6px;line-height:1.4;vertical-align:top}.parameter-apply-row{margin-top:8px;display:flex;align-items:center}.parameter-apply-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:clamp(13px,.9vw,16px);font-weight:500;color:#5f58e8;background:#5f58e814;border:1px solid rgba(95,88,232,.25);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}.parameter-apply-btn:hover:not(:disabled){background:#5f58e826;border-color:#5f58e866}.parameter-apply-btn:disabled{opacity:.5;cursor:not-allowed}.parameter-apply-check{font-size:1em;line-height:1}.parameter-select-wrapper{position:relative;width:100%}.parameter-select{width:100%;height:clamp(29px,2.01vw,38.6px);border:1px solid #dfe3eb;border-radius:12px;padding:0 clamp(13px,.9vw,17.3px);padding-right:clamp(30px,2.08vw,40px);font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(16px,1.11vw,21.3px);color:#111;background:#fff;box-sizing:border-box;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-variation-settings:"wdth" 100;transition:all .2s ease}.parameter-select:focus{border-color:#5f58e8;box-shadow:0 0 0 3px #5f58e81a}.parameter-select-arrow{position:absolute;right:clamp(13px,.9vw,17.3px);top:50%;transform:translateY(-50%);width:clamp(12px,.83vw,16px);height:clamp(9px,.63vw,12px);pointer-events:none}.parameter-number-wrapper{display:flex;align-items:center;gap:clamp(8px,.56vw,10.7px)}.parameter-number-input{width:38px;height:clamp(29px,2.01vw,38.6px);border:1px solid #dfe3eb;border-radius:6px;padding:0 4px;font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(16px,1.11vw,21.3px);color:#111;background:#fff;box-sizing:border-box;outline:none;font-variation-settings:"wdth" 100;transition:all .2s ease;appearance:textfield;-moz-appearance:textfield}.parameter-number-input::-webkit-outer-spin-button,.parameter-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.parameter-number-input:focus{border-color:#5f58e8;box-shadow:0 0 0 3px #5f58e81a}.parameter-number-controls{display:flex;flex-direction:column;gap:0}.parameter-number-btn{width:clamp(14px,.97vw,18.7px);height:clamp(11.5px,.8vw,15.3px);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.parameter-number-btn img{width:100%;height:100%;object-fit:contain}.parameter-number-btn:hover{opacity:.7}.parameter-unit{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(16px,1.11vw,21.3px);line-height:normal;color:#737373;font-variation-settings:"wdth" 100}.parameter-divider{width:100%;height:1px;background:#eef0f5;margin:clamp(8px,.56vw,10.7px) 0}.parameter-slider-wrapper{display:flex;align-items:center;gap:clamp(8px,.56vw,10.7px)}.parameter-slider-track{position:relative;width:clamp(164px,11.39vw,218.7px);height:clamp(24px,1.67vw,32px);background:transparent;border-radius:clamp(4px,.28vw,5.3px);overflow:visible;display:flex;align-items:center;justify-content:center}.parameter-slider-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:clamp(6px,.42vw,8px);background:#8b88c8;border-radius:clamp(4px,.28vw,5.3px);pointer-events:none;z-index:0}.parameter-slider-track:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:clamp(6px,.42vw,8px);background:#d9d9d9;border-radius:clamp(4px,.28vw,5.3px);z-index:0}.parameter-slider{position:absolute;left:0;top:50%;transform:translateY(calc(-50% + 3px));width:100%;height:clamp(24px,1.67vw,32px);margin:0;padding:0;background:transparent;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}.parameter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px);border-radius:50%;background:#8b88c8;border:2px solid white;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0003;cursor:pointer;position:relative;z-index:3;transition:transform .1s ease,box-shadow .1s ease;margin-top:0}.parameter-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #0000001a,0 3px 6px #0000004d}.parameter-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.parameter-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #0000001a,0 3px 6px #0000004d}.parameter-slider::-moz-range-thumb:active{transform:scale(1.05)}.parameter-slider::-webkit-slider-runnable-track{width:100%;height:clamp(24px,1.67vw,32px);background:transparent;cursor:pointer}.parameter-slider::-moz-range-track{width:100%;height:clamp(24px,1.67vw,32px);background:transparent;cursor:pointer;border:none}.parameter-slider::-moz-range-thumb{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px);border-radius:50%;background:#8b88c8;border:2px solid white;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0003;cursor:pointer;-moz-appearance:none;appearance:none;transition:transform .1s ease,box-shadow .1s ease;margin-top:calc((clamp(6px,.42vw,8px) - clamp(18px,1.25vw,24px))/-2)}.parameter-slider-value,.parameter-slider-value-input{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(14px,.97vw,18px);line-height:normal;color:#000;width:36px;min-width:36px;text-align:right;font-variation-settings:"wdth" 100}.parameter-slider-value-input{background:transparent;border:1px solid transparent;border-radius:4px;padding:2px;outline:none}.parameter-slider-value-input:hover{border-color:#e3e5ee}.parameter-slider-value-input:focus{border-color:#4a5198;background:#fff}.create-layer-button-in-panel{width:100%;height:clamp(36px,2.505vw,48px);background:#a3a8da;border:none;border-radius:clamp(18px,1.245vw,24px);font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(18px,1.335vw,25.5px);line-height:normal;color:#fff;cursor:pointer;transition:all .3s ease;font-variation-settings:"wdth" 100;margin-top:clamp(15px,1.04vw,20px)}.create-layer-button-in-panel:hover{background:#9398ca;transform:translateY(-2px);box-shadow:0 4px 8px #a3a8da4d}.create-layer-button-in-panel:active{transform:translateY(0)}.create-layer-button-bottom-left{position:fixed;left:calc(clamp(18px,1.725vw,33px) + clamp(266px,18.45vw,354px)/2);bottom:clamp(12px,.78vw,15px);display:flex;align-items:center;gap:clamp(9px,.585vw,11.25px);padding:clamp(12px,.78vw,15px) clamp(21px,1.365vw,26.25px);background:linear-gradient(135deg,#5f58e8,#a463e6);border:none;border-radius:clamp(18px,1.17vw,22.5px);font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(18px,1.17vw,22.5px);line-height:normal;color:#fff;cursor:pointer;transition:all .3s ease;font-variation-settings:"wdth" 100;z-index:99;box-shadow:0 2px 8px #5f58e840;transform:translate(-50%)}.create-layer-button-bottom-left:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 4px 12px #5f58e866}.create-layer-button-bottom-left:active{transform:translate(-50%) translateY(0)}.create-layer-icon{width:clamp(18px,1.17vw,22.5px);height:clamp(18px,1.17vw,22.5px);filter:brightness(0) invert(1)}.create-layer-text{white-space:nowrap}.effects-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.effects-modal{background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 4px 24px #0000004d;padding:clamp(24px,1.56vw,30px);max-width:clamp(500px,34.7vw,666px);width:90%;max-height:80vh;overflow-y:auto;z-index:1001}.font-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;animation:fontModalOverlayFadeIn .2s ease-out;padding-top:max(clamp(81px,5.90625vw,113.4px),81px);padding-bottom:20px;overflow-y:auto;box-sizing:border-box}@keyframes fontModalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.canvas-area--blocked,.canvas-area--blocked .canvas-content{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.parameter-info-modal{max-width:450px;width:auto;height:auto;max-height:50vh;padding:clamp(16px,1.04vw,20px)}.font-modal{background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;padding:clamp(22px,1.45vw,28px);width:90%;max-width:920px;height:82vh;max-height:calc(100vh - max(clamp(81px,5.90625vw,113.4px),81px) - 40px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);animation:fontModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);margin-top:20px;flex-shrink:0;position:relative;min-height:0}@keyframes fontModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fontModalContentFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fontCardFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.font-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.font-modal-title{margin:0;font-size:clamp(22px,1.43vw,28px);font-weight:700;color:#111}.font-modal-subtitle{margin:6px 0 0;color:#5f5f5f;font-size:14px}.font-modal-close{background:transparent;border:none;font-size:clamp(24px,1.56vw,30px);color:#666;width:clamp(32px,1.95vw,36px);height:clamp(32px,1.95vw,36px);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease}.font-modal-close:hover{background:#f2f2f2;color:#333}.font-modal-tabs{display:inline-flex;gap:8px;background:#f6f6fb;border-radius:12px;padding:6px;width:fit-content;animation:fontModalContentFadeIn .4s ease-out .1s both}.font-tab{border:none;background:transparent;padding:10px 16px;border-radius:10px;font-weight:600;color:#6a6a6a;cursor:pointer;transition:all .2s ease}.font-tab.active{background:linear-gradient(135deg,#5f58e8,#a463e6);color:#fff;box-shadow:0 8px 18px #5f58e840}.font-search-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.font-search-input-wrapper{flex:1}.font-search-input{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:12px 14px;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.font-search-input:focus{border-color:#5f58e8;box-shadow:0 0 0 2px #5f58e829}.font-language-filter{display:inline-flex;align-items:center;gap:6px;background:#f6f6fb;border-radius:12px;padding:6px}.font-filter-btn{border:none;background:transparent;padding:8px 12px;border-radius:10px;font-weight:600;color:#6a6a6a;cursor:pointer;transition:all .2s ease}.font-filter-btn.active{background:#fff;color:#5f58e8;box-shadow:0 6px 14px #5f58e82e}.font-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;animation:fontModalContentFadeIn .4s ease-out .15s both}.font-list-wrapper{flex:1;overflow:auto;border:1px solid #eef0f5;border-radius:14px;padding:12px;background:#fbfbfe;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;min-height:0;contain:layout}.font-empty{color:#8a8a8a;text-align:center;font-size:14px;grid-column:1 / -1}.font-card{text-align:left;border:1px solid #e3e5ee;background:#fff;padding:12px 14px;border-radius:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.font-card:hover{border-color:#c6caed;box-shadow:0 6px 14px #0000000f}.font-card.selected{border-color:#5f58e8;box-shadow:0 10px 24px #5f58e838}.font-card-name{font-weight:700;margin-bottom:6px;color:#161616}.font-card-preview{font-size:18px;color:#3a3a3a;margin-bottom:8px;line-height:1.3;min-height:1.3em}.font-card-preview-placeholder{height:26px;min-height:26px;max-width:100px;margin-bottom:8px;border-radius:6px;overflow:hidden;position:relative;display:block}.font-card-preview-shimmer{display:block;width:100%;height:100%;min-height:26px;background:linear-gradient(90deg,#f0f0f0 0% 30%,#e6e6e6 50%,#f0f0f0 70% 100%);background-size:200% 100%;animation:font-card-shimmer 1.8s ease-in-out infinite}@keyframes font-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.font-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#6a6a6a;font-size:12px}.font-card-lang{color:#5e5e5e}.font-card-lang-badge{background:#e8e8e8;color:#5e5e5e;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.font-card-badge{background:#eef0ff;color:#5f58e8;padding:4px 8px;border-radius:8px;font-weight:600}.font-card-badge.muted{background:#f4f5f8;color:#6a6a6a}.font-upload-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.font-dropzone{flex:1;border:2px dashed #cdd0df;border-radius:14px;padding:clamp(40px,3.47vw,80px) clamp(30px,2.08vw,60px);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,1.39vw,30px);min-height:400px;transition:border-color .2s ease,background-color .2s ease;animation:fontModalContentFadeIn .4s ease-out .15s both}.font-dropzone:hover{border-color:#5f58e8;background:#fafbff}.font-dropzone-text{display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center}.font-dropzone-title{margin:0;font-weight:700;font-size:clamp(18px,1.25vw,24px);color:#1e1e1e}.font-dropzone-subtitle{margin:0;color:#6a6a6a;font-size:clamp(14px,.97vw,16px)}.font-upload-button{background:linear-gradient(135deg,#5f58e8,#a463e6);color:#fff;padding:clamp(12px,.83vw,16px) clamp(24px,1.67vw,32px);border-radius:12px;text-decoration:none;font-weight:700;font-size:clamp(14px,.97vw,16px);cursor:pointer;box-shadow:0 10px 22px #5f58e840;transition:transform .2s ease,box-shadow .2s ease;border:none}.font-upload-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.font-modal-footer{display:flex;justify-content:flex-end;gap:10px;animation:fontModalContentFadeIn .4s ease-out .2s both}.font-modal-secondary{border:1px solid #dfe3eb;background:#fff;color:#3a3a3a;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease}.font-modal-secondary:hover{border-color:#cdd0df;background:#f8f9ff}.font-modal-primary{border:none;background:linear-gradient(135deg,#5f58e8,#a463e6);color:#fff;padding:11px 18px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #5f58e840;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.font-modal-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.font-modal-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.parameter-font-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:clamp(8px,.56vw,10.7px)}.parameter-font-display{flex:1;min-width:0;height:clamp(29px,2.01vw,38.6px);border:1px solid #dfe3eb;border-radius:12px;padding:0 clamp(13px,.9vw,17.3px);font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(14px,.97vw,18.7px);color:#111;background:#fff;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;font-variation-settings:"wdth" 100;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parameter-font-display:hover{border-color:#5f58e8;box-shadow:0 0 0 3px #5f58e81a}.parameter-font-display--empty{color:#8a8a8a}.parameter-font-button{height:clamp(29px,2.01vw,38.6px);padding:0 clamp(13px,.9vw,17.3px);border:none;border-radius:12px;background:linear-gradient(135deg,#5f58e8,#a463e6);color:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:clamp(14px,.97vw,18.7px);cursor:pointer;font-variation-settings:"wdth" 100;transition:all .2s ease;white-space:nowrap;box-sizing:border-box;box-shadow:0 10px 22px #5f58e840}.parameter-font-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.parameter-font-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.parameter-straz-beta-button{background:linear-gradient(135deg,#4a44c9,#7b4fc4);border:1px solid rgba(255,255,255,.35);letter-spacing:.02em}.parameter-straz-beta-button:hover:not(:disabled){background:linear-gradient(135deg,#5a54d8,#8b5fd4)}.parameter-straz-beta-label{opacity:.65}.straz-undo-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;color:#3a3a3a;background:#fff;border:1px solid #dfe3eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.straz-undo-button:hover:not(:disabled){background:#e8e9f0;color:#1f1f1f;border-color:#cdd0df}.straz-undo-button:disabled{opacity:.6;cursor:not-allowed}.straz-pending-undo-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:22px;line-height:1;font-family:Roboto,sans-serif;font-weight:600;color:#3a3a3a;background:#fff;border:1px solid #dfe3eb;border-radius:999px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #1f1f1f14}.straz-pending-undo-button:hover:not(:disabled){background:#f1f3f8;color:#1f1f1f;border-color:#cdd0df;transform:translateY(-1px)}.straz-pending-undo-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.straz-apply-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;color:#fff;background:#5f58e8;border:1px solid #5f58e8;border-radius:12px;cursor:pointer;transition:all .2s ease}.straz-apply-button:hover:not(:disabled){background:#4f48d8;border-color:#4f48d8;color:#fff}.straz-apply-button:disabled{opacity:.6;cursor:not-allowed}.parameter-blocked .parameter-font-display{opacity:.5;cursor:not-allowed!important;background:#f5f5f5}.effect-preview{width:100%;height:auto;max-height:clamp(100px,6.94vw,133px);object-fit:contain;border-radius:clamp(6px,.39vw,7.5px);background:#fff;border:1px solid #e0e0e0}.canvas-area{position:relative;flex-shrink:0;width:794px;height:1123px;background:#fff;z-index:20;overflow:visible;box-shadow:0 1px 14.2px #00000040}.canvas-area--no-boundaries{box-shadow:none}.canvas-info{position:absolute;left:0;top:-20px;font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(12px,.78vw,14px);line-height:normal;color:#868686;font-variation-settings:"wdth" 100;z-index:30;white-space:nowrap;pointer-events:none}.canvas-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.canvas-content--no-boundaries{overflow:visible}.canvas-layer-image{position:relative;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;will-change:transform;display:block}.canvas-layer-selection-border{position:absolute;border:2px solid #5f58e8;border-radius:0;pointer-events:none;box-sizing:border-box;box-shadow:0 0 0 1px #5f58e84d}.canvas-layer-resize-handle{position:absolute;background-color:#5f58e8;border:2px solid white;border-radius:2px;box-sizing:border-box;transition:transform .1s ease,background-color .1s ease}.canvas-layer-resize-handle:hover{background-color:#4d46d6;transform:scale(1.2)}.canvas-layer-resize-handle:active{background-color:#3d36c4;transform:scale(1.1)}.canvas-image{width:500px;height:500px;object-fit:contain}.layers-panel{position:fixed;right:clamp(18px,1.725vw,33px);bottom:clamp(80px,5.46vw,105px);width:clamp(180px,11.325vw,217.5px);background:#fff;border:1px solid #d9d9d9;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 1px 2.5px #00000040;z-index:50;padding:clamp(18px,1.17vw,22.5px) clamp(12px,.78vw,15px);padding-right:clamp(10px,.65vw,12.5px);box-sizing:border-box;overflow:hidden;transition:transform .3s ease-out,height .3s ease-out,opacity .3s ease-out;transform-origin:right center;display:flex;flex-direction:column}.layers-panel.closed{transform:translate(100%);opacity:0;pointer-events:none;overflow:hidden;min-height:0;padding:0}.layers-panel.closed>*{opacity:0}.layers-panel.open{transform:translate(0);opacity:1;pointer-events:auto;min-height:0}.layers-title{font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(15px,.9375vw,18px);line-height:normal;color:#000;margin:0 0 clamp(18px,1.17vw,22.5px) 0;padding:0;font-variation-settings:"wdth" 100;text-align:center}.layers-empty{text-align:center;padding:30px 0;color:#868686;font-family:Roboto,sans-serif;font-size:15px;font-weight:400}.layers-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;padding-right:clamp(12px,.83vw,16px);margin-right:clamp(-12px,-.83vw,-16px);scrollbar-width:thin;scrollbar-color:#bfa8df transparent}.layers-list::-webkit-scrollbar{width:clamp(10px,.69vw,13px)}.layers-list::-webkit-scrollbar-track{background:transparent}.layers-list::-webkit-scrollbar-thumb{background:#bfa8df;border-radius:clamp(8px,.56vw,10px);border:2px solid transparent;background-clip:content-box}.layers-list::-webkit-scrollbar-thumb:hover{background:#a48bc7}.layer-item{position:relative;margin-bottom:15px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;display:flex;flex-direction:column;align-items:center}.layer-item.moving{z-index:10;will-change:transform}.layer-item:hover:not(.locked):not(.dragging){opacity:.8}.layer-item.selected{opacity:1}.layer-item.dragging{opacity:.5;cursor:grabbing!important}.layer-item.locked{cursor:not-allowed!important}.layer-item.hidden .layer-thumbnail{opacity:.4;filter:grayscale(100%)}.layer-item.hidden .layer-name{opacity:.5;text-decoration:line-through}.layer-content-wrapper{display:flex;align-items:flex-start;gap:0;margin-bottom:7.5px}.layer-thumbnail{width:138px;height:140.19px;border-radius:22.5px;overflow:hidden;position:relative;flex-shrink:0}.selected-thumbnail{border:2px solid #5f58e8}.layer-thumbnail-img{width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.layer-controls-overlay{position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;align-items:center;justify-content:flex-end;padding-right:7.5px;opacity:1;border-radius:0 22.5px 22.5px 0}.layer-controls{display:flex;flex-direction:column;gap:7.5px;align-items:center;justify-content:center}.layer-content-wrapper.layer-collapsed{margin-bottom:7.5px}.layer-thumbnail.thumbnail-collapsed{height:60px;min-height:60px;display:flex;align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;position:relative}.layer-thumbnail.thumbnail-collapsed .layer-controls-overlay{height:100%}.layer-collapsed-content{position:absolute;left:15px;display:flex;align-items:center;height:100%}.layer-collapsed-name{font-family:Roboto,sans-serif;font-weight:500;font-size:13.5px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.layer-control-icon{width:22.5px;height:22.5px;cursor:pointer;transition:opacity .2s ease;filter:brightness(0) invert(1)}.layer-control-icon:hover{opacity:.7}.layer-name{font-family:Roboto,sans-serif;font-weight:500;font-size:13.5px;line-height:normal;color:#000;margin:7.5px 0;padding:0;font-variation-settings:"wdth" 100;text-align:center}.layer-name-input{font-family:Roboto,sans-serif;font-weight:500;font-size:13.5px;line-height:normal;color:#000;margin:7.5px 0;padding:3px 6px;font-variation-settings:"wdth" 100;text-align:center;border:1px solid #5f58e8;border-radius:6px;background:#fff;width:100%;box-sizing:border-box;outline:none}.layer-preview{position:absolute;right:0;top:30px;width:48px;height:48px}.layer-preview-img{width:100%;height:100%;object-fit:cover;border-radius:4px}.layer-divider{width:100%;height:0;margin:15px 0;position:relative;left:0;display:flex;justify-content:center;align-items:center;padding:0 15px;box-sizing:border-box;transition:all .2s ease}.layer-divider img{width:100%;height:1px;display:block;transition:filter .2s ease}.layer-divider.drag-over-divider img{filter:brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(1352%) hue-rotate(230deg) brightness(97%) contrast(94%)}.bottom-bar{position:fixed;right:clamp(18px,1.725vw,33px);bottom:clamp(12px,.78vw,15px);height:clamp(36px,2.34vw,45px);z-index:99;display:flex;align-items:center;gap:clamp(12px,.78vw,15px)}.bottom-bar-left{display:flex;align-items:center;gap:0}.bottom-icon{width:clamp(36px,2.34vw,45px);height:clamp(36px,2.34vw,45px);background:#fff;border-radius:clamp(9px,.63vw,12px);padding:clamp(6px,.465vw,9px);box-sizing:border-box}.bottom-icon-button{display:flex;align-items:center;justify-content:center;width:clamp(36px,2.34vw,45px);height:clamp(36px,2.34vw,45px);padding:0;margin:0;border:none;border-radius:clamp(9px,.63vw,12px);background:#fff;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease}.bottom-icon-button--pro{width:auto;min-width:clamp(36px,2.34vw,45px);padding:0 clamp(8px,.55vw,12px) 0 clamp(4px,.3vw,6px);gap:clamp(4px,.35vw,7px)}.bottom-bar-pro-label{font-size:clamp(11px,.72vw,13px);font-weight:600;color:#333;white-space:nowrap;letter-spacing:.01em}.bottom-icon-button .bottom-icon{background:transparent;padding:clamp(6px,.465vw,9px)}.bottom-icon-button:hover{background:#f0f0f0}.bottom-icon-button--active{background:#5f58e826;color:#5f58e8}.bottom-icon-button--active .bottom-icon{color:inherit}.bottom-icon-button--active:hover{background:#5f58e840}.bottom-divider{width:1px;height:clamp(24px,1.56vw,30px);background:#d9d9d9;margin:0 clamp(5.5px,.39vw,7px);flex-shrink:0}.bottom-bar-left>.bottom-divider:last-child{display:none}.zoom-controls{display:flex;align-items:center;gap:clamp(9px,.63vw,12px);background:#fff;border-radius:clamp(9px,.63vw,12px);padding:0 clamp(12px,.78vw,15px);height:clamp(36px,2.34vw,45px);margin-left:0}.zoom-button{width:clamp(21px,1.41vw,27px);height:clamp(21px,1.41vw,27px);background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.zoom-button:hover{transform:scale(1.1)}.zoom-button img{width:100%;height:100%}.zoom-value{font-family:Roboto,sans-serif;font-weight:400;font-size:clamp(18px,1.17vw,22.5px);line-height:normal;color:#000;font-variation-settings:"wdth" 100;min-width:clamp(54px,3.51vw,67.5px);text-align:center}.bottom-bar-right{display:flex;align-items:center}input,textarea{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.loading-spinner-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none}.loading-spinner-wrapper{width:200px;height:200px}.loading-spinner-wrapper svg{width:100%;height:100%}.loading-spinner-wrapper #spinner{fill:transparent;stroke:url(#spinner-gradient);stroke-width:7px;stroke-linecap:round;filter:url(#shadow);transform-origin:center;animation-name:spinner-animation;animation-duration:1.2s;animation-timing-function:cubic-bezier;animation-iteration-count:infinite}@keyframes spinner-animation{0%{stroke-dasharray:1 98;stroke-dashoffset:-105}50%{stroke-dasharray:80 10;stroke-dashoffset:-160}to{stroke-dasharray:1 98;stroke-dashoffset:-300}}.parameters-loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(95,88,232,.3);border-top-color:#5f58e8;border-radius:50%;animation:parameters-spinner-rotate .7s linear infinite}@keyframes parameters-spinner-rotate{to{transform:rotate(360deg)}}.canvas-loading-overlay{position:fixed;right:20px;top:133.4px;z-index:1000;display:flex;align-items:center;gap:12px;max-width:380px;padding:12px 14px;border-radius:12px;background:#fffffff2;border:1px solid rgba(129,136,204,.35);box-shadow:0 8px 20px #22295d1f}.canvas-loading-spinner{width:34px;height:34px;flex-shrink:0;border:3px solid transparent;border-top-color:#667eea;border-right-color:#764ba2;border-bottom-color:#a463e6;border-left-color:transparent;border-radius:50%;animation:parameters-spinner-rotate .9s linear infinite}.canvas-loading-text-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.canvas-loading-title{margin:0;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#2a2d5c}.canvas-loading-hint{margin:0;font-family:Roboto,sans-serif;font-size:12px;line-height:1.35;color:#4b4f7f;white-space:normal}.export-progress-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;padding:28px 32px;min-width:280px;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fontModalSlideIn .25s ease-out}.export-progress-spinner{width:40px;height:40px;border:3px solid rgba(95,88,232,.25);border-top-color:#5f58e8;border-radius:50%;animation:parameters-spinner-rotate .8s linear infinite}.export-progress-text{margin:0;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;color:#333}.export-progress-text--success{color:#2e7d32;font-weight:600}.export-progress-text--error{color:#c62828;font-weight:600}.export-progress-error-detail{margin:0;font-family:Roboto,sans-serif;font-size:14px;color:#666;text-align:center;max-width:100%;word-break:break-word}.export-progress-ok{margin-top:4px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;color:#fff;background:#5f58e8;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease,transform .1s ease}.export-progress-ok:hover{background:#4f48c8}.export-progress-ok:active{transform:scale(.98)}.preview-overlay{position:fixed;inset:0;width:100%;height:100%;background:#dfdfdf;z-index:99999;display:flex;flex-direction:column;overflow:hidden}.preview-header{position:absolute;top:0;left:0;right:0;height:clamp(81px,5.90625vw,113.4px);background:#f8f9fa;border-radius:0 0 clamp(18px,1.40625vw,27px) clamp(18px,1.40625vw,27px);box-shadow:0 4px 21.2px #00000040;z-index:10001;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,1.725vw,33px);box-sizing:border-box}.preview-controls{display:flex;align-items:center;gap:clamp(12px,.9375vw,18px)}.preview-back-button{background:#f6f6fb;border:1px solid #e3e5ee;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(14px,1.09vw,21px);color:#5f58e8;padding:clamp(9px,.7vw,13.5px) clamp(16px,1.25vw,24px);border-radius:clamp(14px,1.09vw,21px);transition:all .2s ease;display:flex;align-items:center;gap:clamp(8px,.625vw,12px);box-shadow:0 2px 8px #00000014}.preview-back-button:hover{background:#eeeef8;border-color:#c6caed;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.preview-mirror-toggle{display:flex;align-items:center;gap:clamp(8px,.625vw,12px);background:#f6f6fb;border:1px solid #e3e5ee;padding:clamp(12px,.78vw,15px) clamp(21px,1.365vw,26.25px);border-radius:14px;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(18px,1.17vw,22.5px);color:#5f58e8;box-shadow:0 2px 8px #00000014}.preview-mirror-toggle:hover{background:#eeeef8;border-color:#c6caed;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.preview-mirror-toggle.active{background:linear-gradient(135deg,#5f58e8,#a463e6);border:none;color:#fff;box-shadow:0 10px 22px #5f58e840}.preview-mirror-toggle.active:hover{transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.preview-export-button{display:flex;align-items:center;gap:clamp(8px,.625vw,12px);background:linear-gradient(135deg,#5f58e8,#a463e6);border:none;padding:clamp(9px,.7vw,13.5px) clamp(16px,1.25vw,24px);border-radius:clamp(14px,1.09vw,21px);cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(14px,1.09vw,21px);color:#fff;box-shadow:0 10px 22px #5f58e840}.preview-export-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #5f58e852}.preview-export-icon{width:clamp(20px,1.5625vw,30px);height:clamp(20px,1.5625vw,30px);filter:brightness(0) invert(1)}.preview-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding-top:clamp(113.4px,8.60625vw,162px);padding-left:clamp(20px,1.5625vw,30px);padding-right:clamp(20px,1.5625vw,30px);padding-bottom:clamp(20px,1.5625vw,30px);overflow:hidden;box-sizing:border-box;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none}.preview-canvas-container::-webkit-scrollbar{display:none}.preview-canvas{position:relative;box-shadow:0 4px 21.2px #00000040;background:#fff;overflow:hidden;transform-origin:center center}.straz-modal{background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;padding:clamp(22px,1.45vw,28px);width:90%;max-width:720px;height:auto;max-height:calc(100vh - max(clamp(81px,5.90625vw,113.4px),81px) - 40px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);animation:fontModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);margin-top:20px;flex-shrink:0}.effects-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.effects-modal{background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 4px 24px #0000004d;padding:clamp(24px,1.56vw,30px);max-width:clamp(500px,34.7vw,666px);width:90%;max-height:80vh;overflow-y:auto;z-index:100001}.effects-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(24px,1.56vw,30px)}.effects-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(24px,1.56vw,30px);line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.effects-modal-close{width:clamp(30px,1.95vw,37.5px);height:clamp(30px,1.95vw,37.5px);background:transparent;border:none;font-size:clamp(24px,1.56vw,30px);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.effects-modal-close:hover{background:#f0f0f0;color:#333}.effects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(120px,8.33vw,160px),1fr));gap:clamp(18px,1.17vw,22.5px)}.effect-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,.78vw,15px);padding:clamp(24px,1.56vw,30px);background:#f8f9fa;border:2px solid #e0e0e0;border-radius:clamp(12px,.78vw,15px);cursor:pointer;transition:all .3s ease;min-height:clamp(120px,8.33vw,160px)}.effect-card:hover{background:#e8e9ea;border-color:#a3a8da;transform:translateY(-4px);box-shadow:0 4px 12px #a3a8da4d}.effect-card:active{transform:translateY(-2px)}.effect-icon{width:clamp(48px,3.12vw,60px);height:clamp(48px,3.12vw,60px);filter:brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(1352%) hue-rotate(230deg) brightness(97%) contrast(94%)}.effect-name{font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(16px,1.04vw,20px);line-height:normal;color:#000;text-align:center;font-variation-settings:"wdth" 100}.straz-modal{position:relative;background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;padding:clamp(22px,1.45vw,28px);width:90%;max-width:720px;height:auto;max-height:calc(100vh - max(clamp(81px,5.90625vw,113.4px),81px) - 40px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);animation:fontModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);margin-top:20px;flex-shrink:0}.straz-controls{display:flex;gap:10px;margin-bottom:4px}.straz-control-btn{padding:8px 16px;border:1px solid #dfe3eb;background:#fff;color:#3a3a3a;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.straz-control-btn:hover{border-color:#5f58e8;background:#f8f9ff;color:#5f58e8}.straz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:8px 0;max-height:400px;overflow-y:auto}.straz-card{position:relative;border:2px solid #e3e5ee;background:#fff;border-radius:12px;padding:20px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:90px;animation:fontCardFadeIn .3s ease-out both}.straz-card:hover{border-color:#c6caed;background:#fafbff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.straz-card--selected{border-color:#5f58e8;background:linear-gradient(135deg,#f8f9ff,#f0f1ff);box-shadow:0 4px 16px #5f58e840}.straz-card--selected:hover{border-color:#5048d4;box-shadow:0 6px 20px #5f58e859}.straz-card-checkbox{width:28px;height:28px;border:2px solid #5f58e8;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#5f58e8}.straz-card--selected .straz-card-checkbox{background:#5f58e8;color:#fff}.straz-card-label{font-weight:700;font-size:clamp(14px,.97vw,16px);color:#161616;letter-spacing:.5px;text-align:center}.straz-card--selected .straz-card-label{color:#5f58e8}.export-format-modal{position:relative;background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;padding:clamp(22px,1.45vw,28px);width:90%;max-width:600px;height:auto;max-height:calc(100vh - max(clamp(81px,5.90625vw,113.4px),81px) - 40px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);animation:fontModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);margin-top:20px;flex-shrink:0}.export-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,1.04vw,20px);padding:8px 0}.export-format-card{position:relative;border:2px solid #e3e5ee;background:#fff;border-radius:12px;padding:clamp(20px,1.3vw,24px);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;text-align:center}.export-format-card:hover{border-color:#c6caed;background:#fafbff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.export-format-card--selected{border-color:#5f58e8;background:linear-gradient(135deg,#f8f9ff,#f0f1ff);box-shadow:0 4px 16px #5f58e840}.export-format-card--selected:hover{border-color:#5048d4;box-shadow:0 6px 20px #5f58e859}.export-format-icon{font-size:clamp(32px,2.08vw,40px);font-weight:700;color:#5f58e8;letter-spacing:1px}.export-format-card--selected .export-format-icon{color:#5048d4}.export-format-info{display:flex;flex-direction:column;gap:4px}.export-format-name{font-weight:600;font-size:16px;color:#3a3a3a}.export-format-card--selected .export-format-name{color:#5048d4}.export-format-description{font-size:13px;color:#737373}.export-settings-button--active{border-color:#5f58e8!important;background:linear-gradient(135deg,#f8f9ff,#f0f1ff)!important;color:#5048d4!important;box-shadow:0 4px 16px #5f58e840!important}.export-settings-button--active:hover{border-color:#5048d4!important;box-shadow:0 6px 20px #5f58e859!important}.export-settings-section{padding-top:clamp(16px,1.04vw,20px);border-top:1px solid #e3e5ee}.export-settings-list{display:flex;flex-direction:column;gap:clamp(12px,.83vw,16px)}.export-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.export-settings-label{font-size:15px;color:#3a3a3a;-webkit-user-select:none;user-select:none;flex:1}.export-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.export-toggle-switch input{opacity:0;width:0;height:0}.export-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.export-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.export-toggle-switch input:checked+.export-toggle-slider{background-color:#886ab3}.export-toggle-switch input:checked+.export-toggle-slider:before{transform:translate(20px)}.export-toggle-switch:hover input:not(:disabled)+.export-toggle-slider{box-shadow:0 0 0 2px #886ab34d}.color-picker-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100001;pointer-events:none}.color-picker-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:520px;min-width:450px;height:auto;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:colorPickerModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes colorPickerModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none}.color-picker-modal-header:active{cursor:grabbing!important}.color-picker-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.color-picker-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);background:transparent;border:none;font-size:clamp(20px,1.3vw,24px);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;margin-left:clamp(12px,.78vw,15px)}.color-picker-modal-close:hover{background:#f0f0f0;color:#333}.color-picker-modal-content{padding:clamp(16px,1.04vw,20px);display:flex;flex-direction:column;gap:clamp(12px,.78vw,15px)}.color-picker-modal-footer{display:flex;gap:10px;margin-top:8px}.color-picker-modal-secondary{flex:1;padding:10px 16px;border-radius:8px;font-family:Roboto,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;background:#f0f0f0;color:#333}.color-picker-modal-secondary:hover{background:#e0e0e0}.color-picker-palette-container{display:flex;flex-direction:column;gap:12px}.color-picker-search-wrapper{width:100%}.color-picker-search-input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;color:#333;background:#f8f9fa;transition:all .2s ease;box-sizing:border-box}.color-picker-search-input:focus{outline:none;border-color:#5f58e8;background:#fff}.color-picker-search-input::placeholder{color:#999}.color-picker-palette-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;overflow-x:hidden;gap:4px;padding-right:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.color-picker-palette-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.color-picker-palette-list-item:hover{background:#f8f9fa;border-color:#e0e0e0}.color-picker-palette-color-box{width:40px;height:40px;border-radius:6px;border:2px solid #e0e0e0;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.color-picker-palette-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.color-picker-palette-item-code{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#5f58e8;white-space:nowrap}.color-picker-palette-item-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-picker-palette-item-hex{font-family:Courier New,monospace;font-size:11px;color:#888;font-weight:400;text-transform:uppercase}.color-picker-palette-crystal{width:48px;height:48px;flex-shrink:0;object-fit:contain}.color-picker-empty-state{padding:40px 20px;text-align:center;font-family:Roboto,sans-serif;font-size:14px;color:#999}.color-picker-palette-list::-webkit-scrollbar{width:8px}.color-picker-palette-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.color-picker-palette-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.color-picker-palette-list::-webkit-scrollbar-thumb:hover{background:#555}.replace-colors-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none}.replace-colors-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:320px;min-width:280px;height:auto;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:replaceColorsModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes replaceColorsModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.replace-colors-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none}.replace-colors-modal-header:active{cursor:grabbing!important}.replace-colors-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.replace-colors-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);background:transparent;border:none;font-size:clamp(20px,1.3vw,24px);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;margin-left:clamp(12px,.78vw,15px)}.replace-colors-modal-close:hover{background:#f0f0f0;color:#333}.replace-colors-modal-content{padding:clamp(12px,.78vw,15px);display:flex;flex-direction:column;gap:10px}.replace-colors-search-wrapper{width:100%}.replace-colors-search-input{width:100%;padding:8px 10px;border:2px solid #e0e0e0;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;color:#333;background:#f8f9fa;transition:all .2s ease;box-sizing:border-box}.replace-colors-search-input:focus{outline:none;border-color:#5f58e8;background:#fff}.replace-colors-search-input::placeholder{color:#999}.replace-colors-loading,.replace-colors-empty{text-align:center;padding:40px 20px;color:#666}.replace-colors-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.replace-colors-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s ease}.replace-colors-list-item:hover{background:#f8f9fa;border-color:#5f58e8}.replace-colors-list-item--hovered{border-color:#5f58e8!important;border-width:2px!important;box-shadow:0 0 0 2px #5f58e840,0 4px 12px #5f58e84d!important;background:#f0f0ff!important}.replace-colors-list-item--selected{border-color:#ff6b6b!important;border-width:2px!important;box-shadow:0 0 0 2px #ff6b6b40,0 4px 12px #ff6b6b4d!important;background:#fff5f5!important}.replace-colors-color-box{width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.15);flex-shrink:0;box-shadow:0 1px 3px #0000001a}.replace-colors-item-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.replace-colors-item-code{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#5f58e8;white-space:nowrap}.replace-colors-item-name{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replace-colors-item-hex{font-family:Courier New,monospace;font-size:10px;font-weight:400;color:#888;letter-spacing:.3px}.replace-colors-crystal{width:36px;height:36px;flex-shrink:0;object-fit:contain}.replace-colors-list::-webkit-scrollbar{width:6px}.replace-colors-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.replace-colors-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.replace-colors-list::-webkit-scrollbar-thumb:hover{background:#aaa}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-crop-modal-overlay{z-index:1000}.image-crop-modal{position:relative;background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 6px 26px #00000052;padding:clamp(22px,1.45vw,28px);width:90%;max-width:720px;max-height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(16px,1.04vw,20px);animation:fontModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);margin-top:20px}.image-crop-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0}.image-crop-preset-btn{padding:8px 14px;border:1px solid #dfe3eb;background:#fff;color:#3a3a3a;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.image-crop-preset-btn:hover{border-color:#5f58e8;background:#f8f9ff;color:#5f58e8}.image-crop-preset-btn.active{border-color:#5f58e8;background:#5f58e8;color:#fff}.image-crop-preset-btn.active:hover{background:#4d46d6;border-color:#4d46d6;color:#fff}.image-crop-modal-content{flex:1;min-height:260px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.image-crop-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:340px;padding:28px 14px;background:#eef1f6;border-radius:12px}.image-crop-react{max-width:100%}.image-crop-image{max-height:50vh}.image-crop-modal .ReactCrop__crop-selection{border:2px solid #5f58e8;box-shadow:0 0 0 9999px #0006}.image-crop-modal .ReactCrop__drag-handle:after{background:#5f58e8}.manual-edit-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none}.manual-edit-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:300px;min-width:250px;height:auto;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:manualEditModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes manualEditModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.manual-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none;cursor:grab}.manual-edit-modal-header:active{cursor:grabbing!important}.manual-edit-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.manual-edit-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);border:none;background:transparent;font-size:clamp(24px,1.56vw,28px);line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:clamp(12px,.78vw,15px);transition:color .2s ease;border-radius:4px}.manual-edit-modal-close:hover{color:#000;background:#0000000d}.manual-edit-modal-content{padding:clamp(16px,1.04vw,20px);font-family:Roboto,sans-serif;font-size:clamp(14px,.91vw,16px);color:#333;line-height:1.5}.add-straz-size-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none}.add-straz-size-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:320px;min-width:260px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:addStrazSizeModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes addStrazSizeModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-straz-size-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none;cursor:grab}.add-straz-size-modal-header:active{cursor:grabbing!important}.add-straz-size-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0}.add-straz-size-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);border:none;background:transparent;font-size:clamp(24px,1.56vw,28px);line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:12px;transition:color .2s ease,background .2s ease;border-radius:4px}.add-straz-size-modal-close:hover{color:#000;background:#0000000d}.add-straz-size-modal-content{padding:clamp(16px,1.04vw,20px);font-family:Roboto,sans-serif;font-size:clamp(14px,.91vw,16px);color:#333}.add-straz-size-modal-hint{margin:0 0 12px;color:#666;font-size:13px}.add-straz-size-list{display:flex;flex-wrap:wrap;gap:8px}.add-straz-size-btn{display:inline-flex;flex-direction:column;align-items:center;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;font-family:Roboto,sans-serif;font-size:14px}.add-straz-size-btn:hover{border-color:#5f58e8;background:#f5f4ff}.add-straz-size-btn-selected{border-color:#5f58e8;background:#ebe9ff;box-shadow:0 0 0 1px #5f58e8}.add-straz-size-label{font-weight:600;color:#333}.add-straz-size-radius{font-size:11px;color:#666;margin-top:2px}.workspace-edit-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none}.workspace-edit-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:400px;min-width:300px;height:auto;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:workspaceEditModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes workspaceEditModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.workspace-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none;cursor:grab}.workspace-edit-modal-header:active{cursor:grabbing!important}.workspace-edit-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0}.workspace-edit-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);border:none;background:transparent;font-size:clamp(24px,1.56vw,28px);line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:clamp(12px,.78vw,15px);transition:color .2s ease;border-radius:4px}.workspace-edit-modal-close:hover{color:#000;background:#0000000d}.workspace-edit-modal-content{padding:clamp(16px,1.04vw,20px);min-height:80px}.workspace-edit-row{display:flex;flex-direction:column;gap:clamp(8px,.56vw,10px);margin-bottom:clamp(16px,1.04vw,20px)}.workspace-edit-row:last-child{margin-bottom:0}.workspace-edit-row--switch{flex-direction:row;align-items:center;justify-content:space-between}.workspace-edit-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.workspace-edit-toggle-switch input{opacity:0;width:0;height:0}.workspace-edit-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.workspace-edit-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.workspace-edit-toggle-switch input:checked+.workspace-edit-toggle-slider{background-color:#8b88c8}.workspace-edit-toggle-switch input:checked+.workspace-edit-toggle-slider:before{transform:translate(20px)}.workspace-edit-toggle-switch:hover input:not(:disabled)+.workspace-edit-toggle-slider{box-shadow:0 0 0 2px #8b88c84d}.workspace-edit-label{font-family:Roboto,sans-serif;font-size:clamp(14px,.97vw,16px);font-weight:500;color:#333}.workspace-edit-slider-wrapper{display:flex;align-items:center;gap:clamp(12px,.78vw,16px)}.workspace-edit-slider-track{position:relative;flex:1;height:clamp(24px,1.67vw,32px);display:flex;align-items:center}.workspace-edit-slider-track:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:6px;background:#e0e0e0;border-radius:4px}.workspace-edit-slider-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;background:#8b88c8;border-radius:4px;pointer-events:none}.workspace-edit-slider{position:relative;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;z-index:1}.workspace-edit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#8b88c8;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer}.workspace-edit-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#8b88c8;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer}.workspace-edit-slider-value{font-family:Roboto,sans-serif;font-size:clamp(14px,.97vw,16px);font-weight:500;color:#333;min-width:40px;text-align:right}.color-palette-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none}.color-palette-modal{position:absolute;background:#fff;border-radius:clamp(12px,.78vw,15px);box-shadow:0 6px 26px #00000052;padding:0;width:auto;max-width:420px;min-width:320px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:colorPaletteModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes colorPaletteModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-palette-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,.78vw,15px) clamp(16px,1.04vw,20px);border-bottom:1px solid #e0e0e0;background:#f8f9fa;-webkit-user-select:none;user-select:none;cursor:grab}.color-palette-modal-header:active{cursor:grabbing!important}.color-palette-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(16px,1.04vw,18px);line-height:normal;color:#000;margin:0;padding:0}.color-palette-modal-close{width:clamp(24px,1.56vw,28px);height:clamp(24px,1.56vw,28px);border:none;background:transparent;font-size:clamp(24px,1.56vw,28px);line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:clamp(12px,.78vw,15px);transition:color .2s ease;border-radius:4px}.color-palette-modal-close:hover{color:#000;background:#0000000d}.color-palette-modal-content{padding:clamp(12px,.78vw,16px);display:flex;flex-direction:column;gap:clamp(8px,.56vw,12px);min-height:0;flex:1}.color-palette-search-wrapper{flex-shrink:0}.color-palette-search-input{width:100%;padding:clamp(8px,.56vw,10px) clamp(12px,.78vw,14px);font-family:Roboto,sans-serif;font-size:clamp(14px,.97vw,16px);border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.color-palette-search-input:focus{border-color:#5f58e8;box-shadow:0 0 0 2px #5f58e829}.color-palette-search-input::placeholder{color:#999}.color-palette-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain}.color-palette-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font:inherit}.color-palette-list-item:hover{background:#f8f9fa;border-color:#5f58e8}.color-palette-color-box{width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.15);flex-shrink:0;box-shadow:0 1px 3px #0000001a}.color-palette-item-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.color-palette-item-code{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#5f58e8;white-space:nowrap}.color-palette-item-name{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-palette-item-hex{font-family:Courier New,monospace;font-size:10px;font-weight:400;color:#888;letter-spacing:.3px}.color-palette-crystal{width:36px;height:36px;flex-shrink:0;object-fit:contain}.color-palette-list::-webkit-scrollbar{width:6px}.color-palette-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.color-palette-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.color-palette-list::-webkit-scrollbar-thumb:hover{background:#aaa}.help-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal{background:#fff;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 4px 24px #0000004d;padding:clamp(24px,1.56vw,30px);max-width:min(1200px,90vw);width:90vw;max-height:85vh;display:flex;flex-direction:column;z-index:100001}.help-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,1.3vw,26px);flex-shrink:0}.help-modal-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(24px,1.56vw,30px);line-height:normal;color:#000;margin:0;padding:0;font-variation-settings:"wdth" 100}.help-modal-close{width:clamp(30px,1.95vw,37.5px);height:clamp(30px,1.95vw,37.5px);background:transparent;border:none;font-size:clamp(24px,1.56vw,30px);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.help-modal-close:hover{background:#f0f0f0;color:#333}.help-modal-body{display:flex;gap:clamp(20px,1.3vw,28px);min-height:0;flex:1}.help-modal-menu{display:flex;flex-direction:column;gap:clamp(6px,.4vw,10px);flex-shrink:0;width:clamp(200px,14vw,260px)}.help-modal-menu-item{display:block;width:100%;padding:clamp(12px,.78vw,16px) clamp(16px,1.04vw,20px);text-align:left;font-family:Roboto,sans-serif;font-size:clamp(15px,.98vw,19px);font-weight:500;color:#333;background:#f6f6fb;border:1px solid #e3e5ee;border-radius:clamp(10px,.65vw,14px);cursor:pointer;transition:all .2s ease;font-variation-settings:"wdth" 100}.help-modal-menu-item:hover{background:#eeeef8;border-color:#c6caed}.help-modal-menu-item.active{background:#e8e9f0;border-color:#8188cc;color:#2a2d5c}.help-modal-menu-item-feedback{margin-top:auto}.help-modal-content{flex:1;overflow-y:auto;padding-right:clamp(8px,.5vw,12px)}.help-section-title{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(18px,1.17vw,22px);color:#000;margin:0 0 clamp(12px,.78vw,16px);font-variation-settings:"wdth" 100}.help-section-intro{font-family:Roboto,sans-serif;font-size:clamp(14px,.91vw,17px);line-height:1.5;color:#333;margin:0 0 clamp(16px,1.04vw,20px);font-variation-settings:"wdth" 100}.help-section-muted{font-family:Roboto,sans-serif;font-size:clamp(13px,.85vw,16px);color:#737373;margin:0;font-variation-settings:"wdth" 100}.help-effects-list{list-style:none;margin:0;padding:0}.help-effects-item{padding:clamp(12px,.78vw,16px) 0;border-bottom:1px solid #eee;font-family:Roboto,sans-serif;font-size:clamp(14px,.91vw,17px);color:#333;font-variation-settings:"wdth" 100}.help-effects-item:last-child{border-bottom:none}.help-effect-name{font-weight:600;display:block;margin-bottom:clamp(6px,.4vw,10px);color:#1a1a1a}.help-effect-description{font-size:clamp(13px,.85vw,16px);line-height:1.5;color:#555;margin:0;font-weight:400;font-variation-settings:"wdth" 100}.help-section-guide .help-section-intro{margin-bottom:clamp(14px,.9vw,18px)}.help-guide-h5{font-family:Roboto,sans-serif;font-weight:600;font-size:clamp(15px,.98vw,18px);color:#1a1a1a;margin:clamp(18px,1.17vw,24px) 0 clamp(8px,.52vw,12px);font-variation-settings:"wdth" 100}.help-guide-h5:first-of-type{margin-top:0}.help-section-p{font-family:Roboto,sans-serif;font-size:clamp(13px,.85vw,16px);line-height:1.55;color:#333;margin:0 0 clamp(10px,.65vw,14px);font-variation-settings:"wdth" 100}.help-guide-list{margin:0 0 clamp(14px,.9vw,18px);padding-left:clamp(18px,1.17vw,24px);font-family:Roboto,sans-serif;font-size:clamp(13px,.85vw,16px);line-height:1.55;color:#333;font-variation-settings:"wdth" 100}.help-guide-list li{margin-bottom:clamp(6px,.4vw,10px)}.help-guide-list li:last-child{margin-bottom:0}.help-guide-table{width:100%;border-collapse:collapse;margin:0 0 clamp(14px,.9vw,18px);font-family:Roboto,sans-serif;font-size:clamp(13px,.85vw,16px);font-variation-settings:"wdth" 100}.help-guide-table th,.help-guide-table td{padding:clamp(8px,.52vw,12px) clamp(10px,.65vw,14px);text-align:left;border-bottom:1px solid #e8e8e8;vertical-align:top}.help-guide-table th{font-weight:600;color:#1a1a1a;background:#f8f9fa}.help-guide-table td:first-child{color:#333}.help-guide-table td:last-child{color:#555}.help-guide-footer{margin-top:clamp(16px,1.04vw,20px);padding-top:clamp(12px,.78vw,16px);border-top:1px solid #eee}.help-section-guide kbd{display:inline-block;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.9em;background:#eee;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px #ccc}.help-feedback-type-switch{display:flex;gap:10px;margin:0 0 16px}.help-feedback-type-btn{border:1px solid #d8dbef;background:#f5f6fc;color:#2f335f;border-radius:999px;padding:8px 14px;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer}.help-feedback-type-btn.active{background:#8188cc;color:#fff;border-color:#8188cc}.help-feedback-form{display:flex;flex-direction:column;gap:12px}.help-feedback-submit-wrap{display:flex;justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid #ececf4}.help-feedback-label{display:flex;flex-direction:column;gap:6px;font-family:Roboto,sans-serif;font-size:13px;color:#2b2b2b}.help-feedback-input,.help-feedback-textarea{width:100%;border:1px solid #d6d9e8;background:#fff;border-radius:10px;padding:10px 12px;font-family:Roboto,sans-serif;font-size:14px;color:#222;outline:none}.help-feedback-input:focus,.help-feedback-textarea:focus{border-color:#8188cc;box-shadow:0 0 0 2px #8188cc29}.help-feedback-textarea{resize:vertical;line-height:1.45}.help-feedback-error,.help-feedback-success{margin:0;font-size:13px;font-family:Roboto,sans-serif}.help-feedback-error{color:#a01616}.help-feedback-success{color:#1d7a33}.help-feedback-submit{border:1px solid #8188CC;background:#8188cc;color:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer;transition:.2s ease}.help-feedback-submit:hover:not(:disabled){background:#6e75b8;border-color:#6e75b8}.help-feedback-submit:disabled{opacity:.7;cursor:default}.help-feedback-success-box{border:1px solid #d9e9dd;background:#f4fbf6;border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.help-feedback-success-icon{width:42px;height:42px;border-radius:50%;background:#2f9a4e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.help-feedback-success-title{margin:0;font-family:Roboto,sans-serif;font-size:20px;color:#114c22}.help-feedback-success-text{margin:0 0 6px;font-family:Roboto,sans-serif;font-size:14px;color:#1f5f31;line-height:1.45;max-width:520px}.help-feedback-ok-btn{border:1px solid #2f9a4e;background:#2f9a4e;color:#fff;border-radius:10px;padding:10px 22px;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer;transition:.2s ease}.help-feedback-ok-btn:hover{background:#248240;border-color:#248240}.color-panel{position:fixed;right:clamp(18px,1.725vw,33px);bottom:clamp(67.5px,4.6875vw,90px);width:clamp(360px,21.87vw,420px);background:#fff;border:1px solid #d9d9d9;border-radius:clamp(18px,1.17vw,22.5px);box-shadow:0 1px 2.5px #00000040;z-index:50;padding:clamp(21px,1.56vw,30px);box-sizing:border-box;transition:transform .3s ease-out,opacity .3s ease-out;transform-origin:right center}.color-panel.closed{transform:translate(100%);opacity:0;pointer-events:none;overflow:hidden}.color-panel.closed>*{opacity:0}.color-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.color-panel-header{margin-bottom:clamp(18px,1.17vw,22.5px)}.color-section-tabs{display:flex;gap:clamp(12px,.78vw,15px);border-bottom:1px solid #e0e0e0;margin-bottom:clamp(18px,1.17vw,22.5px)}.color-section-tab{flex:1;padding:clamp(12px,.78vw,15px) clamp(18px,1.17vw,22.5px);background:transparent;border:none;border-bottom:2px solid transparent;font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(18px,1.125vw,21px);color:#666;cursor:pointer;transition:all .2s ease;text-align:center}.color-section-tab:hover{color:#333;background:#00000005}.color-section-tab.active{color:#4a90e2;border-bottom-color:#4a90e2;font-weight:600}.color-panel-content{display:flex;flex-direction:column;gap:clamp(18px,1.17vw,22.5px)}.color-preview{width:100%;height:clamp(67.5px,4.6875vw,90px);border-radius:clamp(9px,.63vw,12px);border:1px solid #d9d9d9;box-shadow:inset 0 1px 3px #0000001a}.color-gradient-picker{width:100%;height:clamp(225px,15.63vw,300px);border-radius:clamp(9px,.63vw,12px);border:1px solid #d9d9d9;cursor:crosshair;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.color-picker-cursor{position:absolute;width:clamp(18px,1.245vw,24px);height:clamp(18px,1.245vw,24px);border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000004d;pointer-events:none}.hue-slider-wrapper{width:100%;height:clamp(36px,2.34vw,45px);position:relative;direction:ltr;unicode-bidi:isolate}.hue-slider{position:relative;display:block;width:100%;height:100%;border-radius:clamp(18px,1.17vw,22.5px);cursor:pointer;border:1px solid #d9d9d9;direction:ltr;unicode-bidi:isolate;-webkit-user-select:none;user-select:none}.hue-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(24px,1.56vw,30px);height:clamp(24px,1.56vw,30px);border-radius:50%;background:#fff;border:2px solid #4a90e2;cursor:grab;box-shadow:0 2px 4px #0003}.color-panel .rgb-values{display:flex;gap:clamp(12px,.78vw,15px);justify-content:space-between}.color-panel .rgb-value-group{display:flex;flex-direction:column;gap:clamp(6px,.39vw,7.5px);flex:1}.color-panel .rgb-value-group label{font-family:Roboto,sans-serif;font-weight:500;font-size:clamp(15px,.9375vw,18px);color:#666;text-align:center}.color-panel .rgb-input{width:100%;padding:clamp(6px,.465vw,9px);border:1px solid #d9d9d9;border-radius:clamp(6px,.465vw,9px);font-family:Roboto,sans-serif;font-size:clamp(16.5px,1.02vw,19.5px);text-align:center;outline:none;box-sizing:border-box;-moz-appearance:textfield}.color-panel .rgb-input::-webkit-outer-spin-button,.color-panel .rgb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.color-panel .rgb-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.ruler-wrapper{position:absolute;left:0;top:0;pointer-events:none;z-index:100}.ruler-horizontal{position:absolute;left:0;top:-36px;height:30px;display:flex;flex-direction:column;background:#2d2d30;border:1px solid #3c3c3c;border-radius:4px 4px 0 0;box-sizing:border-box;overflow:hidden}.ruler-horizontal .ruler-track{position:absolute;left:0;right:0;bottom:0;height:14px;background:#252526}.ruler-horizontal .ruler-tick{position:absolute;bottom:0;width:1px;background:#9d9d9d;transform:translate(-50%)}.ruler-horizontal .ruler-tick--major{background:#c4c4c4}.ruler-horizontal .ruler-label{position:absolute;top:2px;bottom:auto;transform:translate(-50%);font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:#e0e0e0;white-space:nowrap;line-height:1}.ruler-vertical{position:absolute;left:-40px;top:0;width:34px;background:#2d2d30;border:1px solid #3c3c3c;border-radius:4px 0 0 4px;box-sizing:border-box;overflow:hidden}.ruler-vertical .ruler-track{position:absolute;inset:0;background:#252526}.ruler-vertical .ruler-tick{position:absolute;left:0;height:1px;background:#9d9d9d;transform:translateY(-50%)}.ruler-vertical .ruler-tick--major{background:#c4c4c4}.ruler-vertical .ruler-label{position:absolute;left:16px;transform:translateY(-50%);font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:#e0e0e0;white-space:nowrap}.ruler-size-label{position:absolute;transform:translate(-100%);font-family:Roboto,sans-serif;font-size:9px;font-weight:500;color:#9d9d9d;white-space:nowrap;line-height:1.2}.ladybrill-pro{--lb-pro-primary: #5f58e8;--lb-pro-primary-mid: #a463e6;--lb-pro-surface: #f8f9fa;--lb-pro-surface-elevated: #ffffff;--lb-pro-surface-hover: #eeeef8;--lb-pro-border: #e3e5ee;--lb-pro-border-strong: #c6caed;--lb-pro-text-muted: #6b6b7a;--lb-pro-shadow-soft: 0 2px 8px rgba(0, 0, 0, .06);--lb-pro-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--lb-pro-shadow-accent: 0 8px 20px rgba(95, 88, 232, .22);display:flex;height:100vh;width:100%;overflow:hidden;background:#dfdfdf}.ladybrill-pro__brand-mark{position:fixed;bottom:14px;right:16px;z-index:10100;pointer-events:none;line-height:0;padding:8px 12px;background:#fff;border-radius:12px;border:1px solid var(--lb-pro-border, #e3e5ee);box-shadow:var(--lb-pro-shadow-soft, 0 2px 8px rgba(0, 0, 0, .06))}.ladybrill-pro__brand-mark-img{height:clamp(28px,4.2vh,44px);width:auto;display:block;object-fit:contain}.ladybrill-pro__tools{flex-shrink:0;width:112px;min-width:112px;padding:14px 11px;box-sizing:border-box;background:linear-gradient(180deg,#f8f9fa,#f0f1f7);border-right:1px solid var(--lb-pro-border);box-shadow:4px 0 24px #5f58e80d}.ladybrill-pro__tools-inner{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;height:100%;box-sizing:border-box}.ladybrill-pro__tools-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto}.ladybrill-pro__tools-footer{flex-shrink:0;margin-top:auto;padding-top:12px;width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.ladybrill-pro__exit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:100%;padding:9px 8px;border:none;border-radius:10px;background:linear-gradient(180deg,#e84855,#c62828);color:#fff;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;box-sizing:border-box;box-shadow:0 4px 14px #c6282859;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.ladybrill-pro__exit-btn:hover{background:linear-gradient(180deg,#ef5350,#d32f2f);box-shadow:0 6px 18px #c628286b;transform:translateY(-1px)}.ladybrill-pro__exit-btn:focus-visible{outline:none;box-shadow:0 4px 14px #c6282859,0 0 0 3px #c6282859}.ladybrill-pro__exit-btn:active{transform:translateY(0);box-shadow:0 2px 10px #c628284d}.ladybrill-pro__exit-btn-icon{width:16px;height:16px;display:block;flex-shrink:0;pointer-events:none}.ladybrill-pro__exit-btn-text{line-height:1.2}.ladybrill-pro__tools-heading{margin:0 0 10px;padding:0;width:100%;max-width:100%;box-sizing:border-box;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--lb-pro-text-muted);line-height:1.25;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.ladybrill-pro__tools-heading--sub{margin-top:4px;margin-bottom:8px}.ladybrill-pro__tools-grid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;width:100%}.ladybrill-pro__tools-divider{align-self:stretch;width:100%;max-width:100%;height:1px;margin:14px 0 10px;background:linear-gradient(90deg,transparent 0%,var(--lb-pro-border) 20%,var(--lb-pro-border-strong) 50%,var(--lb-pro-border) 80%,transparent 100%);opacity:.85}.ladybrill-pro__tool-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--lb-pro-border);border-radius:12px;background:var(--lb-pro-surface-elevated);cursor:pointer;box-sizing:border-box;box-shadow:var(--lb-pro-shadow-soft);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.ladybrill-pro__tool-btn:hover{background:var(--lb-pro-surface-hover);border-color:var(--lb-pro-border-strong);box-shadow:var(--lb-pro-shadow-hover);transform:translateY(-1px)}.ladybrill-pro__tool-btn:focus-visible{outline:none;box-shadow:var(--lb-pro-shadow-soft),0 0 0 3px #5f58e847}.ladybrill-pro__tool-btn--active{border:none;background:linear-gradient(135deg,var(--lb-pro-primary) 0%,var(--lb-pro-primary-mid) 100%);box-shadow:var(--lb-pro-shadow-accent);transform:translateY(-1px)}.ladybrill-pro__tool-btn--active:hover{box-shadow:0 10px 24px #5f58e84d;transform:translateY(-2px)}.ladybrill-pro__tool-btn--active .ladybrill-pro__tool-icon{filter:brightness(0) invert(1);opacity:.98}.ladybrill-pro__tool-btn--active:hover .ladybrill-pro__tool-icon{filter:brightness(0);opacity:1}.ladybrill-pro__tool-icon{width:22px;height:22px;display:block;pointer-events:none;transition:filter .2s ease,opacity .2s ease}.ladybrill-pro__tool-icon--size-tool{width:19px;height:19px}.ladybrill-pro__tool-btn:disabled{opacity:.42;cursor:not-allowed;background:#ececf2;border-color:#e0e0e8;box-shadow:none;transform:none}.ladybrill-pro__tool-btn:disabled:hover{background:#ececf2;border-color:#e0e0e8;box-shadow:none;transform:none}.ladybrill-pro__history{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;align-items:center;box-sizing:border-box}.ladybrill-pro__history-btn{display:flex;align-items:center;justify-content:center;width:44px;height:36px;padding:0;border:1px solid var(--lb-pro-border);border-radius:10px;background:var(--lb-pro-surface-elevated);cursor:pointer;font-family:Roboto,system-ui,sans-serif;line-height:1;color:#3a3a48;box-sizing:border-box;box-shadow:var(--lb-pro-shadow-soft);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .15s ease}.ladybrill-pro__history-icon{width:20px;height:20px;display:block;pointer-events:none;object-fit:contain}.ladybrill-pro__history-icon--forward{transform:scaleX(-1)}.ladybrill-pro__history-btn:hover:not(:disabled){background:var(--lb-pro-surface-hover);border-color:var(--lb-pro-border-strong);color:var(--lb-pro-primary);box-shadow:var(--lb-pro-shadow-hover);transform:translateY(-1px)}.ladybrill-pro__history-btn:focus-visible{outline:none;box-shadow:var(--lb-pro-shadow-soft),0 0 0 3px #5f58e838}.ladybrill-pro__history-btn:disabled{opacity:.38;cursor:not-allowed;background:#ececf2;border-color:#e0e0e8;color:#9a9aa8;box-shadow:none;transform:none}.ladybrill-pro-ctx-menu{--lb-ctx-primary: #5f58e8;--lb-ctx-primary-soft: rgba(95, 88, 232, .12);--lb-ctx-primary-soft-strong: rgba(95, 88, 232, .18);--lb-ctx-border: #e3e5ee;--lb-ctx-text: #2a2a34;--lb-ctx-muted: #6b6b7a;position:fixed;z-index:10000;min-width:248px;max-width:min(320px,calc(100vw - 24px));padding:8px;margin:0;background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid var(--lb-ctx-border);border-radius:14px;box-shadow:0 4px 6px #5f58e80a,0 12px 40px #1f1f281f,0 0 0 1px #fff9 inset;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;letter-spacing:.01em;box-sizing:border-box}.ladybrill-pro-ctx-menu__separator{height:1px;margin:6px;background:linear-gradient(90deg,transparent 0%,var(--lb-ctx-border) 15%,#c6caed 50%,var(--lb-ctx-border) 85%,transparent 100%);opacity:.9;pointer-events:none}.ladybrill-pro-ctx-menu__item{display:block;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:var(--lb-ctx-text);font:inherit;font-weight:500;line-height:1.3;box-sizing:border-box;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.ladybrill-pro-ctx-menu__item:hover:not(:disabled){background:var(--lb-ctx-primary-soft);color:var(--lb-ctx-primary);box-shadow:0 1px #ffffffb3 inset}.ladybrill-pro-ctx-menu__item:focus-visible{outline:none;background:var(--lb-ctx-primary-soft-strong);color:var(--lb-ctx-primary);box-shadow:0 0 0 2px #5f58e847}.ladybrill-pro-ctx-menu__item:disabled{opacity:.42;cursor:not-allowed;color:var(--lb-ctx-muted)}.ladybrill-pro-ctx-menu__item:disabled:hover{background:transparent;box-shadow:none;color:var(--lb-ctx-muted)}.ladybrill-pro-ctx-menu__item--danger{color:#b71c1c}.ladybrill-pro-ctx-menu__item--danger:hover:not(:disabled){background:#c628281a;color:#8b0000;box-shadow:none}.ladybrill-pro-ctx-menu__item--danger:focus-visible{background:#c628281f;color:#7a0a0a;box-shadow:0 0 0 2px #c6282840}.ladybrill-pro-recolor-popover{position:fixed;z-index:10001;width:288px;max-width:min(288px,calc(100vw - 24px));padding:12px 12px 10px;margin:0;background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid #e3e5ee;border-radius:14px;box-shadow:0 4px 6px #5f58e80d,0 14px 44px #1f1f2821;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:12px;box-sizing:border-box}.ladybrill-pro-recolor-popover__title{font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#6b6b7a;margin:0 0 10px}.ladybrill-pro-recolor-popover__search{width:100%;padding:8px 10px;margin-bottom:10px;font-size:13px;font-family:inherit;border:1px solid #e3e5ee;border-radius:10px;box-sizing:border-box;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.ladybrill-pro-recolor-popover__search:focus{outline:none;border-color:#5f58e8;box-shadow:0 0 0 3px #5f58e82e}.ladybrill-pro-recolor-popover__list{max-height:260px;overflow-y:auto;border:1px solid #e8eaf2;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000000a inset}.ladybrill-pro-recolor-popover__empty{margin:0;padding:12px 8px;text-align:center;color:#888;font-size:12px}.ladybrill-pro-recolor-popover__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-bottom:1px solid #f0f1f5;background:#fff;cursor:pointer;text-align:left;font:inherit;font-weight:500;box-sizing:border-box;transition:background .12s ease}.ladybrill-pro-recolor-popover__item:last-child{border-bottom:none}.ladybrill-pro-recolor-popover__item:hover{background:#5f58e814}.ladybrill-pro-recolor-popover__item:focus-visible{outline:none;background:#5f58e81f;box-shadow:inset 0 0 0 2px #5f58e838}.ladybrill-pro-recolor-popover__swatch{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.ladybrill-pro-recolor-popover__info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.ladybrill-pro-recolor-popover__code{font-size:10px;font-weight:600;color:#333}.ladybrill-pro-recolor-popover__name{font-size:10px;color:#555;line-height:1.2}.ladybrill-pro-recolor-popover__hex{font-size:9px;font-family:ui-monospace,monospace;color:#888}.ladybrill-pro-recolor-popover__crystal{width:26px;height:26px;flex-shrink:0;object-fit:contain}.ladybrill-pro__main{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.ladybrill-pro__canvas-host{flex:1;min-width:0;min-height:0;position:relative;cursor:default;overflow:hidden;overscroll-behavior:contain}.ladybrill-pro__add-panel{position:absolute;top:14px;right:14px;z-index:2;width:300px;max-height:calc(100vh - 28px);overflow:hidden;display:flex;flex-direction:column;padding:14px 14px 16px;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 18px #00000014}.ladybrill-pro__add-panel-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#222}.ladybrill-pro__add-field{margin-bottom:12px;flex-shrink:0}.ladybrill-pro__add-field--grow{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.ladybrill-pro__add-field:last-of-type{margin-bottom:0}.ladybrill-pro__add-label{display:block;margin-bottom:6px;font-size:12px;color:#555}.ladybrill-pro__add-select{width:100%;padding:8px 10px;font-size:13px;border:1px solid #ccc;border-radius:8px;background:#fff;box-sizing:border-box}.ladybrill-pro__palette-current{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.ladybrill-pro__palette-current-swatch{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.ladybrill-pro__palette-current-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ladybrill-pro__palette-current-code{font-size:12px;font-weight:600;color:#333}.ladybrill-pro__palette-current-name{font-size:11px;color:#666;line-height:1.25}.ladybrill-pro__palette-current-hex{font-size:11px;font-family:ui-monospace,monospace;color:#888}.ladybrill-pro__palette-search{width:100%;padding:8px 10px;margin-bottom:8px;font-size:13px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.ladybrill-pro__palette-search:focus{outline:none;border-color:#5f58e8;box-shadow:0 0 0 2px #5f58e833}.ladybrill-pro__palette-list{flex:1 1 0;min-height:100px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.ladybrill-pro__palette-empty{margin:0;padding:14px 10px;font-size:12px;color:#888;text-align:center}.ladybrill-pro__palette-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-bottom:1px solid #f0f0f0;background:#fff;cursor:pointer;text-align:left;font:inherit;box-sizing:border-box}.ladybrill-pro__palette-item:last-child{border-bottom:none}.ladybrill-pro__palette-item:hover{background:#f6f6ff}.ladybrill-pro__palette-item--active{background:#5f58e81f}.ladybrill-pro__palette-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.ladybrill-pro__palette-item-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.ladybrill-pro__palette-code{font-size:11px;font-weight:600;color:#333}.ladybrill-pro__palette-name{font-size:11px;color:#555;line-height:1.2}.ladybrill-pro__palette-hex{font-size:10px;font-family:ui-monospace,monospace;color:#888}.ladybrill-pro__palette-crystal{width:28px;height:28px;flex-shrink:0;object-fit:contain}.ladybrill-pro__add-label--hex{margin-top:10px}.ladybrill-pro__add-color-hex{width:100%;padding:8px 10px;font-size:13px;font-family:ui-monospace,monospace;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.ladybrill-pro__add-hint{margin:12px 0 0;font-size:11px;line-height:1.4;color:#777;flex-shrink:0}.ladybrill-pro__canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.ladybrill-pro-exit-dialog{position:fixed;inset:0;z-index:10200;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Roboto,system-ui,-apple-system,sans-serif}.ladybrill-pro-exit-dialog__backdrop{position:absolute;inset:0;margin:0;padding:0;border:none;background:#1c1c247a;cursor:pointer}.ladybrill-pro-exit-dialog__panel{position:relative;z-index:1;width:100%;max-width:400px;padding:22px 22px 18px;background:#fff;border-radius:14px;border:1px solid var(--lb-pro-border, #e3e5ee);box-shadow:0 16px 48px #0000002e;box-sizing:border-box}.ladybrill-pro-exit-dialog__title{margin:0 0 12px;font-size:17px;font-weight:600;color:#1f1f28;line-height:1.25}.ladybrill-pro-exit-dialog__text{margin:0 0 20px;font-size:14px;line-height:1.45;color:#4a4a58}.ladybrill-pro-exit-dialog__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ladybrill-pro-exit-dialog__btn{min-width:108px;padding:9px 16px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.ladybrill-pro-exit-dialog__btn--secondary{background:var(--lb-pro-surface, #f8f9fa);border-color:var(--lb-pro-border, #e3e5ee);color:#3a3a48}.ladybrill-pro-exit-dialog__btn--secondary:hover{background:var(--lb-pro-surface-hover, #eeeef8);border-color:var(--lb-pro-border-strong, #c6caed)}.ladybrill-pro-exit-dialog__btn--secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #5f58e838}.ladybrill-pro-exit-dialog__btn--primary{background:linear-gradient(180deg,#e84855,#c62828);border-color:#b71c1c;color:#fff;box-shadow:0 4px 12px #c628284d}.ladybrill-pro-exit-dialog__btn--primary:hover{background:linear-gradient(180deg,#ef5350,#d32f2f);box-shadow:0 6px 16px #c6282861}.ladybrill-pro-exit-dialog__btn--primary:focus-visible{outline:none;box-shadow:0 4px 12px #c628284d,0 0 0 3px #c6282847}.ladybrill-pro-env-dialog{position:fixed;inset:0;z-index:10210;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Roboto,system-ui,-apple-system,sans-serif}.ladybrill-pro-env-dialog__backdrop{position:absolute;inset:0;margin:0;padding:0;border:none;background:#1c1c247a;cursor:pointer}.ladybrill-pro-env-dialog__panel{position:relative;z-index:1;width:100%;max-width:420px;padding:22px 22px 18px;background:#fff;border-radius:14px;border:1px solid var(--lb-pro-border, #e3e5ee);box-shadow:0 16px 48px #0000002e;box-sizing:border-box}.ladybrill-pro-env-dialog__title{margin:0 0 16px;font-size:17px;font-weight:600;color:#1f1f28;line-height:1.25}.ladybrill-pro-env-dialog__field{margin-bottom:16px}.ladybrill-pro-env-dialog__field:last-of-type{margin-bottom:0}.ladybrill-pro-env-dialog__label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#4a4a58}.ladybrill-pro-env-dialog__color-row{display:flex;align-items:center;gap:10px}.ladybrill-pro-env-dialog__color-input{width:44px;height:36px;padding:2px;border:1px solid var(--lb-pro-border, #e3e5ee);border-radius:8px;background:#fff;cursor:pointer;flex-shrink:0;box-sizing:border-box}.ladybrill-pro-env-dialog__hex-input{flex:1;min-width:0;padding:8px 10px;font-size:13px;font-family:ui-monospace,monospace;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.ladybrill-pro-env-dialog__range{display:block;width:100%;margin-top:4px;accent-color:#5f58e8}.ladybrill-pro-env-dialog__actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:4px}.ladybrill-pro-env-dialog__btn{min-width:108px;padding:9px 16px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.ladybrill-pro-env-dialog__btn--primary{background:linear-gradient(180deg,#6c64f0,#5f58e8);border-color:#4a42c4;color:#fff;box-shadow:0 4px 12px #5f58e847}.ladybrill-pro-env-dialog__btn--primary:hover{filter:brightness(1.05)}.ladybrill-pro-env-dialog__btn--primary:focus-visible{outline:none;box-shadow:0 4px 12px #5f58e847,0 0 0 3px #5f58e840}.server-unavailable{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:10000}.server-unavailable-content{background:#fff;border-radius:20px;padding:60px 40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d}.server-unavailable-icon{font-size:64px;margin-bottom:20px}.server-unavailable-title{font-family:Roboto,sans-serif;font-weight:700;font-size:28px;color:#333;margin:0 0 16px}.server-unavailable-message{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:#666;line-height:1.6;margin:0 0 32px}.server-unavailable-button{background:#667eea;color:#fff;border:none;border-radius:12px;padding:14px 32px;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.server-unavailable-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.server-unavailable-button:active{transform:translateY(0)}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}