@import url("https://fonts.googleapis.com/css2?family=Tiny5&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-2{top:.5rem}.z-10{z-index:10}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-2{height:.5rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[42px\]{height:42px}.h-full{height:100%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[760px\]{max-width:760px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\2c 260px\)\]{grid-template-columns:repeat(auto-fill,260px)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-\[10px\]{gap:10px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#ff6b8a\]\/50{border-color:rgba(255,107,138,.5)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.bg-\[\#1a1b26\]\/50{background-color:rgba(26,27,38,.5)}.bg-\[\#262633\]{--tw-bg-opacity:1;background-color:rgb(38 38 51/var(--tw-bg-opacity,1))}.bg-\[\#2a2a36\]{--tw-bg-opacity:1;background-color:rgb(42 42 54/var(--tw-bg-opacity,1))}.bg-\[\#ff6b8a\]{--tw-bg-opacity:1;background-color:rgb(255 107 138/var(--tw-bg-opacity,1))}.bg-\[\#ff6b8a\]\/10{background-color:rgba(255,107,138,.1)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-6{padding-bottom:1.5rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[11px\]{font-size:11px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.text-\[\#b8b8c4\]{--tw-text-opacity:1;color:rgb(184 184 196/var(--tw-text-opacity,1))}.text-\[\#e8e8e8\]{--tw-text-opacity:1;color:rgb(232 232 232/var(--tw-text-opacity,1))}.text-\[\#f0f0f0\]{--tw-text-opacity:1;color:rgb(240 240 240/var(--tw-text-opacity,1))}.text-\[\#ff6b8a\]{--tw-text-opacity:1;color:rgb(255 107 138/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.28\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.28\)\]{--tw-shadow:0 2px 12px rgba(0,0,0,.28);--tw-shadow-colored:0 2px 12px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}*,body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:#2a2a2a;color:#e0e0e0;overflow:hidden;height:100vh}.splash-screen{position:fixed;inset:0;background:#262633;justify-content:center;z-index:99999}.splash-content,.splash-screen{display:flex;align-items:center}.splash-content{flex-direction:column;gap:24px}.splash-logo{line-height:0}.splash-logo img{width:312px;height:312px;-o-object-fit:contain;object-fit:contain;display:block}.splash-loading{font-size:14px;font-weight:500;color:#888;margin:0;letter-spacing:.06em}.landing{height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#262633;color:#e0e0e0}.landing__nav{position:sticky;top:0;z-index:100;background:rgba(38,38,51,.92);backdrop-filter:blur(6px);border-bottom:1px solid hsla(0,0%,100%,.08)}.landing__nav-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.landing__nav-brand{display:inline-flex;align-items:center;gap:8px;color:#f0f0f0;font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap}.landing__nav-logo{width:220px;height:auto;aspect-ratio:852/225;-o-object-fit:contain;object-fit:contain;display:block}.landing__nav-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.landing__nav-auth{display:flex;align-items:center;gap:8px}.landing__nav-actions{display:flex;align-items:center;gap:10px}.landing__nav-user{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:hsla(0,0%,100%,.04);max-width:240px;cursor:pointer;text-align:left}.landing__nav-user-wrap{position:relative}.landing__nav-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:140px;background:#2a2a36;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:6px;z-index:200}.landing__nav-user-menu-item{display:block;width:100%;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#e8e8e8;font:inherit;font-size:.92rem;line-height:1.2;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;text-decoration:none}.landing__nav-user-menu-item:hover{background:hsla(0,0%,100%,.08)}.landing__nav-avatar{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.landing__nav-avatar--placeholder{align-items:center;justify-content:center;background:rgba(255,215,0,.2);color:gold;font-size:.86rem;font-weight:700;display:inline-flex}.landing__nav-user-name{color:#e8e8e8;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing__nav-link{color:#b8b8c4;font-size:.92rem;text-decoration:none}.landing__nav-link:hover{color:#e0e0e0}.landing__hero{padding:72px 24px 80px;text-align:center}@media (max-width:760px){.landing__nav-logo{width:170px;height:auto}.landing__nav-inner{flex-direction:column;align-items:stretch}.landing__nav-links{justify-content:center}.landing__nav .landing__cta{width:100%}.landing__nav-actions,.landing__nav-auth{width:100%;flex-direction:column}.landing__nav-user{width:100%;max-width:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#262633}.auth-card{width:100%;max-width:420px;background:rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:24px}.auth-title{font-size:1.6rem;color:#f0f0f0;margin-bottom:8px}.auth-subtitle{color:#b8b8c4;margin-bottom:18px}.auth-warning{color:#ffd37b;margin-bottom:14px;font-size:.92rem}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-label{color:#d3d3de;font-size:.92rem;margin-top:4px}.auth-input{height:40px;border-radius:8px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.06);color:#f0f0f0;padding:0 12px}.auth-input:focus{outline:none;border-color:rgba(255,215,0,.6)}.auth-button{width:100%;margin-top:10px}.auth-error{margin-top:12px;color:#ff9d9d;font-size:.9rem}.auth-switch{margin-top:14px;color:#b8b8c4;font-size:.92rem}.auth-switch a{color:gold;text-decoration:none}.profile-page{min-height:100vh;background:#262633;color:#e0e0e0;padding:36px 24px 60px}.profile-container{max-width:980px;margin:0 auto}.profile-panel{background:rgba(0,0,0,.16);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;padding:24px}.profile-title{font-size:1.7rem;color:#f0f0f0;margin-bottom:8px}.profile-subtitle{color:#b8b8c4;margin-bottom:20px}.profile-user-row{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-form-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.profile-photo-col{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-fields-col{display:flex;flex-direction:column;gap:12px}.profile-input-group{display:flex;flex-direction:column;gap:6px}.profile-file-input{display:none}.profile-avatar-button{border:none;background:transparent;padding:0;line-height:0;cursor:pointer}.profile-avatar{width:68px;height:68px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.profile-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,215,0,.22);color:gold;font-size:1.1rem;font-weight:700}.profile-field{color:#d8d8e2;margin-bottom:6px}.profile-change-photo-link{border:none;background:transparent;color:gold;cursor:pointer;font-size:.9rem;padding:0}.profile-error{margin-bottom:14px;color:#ff9d9d;font-size:.92rem}.profile-nickname-form{margin-bottom:18px}.profile-nickname-label{display:block;color:#d8d8e2;font-size:.92rem;margin-bottom:8px}.profile-nickname-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-nickname-input{height:40px;width:min(440px,100%);border-radius:8px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.06);color:#f0f0f0;padding:0 12px}.profile-nickname-input:focus{outline:none;border-color:rgba(255,215,0,.6)}.profile-nickname-message{margin-top:8px;color:#b8b8c4;font-size:.88rem}.profile-nickname-message--success{color:#57d38c}.profile-nickname-message--error{color:#ff8f8f}@media (max-width:820px){.profile-form-grid{grid-template-columns:1fr}.profile-photo-col{align-items:flex-start}}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-crop-modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;z-index:1500;padding:16px}.profile-crop-card{width:min(560px,100%);background:#2a2a36;border:1px solid hsla(0,0%,100%,.12);border-radius:14px;padding:20px}.profile-cropper-wrap{position:relative;width:100%;height:320px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.4);margin-bottom:14px}.profile-zoom-label{color:#d8d8e2;font-size:.92rem}.profile-zoom-input{width:100%;margin:8px 0 16px}.landing__hero-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}.landing__logo{width:100%;max-width:320px;height:auto;display:block}.landing__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#f0f0f0;margin:0;letter-spacing:.02em}.landing__tagline{font-size:1.05rem;line-height:1.65;color:#b8b8c4;margin:0}.landing__cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}.landing__cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-size:.95rem;font-weight:500;border-radius:6px;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s}.landing__cta--primary{color:gold;background:transparent;border:1px solid rgba(255,215,0,.6)}.landing__cta--primary:hover{background:rgba(255,215,0,.1);border-color:gold}.landing__cta--secondary{color:#a8a8b8;background:transparent;border:1px solid hsla(0,0%,100%,.15)}.landing__cta--secondary:hover{color:#e0e0e0;border-color:hsla(0,0%,100%,.25)}.landing__cta:active{opacity:.85}.landing__cta--large{padding:12px 28px;font-size:1rem}.landing__hero-designs{width:100%;max-width:1120px;margin-top:6px}.landing__hero-designs-title{margin:0 0 10px;text-align:center;color:#b8b8c4;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.landing__hero-designs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.landing__hero-design-item{display:flex;flex-direction:column;gap:6px}.landing__hero-design-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.28);outline:none}.landing__hero-design-webgl{position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:translateY(0) scale(1);transition:opacity .2s ease;pointer-events:none;background:rgba(26,26,26,.96)}.landing__hero-design-webgl.is-interactive{pointer-events:auto}.landing__hero-design-webgl canvas{width:100%!important;height:100%!important;display:block}.landing__hero-design-thumb:focus-visible{border-color:rgba(255,215,0,.8)}.landing__hero-design-name{color:#f0f0f0;font-size:.8rem;font-weight:700;line-height:1.25}.landing__hero-design-author-text,.landing__hero-design-name{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing__hero-design-author-text{color:#b8b8c4;font-size:.74rem;line-height:1.2}.landing__hero-designs-empty{margin:0;color:#b8b8c4;font-size:.86rem;text-align:center}@media (max-width:640px){.landing__hero-designs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing__scr{padding:32px 24px 40px}.landing__scr-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto}.landing__scr-thumb{width:100px;height:100px;padding:0;border:none;background:none;cursor:pointer;border-radius:6px;overflow:hidden;line-height:0;flex-shrink:0}.landing__scr-thumb:hover{opacity:.92}.landing__scr-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.landing__scr-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:10000;padding:24px}.landing__scr-modal-close,.landing__scr-modal-overlay{display:flex;align-items:center;justify-content:center;cursor:pointer}.landing__scr-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:none;color:#fff;font-size:28px;line-height:1;padding:0;z-index:2;opacity:.85}.landing__scr-modal-close:hover{opacity:1}.landing__scr-modal-next,.landing__scr-modal-prev{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2;opacity:.85}.landing__scr-modal-next:hover,.landing__scr-modal-prev:hover{opacity:1}.landing__scr-modal-prev{left:16px}.landing__scr-modal-next{right:16px}.landing__scr-modal-content{max-width:95vw;max-height:90vh;cursor:default}.landing__scr-modal-img{max-width:100%;max-height:90vh;width:auto;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.landing__steps{padding:40px 24px 56px;background:rgba(0,0,0,.15)}.landing__steps-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;text-align:center}.landing__step{display:flex;flex-direction:column;align-items:center;gap:8px}.landing__step-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:gold;background:transparent;border:2px solid rgba(255,215,0,.5);border-radius:50%}.landing__step-title{font-size:1.1rem;font-weight:600;color:#e8e8e8;margin:0}.landing__step-desc{font-size:.95rem;line-height:1.5;color:#a8a8b8;margin:0}.landing__samples{padding:48px 24px 56px;background:rgba(0,0,0,.12)}.landing__samples-inner{max-width:960px;margin:0 auto}.landing__samples-heading{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:#f0f0f0;margin:0 0 8px;text-align:center}.landing__samples-sub{font-size:.95rem;color:#a8a8b8;margin:0 0 28px;text-align:center}.landing__samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:520px;margin:0 auto}.landing__sample-wrap{width:100%;border-radius:10px;overflow:hidden}.landing__sample-img{width:100%;height:auto;display:block;aspect-ratio:1;-o-object-fit:contain;object-fit:contain}.landing__deco-samples{padding:32px 24px 40px}.landing__deco-samples-inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.landing__deco-img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:8px;opacity:.5}.landing__intro{padding:32px 24px 48px}.landing__intro-inner{max-width:1000px;margin:0 auto;text-align:center}.landing__intro-inner p{font-size:1rem;line-height:1.6;color:#b8b8c4;margin:0}.landing__intro-inner strong{color:gold;font-weight:600}.landing__features-section{padding:48px 24px 64px}.landing__features-inner{max-width:1000px;margin:0 auto}.landing__features-heading{font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;color:#f0f0f0;margin:0 0 8px;text-align:center}.landing__features-sub{font-size:1rem;color:#a8a8b8;margin:0 0 32px;text-align:center}.landing__cards{display:grid;grid-template-columns:1fr;gap:20px;max-width:1000px;margin:0 auto}.landing__card{padding:20px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid hsla(0,0%,100%,.06)}.landing__card-title{font-size:1rem;font-weight:600;color:#e8e8e8;margin:0 0 8px}.landing__card-desc{font-size:.9rem;line-height:1.5;color:#a8a8b8;margin:0}.landing__final-cta{padding:40px 24px 56px;text-align:center;background:rgba(0,0,0,.12)}.landing__final-cta-inner{max-width:480px;margin:0 auto}.landing__footer{padding:24px;text-align:center;border-top:1px solid hsla(0,0%,100%,.06)}.landing__footer-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.landing__footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 16px}.landing__footer-copyright-row{margin-top:2px}.landing__footer-sep{color:#555;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing__footer-version{font-size:.8rem;color:#777;margin:0}.landing__footer-credit{font-size:.9rem;color:#999;margin:0}.landing__footer-contact{margin:0}.landing__footer-link{font-size:.9rem;color:gold;text-decoration:none}.landing__footer-link:hover{text-decoration:underline}.landing__copyright{font-size:.85rem;color:#888;margin:0}.landing__link{font-size:.9rem;color:#888;text-decoration:none}.landing__link:hover{color:#b0b0b0;text-decoration:underline}.app-container{display:flex;flex-direction:column;height:100vh;background:#2a2a2a}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#1f1f1f;border-bottom:1px solid #333;height:60px;min-height:48px}@media (max-width:768px){.toolbar{padding:8px 20px}}@media (max-width:480px){.toolbar{padding:8px 24px}}.toolbar-logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center}.toolbar-logo-full{display:block}.toolbar-logo-short{display:none}@media (max-width:768px){.toolbar-logo-full{display:none}.toolbar-logo-short{display:block}.toolbar-hide-mobile{display:none!important}}.toolbar-right{padding-right:16px}@media (max-width:768px){.toolbar-right{padding-right:20px}}@media (max-width:480px){.toolbar-right{padding-right:24px}}@media (max-width:360px){.toolbar-right{padding-right:28px}}.toolbar-title{font-family:Nunito Sans,sans-serif;font-size:8px;color:#e0e0e0;font-weight:100;align-self:flex-end;white-space:nowrap;transition:all .3s ease}@media (max-width:768px){.toolbar-title{font-size:16px;letter-spacing:.3px}}@media (max-width:480px){.toolbar-title{font-size:14px;letter-spacing:.2px}}@media (max-width:360px){.toolbar-title{display:none}}.toolbar-center{display:flex;gap:4px;align-items:center;padding-left:26px;margin-left:-120px}@media (max-width:768px){.toolbar-center{margin-left:0;padding-left:12px}}@media (max-width:480px){.toolbar-center{padding-left:24px}}@media (max-width:360px){.toolbar-center{padding-left:28px}}.tool-btn{background:transparent;border:none;color:#999;padding:6px 8px;cursor:pointer;font-size:18px;transition:all .15s;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tool-btn:hover{background:#333;color:#fff}.tool-btn.active{background:gold;color:#1a1a1a}.tool-btn.disabled{opacity:.4;cursor:not-allowed}.tool-btn.disabled:hover{background:transparent;color:#999}.helper-buttons{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;justify-content:center;align-items:center;padding:0;height:auto;min-height:0;margin:0}.helper-buttons-panel{display:flex;gap:4px;background:rgba(31,31,31,.9);padding:4px;border-radius:4px;border:1px solid #333;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5)}.helper-btn{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;color:#999;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.helper-btn:hover:not(.disabled):not(:disabled){background:#333;color:#fff;border-color:#555}.helper-btn.disabled{opacity:.4;cursor:not-allowed}.helper-btn.disabled:hover{background:transparent;color:#999;border-color:transparent}.helper-btn.active,.helper-btn.active:hover{background:transparent;color:gold;border-color:gold}.characters-panel{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:5px;background:#1f1f1f;border-radius:12px;border:1px solid #333;z-index:2000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);overflow-x:auto;align-items:center}.character-btn{background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;padding:4px;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.character-btn:hover{background:#333;border-color:#555}.character-btn.active{border-color:gold;background:#333}.character-image{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.main-content{display:flex;flex:1;gap:0;padding:0;overflow:hidden;background:#2a2a2a}.main-content.model-mode{padding:0;gap:0;background:#1a1a1a}.main-content.model-mode,.model-view-container{display:flex;align-items:center;justify-content:center}.model-view-container{width:100%;height:100%;flex-direction:column;position:relative}.model-preview-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;flex-direction:column;gap:12px}.model-scene-toggles-row{align-self:stretch}.model-scene-toggles-row .scene-toggles-panel{width:100%}.model-preview-controls .scene-toggles-panel{align-self:stretch}.scene-toggles-panel{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;background:rgba(31,31,31,.9);padding:6px 8px;border-radius:4px;border:1px solid #333;align-self:flex-start}.scene-toggle-item{display:flex;align-items:center;gap:6px}.scene-toggle-label{font-size:11px;color:#999}.scene-toggle-icon{display:flex;align-items:center;justify-content:center;color:#999}.scene-switch{position:relative;width:28px;height:18px;background:rgba(42,42,42,.9);border:1px solid #3a3a3a;border-radius:9px;cursor:pointer;transition:all .18s;padding:0;outline:none}.scene-switch:hover{background:#333;border-color:#555}.scene-switch.active{background:rgba(255,215,0,.4);border-color:rgba(255,215,0,.7)}.scene-switch-slider{position:absolute;top:2px;right:2px;width:12px;height:12px;background:#666;border-radius:50%;transition:all .18s;pointer-events:none}.scene-switch.active .scene-switch-slider{right:12px;left:auto;background:gold}.model-view-container .view-controls-wrapper{position:absolute;top:16px;right:16px;z-index:10}.left-panel{width:-moz-fit-content;width:fit-content;min-width:40px;max-width:140px;display:flex;flex-direction:column;background:#1f1f1f;border-right:1px solid #333;padding:4px;gap:4px;overflow-y:auto}.shape-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.shape-btn{width:100%;aspect-ratio:1;background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#fff;padding:4px;position:relative}.shape-btn svg{max-width:100%;max-height:100%;margin:auto}.shape-btn:hover{background:#333;border-color:#555}.shape-btn.active{border-color:gold;background:#333}.preview-container{background:#1f1f1f;border:1px solid #333;border-radius:12px;padding:8px;min-height:200px;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5)}.preview-3d{width:100%;flex:1;background:#1a1a1a;border-radius:4px;margin-bottom:8px;min-height:180px}.preview-label{text-align:center;font-size:11px;color:#999;font-weight:500}.center-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#2a2a2a;padding:20px}.preview-wrapper{position:fixed;bottom:20px;left:16px;z-index:1001;display:flex;flex-direction:row;align-items:flex-end;gap:8px}.view-controls-wrapper{display:flex;flex-direction:column;gap:4px}.preview-container{position:relative;width:200px;height:200px;transition:width .3s ease,height .3s ease}.preview-container.expanded{width:400px;height:400px}.preview-controls-row{display:flex;gap:6px;align-items:center;justify-content:flex-start;width:100%}.preview-scene-toggles-row,.preview-scene-toggles-row .scene-toggles-panel{width:100%}.preview-expand-btn{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;color:#999;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.preview-expand-btn:hover{background:#333;color:#fff;border-color:#555}.preview-mode-selector{display:flex;gap:4px;background:rgba(31,31,31,.9);padding:4px;border-radius:4px;border:1px solid #333;align-self:flex-start}.preview-mode-btn{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;color:#999;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.preview-mode-btn:hover{background:#333;color:#fff;border-color:#555}.preview-mode-btn.active{background:gold;color:#1a1a1a;border-color:gold}.view-controls{display:flex;flex-direction:column;gap:4px;background:rgba(31,31,31,.9);padding:4px;border-radius:4px;border:1px solid #333;box-shadow:0 2px 8px rgba(0,0,0,.3)}.view-control-btn{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;color:#999;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.view-control-btn:hover{background:#333;color:#fff;border-color:#555}.view-control-btn.active{background:gold;color:#1a1a1a;border-color:gold}.view-control-btn.active img{filter:brightness(0)}.view-control-btn.disabled{opacity:.4;cursor:not-allowed}.view-control-btn.disabled:hover{background:transparent;color:#999;border-color:transparent}.grid-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;cursor:grab}.grid-container:active{cursor:grabbing}.grid-2d{display:grid;gap:0;background:repeating-conic-gradient(#2a2a2a 0 25%,#1f1f1f 0 50%) 50% /20px 20px;padding:20px;border-radius:0;border:2px solid #333;box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 0 1px #1a1a1a;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 0 1px #1a1a1a;-moz-box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 0 1px #1a1a1a;position:relative}.grid-cell{width:20px;height:20px;background:transparent;border-right:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:700;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:1}.grid-cell:hover{z-index:10}.grid-cell.filled{border-right:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:none}.right-panel{width:80px;display:flex;flex-direction:column;background:#1f1f1f;border-left:1px solid #333;padding:8px;gap:8px;overflow-y:auto}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.floating-empty-palette{position:fixed;right:16px;top:calc(80px + 360px + 12px);background:#1f1f1f;padding:5px;border-radius:12px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);width:70px}.floating-empty-palette .color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.floating-empty-palette .color-btn.empty{background:transparent;border:2px dashed #444;border-radius:6px;padding:0;cursor:default;opacity:1}.floating-empty-palette .color-btn.empty:disabled{opacity:.6}.custom-picker input[type=color]{-webkit-appearance:none;border-radius:6px;overflow:hidden;cursor:pointer}.custom-picker{background:#1f1f1f;padding:6px;border-radius:8px;border:1px solid #333;box-shadow:0 8px 24px rgba(0,0,0,.5);width:260px}.floating-empty-palette .color-btn.filled{border:none}.floating-empty-palette .color-btn.empty-slot{border:1px dashed #bbb;opacity:.5}.floating-empty-palette .color-btn.active{border:2px solid #fff!important;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.06)}.floating-shape-palette{position:fixed;left:16px;top:80px;background:#1f1f1f;padding:5px;border-radius:12px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);width:70px;display:none}.floating-shape-palette .shape-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.floating-shape-palette .shape-btn{padding:1px;min-width:28px;min-height:28px}.floating-cell-shape-palette{position:fixed;left:16px;top:80px;background:#1f1f1f;padding:4px;border-radius:12px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);width:-moz-fit-content;width:fit-content;min-width:36px;max-height:calc(100vh - 100px);overflow-y:auto}.cell-shape-palette{display:grid;grid-template-columns:1fr;gap:2px;width:100%;max-width:36px}.cell-shape-btn{width:28px;height:28px;background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:2px;min-width:28px;min-height:28px}.cell-shape-btn:hover{background:#333;border-color:#555}.cell-shape-btn.active{border-color:gold;background:#333}.cell-shape-btn svg{width:100%;height:100%}.cell-shape-group-panel{display:flex;flex-direction:row;gap:2px;background:#1f1f1f;padding:4px;border-radius:0 8px 8px 0;border:1px solid #333;border-left:none;box-shadow:0 4px 12px rgba(0,0,0,.5)}.cell-shape-btn-group{width:28px;height:28px;flex-shrink:0}.cell-shape-btn.group-expanded{border-color:gold}.floating-depth-palette{position:fixed;right:16px;top:80px;background:#1f1f1f;padding:5px;border-radius:12px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);width:38px}.floating-depth-palette .depth-selector{display:flex;flex-direction:column;gap:2px}.floating-depth-palette .depth-label{display:none}.floating-depth-palette .depth-buttons{display:flex;flex-direction:column;gap:2px}.floating-depth-palette .depth-btn{width:100%;height:28px;background:#333;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s;position:relative;padding:0;font-size:12px;color:#e0e0e0;display:flex;align-items:center;justify-content:center}.floating-depth-palette .depth-btn:hover{transform:scale(1.1);border-color:hsla(0,0%,100%,.3)}.floating-depth-palette .depth-btn.active{border-color:#fff;border-width:2px;background:gold;color:#1a1a1a}.floating-color-palette{position:fixed;right:16px;top:80px;background:#1f1f1f;padding:5px;border-radius:12px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);-moz-box-shadow:0 4px 12px rgba(0,0,0,.5);width:70px}.floating-color-palette .color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.color-btn{width:28px;height:28px;background:#333;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s;position:relative;padding:0}.color-btn:hover{transform:scale(1.1);border-color:hsla(0,0%,100%,.3)}.color-btn.active{border-color:#fff;border-width:2px}.depth-selector{display:flex;flex-direction:column;gap:4px}.depth-label{font-size:10px;color:#999;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.depth-buttons{display:flex;flex-direction:column;gap:4px}.depth-btn{width:64px;height:48px;background:#333;border:2px solid transparent;color:#e0e0e0;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .15s;text-align:center;display:flex;align-items:center;justify-content:center}.depth-btn:hover{background:#3a3a3a;border-color:#555}.depth-btn.active{background:gold;color:#1a1a1a;border-color:gold}.view3d-container{flex:1;background:#1f1f1f;border:1px solid #333;border-radius:4px;padding:8px;min-height:300px;display:flex;flex-direction:column}.view-3d{width:100%;height:100%;background:#1a1a1a;border-radius:4px}.canvas-size-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.canvas-size-modal{background:linear-gradient(165deg,#242424,#1a1a1a);border:1px solid #3a3a3a;border-radius:16px;padding:36px 32px;max-width:420px;width:100%;box-shadow:0 24px 48px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.04)}.canvas-size-modal-header{text-align:center;margin-bottom:28px}.canvas-size-modal-icon{width:56px;height:56px;margin:0 auto 16px;background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;color:gold}.canvas-size-modal-title{color:#f0f0f0;font-size:22px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.canvas-size-modal-subtitle{color:#888;font-size:14px;line-height:1.4;max-width:280px;margin:0 auto}.canvas-size-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.canvas-size-btn{position:relative;padding:18px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.canvas-size-btn:hover{background:#333;border-color:#555;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.canvas-size-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.canvas-size-value{font-size:20px;font-weight:700;color:#f0f0f0;letter-spacing:-.02em}.canvas-size-label{font-size:12px;color:#888;font-weight:500}.canvas-size-btn:hover .canvas-size-label{color:#aaa}.help-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.help-modal{background:#1f1f1f;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.help-modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.help-modal-close{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.help-modal-close:hover{background:#333;color:#fff}.help-modal-content{padding:20px;display:flex;flex-direction:column;gap:16px}.help-tip-item{display:flex;gap:16px;padding:16px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.help-tip-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:8px;color:gold}.help-tip-text{flex:1}.help-tip-text h3{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.help-tip-text p{margin:0;color:#ccc;font-size:14px;line-height:1.5}@keyframes colorCycle{0%{filter:sepia(1) hue-rotate(0deg) saturate(2)}25%{filter:sepia(1) hue-rotate(90deg) saturate(2)}50%{filter:sepia(1) hue-rotate(180deg) saturate(2)}75%{filter:sepia(1) hue-rotate(270deg) saturate(2)}to{filter:sepia(1) hue-rotate(1turn) saturate(2)}}.about-logo-animated{animation:colorCycle 3s ease-in-out infinite}.about-modal .about-modal-header{border-bottom:none;justify-content:flex-end;padding:6px 16px 4px}.about-modal .about-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px 24px;gap:4px}.mode-selector{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#1f1f1f;padding:4px;border-radius:8px;border:1px solid #333;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3)}.mode-btn{padding:10px 20px;background:transparent;border:none;color:#999;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border-radius:6px;display:flex;align-items:center;gap:6px;white-space:nowrap}.mode-btn:hover{background:#2a2a2a;color:#fff}.mode-btn.active{background:gold;color:#1a1a1a}.mode-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mode-btn.disabled:hover{background:transparent;color:#999}.publish-button-wrap{position:fixed;right:16px;bottom:16px;z-index:1400;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.publish-btn{min-width:120px;height:40px;padding:0 16px;border-radius:8px;border:1px solid gold;background:gold;color:#1a1a1a;font-size:12px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:all .15s}.publish-btn:hover:not(:disabled){background:#ffed4e;border-color:#ffed4e}.publish-btn:disabled{opacity:.5;cursor:not-allowed;background:#666;border-color:#666;color:#ddd}.publish-status-message{max-width:280px;background:rgba(31,31,31,.92);border:1px solid #333;border-radius:8px;padding:8px 10px;color:#d8d8e2;font-size:12px;line-height:1.35}.publish-meta-overlay{position:fixed;inset:0;z-index:1800;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:16px}.publish-meta-card{width:min(520px,100%);background:#2a2a36;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.publish-meta-title{margin:0;color:#f0f0f0;font-size:1.2rem;font-weight:700}.publish-meta-subtitle{margin:0;color:#b8b8c4;font-size:.9rem}.publish-meta-label{color:#d8d8e2;font-size:.88rem}.publish-meta-input,.publish-meta-textarea{width:100%;border-radius:8px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.06);color:#f0f0f0;padding:10px 12px;font-size:.92rem}.publish-meta-textarea{resize:vertical;min-height:82px}.publish-meta-input:focus,.publish-meta-textarea:focus{outline:none;border-color:rgba(255,215,0,.6)}.publish-meta-error{margin:0;color:#ff9d9d;font-size:.86rem}.publish-meta-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.export-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;margin:0!important;padding:0!important}.export-modal{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:400px;display:flex;flex-direction:column;position:relative;margin:0!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.export-modal-header h2{margin:0;color:#fff;font-size:16px;font-weight:600}.export-modal-close{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.export-modal-close:hover{background:#333;color:#fff}.export-modal-content{padding:16px;display:flex;flex-direction:column;gap:16px}.export-section{display:flex;flex-direction:column;gap:8px}.export-section-header{display:flex;align-items:center;gap:6px}.export-section-header label{color:#ccc;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.export-help-btn{background:transparent;border:none;color:#666;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .15s}.export-help-btn:hover{color:#999;background:#2a2a2a}.export-toggle-group{display:flex;gap:4px}.export-toggle-btn{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .15s;color:#999;font-size:13px;font-weight:500;text-align:center}.export-toggle-btn:hover{background:#333;color:#fff;border-color:#555}.export-toggle-btn.active{background:gold;color:#1a1a1a;border-color:gold}.export-switch-container{display:flex;align-items:center}.export-switch{position:relative;width:44px;height:24px;background:#2a2a2a;border:1px solid #333;border-radius:12px;cursor:pointer;transition:all .2s;padding:0;outline:none}.export-switch:hover{background:#333;border-color:#555}.export-switch.active{background:gold;border-color:gold}.export-switch-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#999;border-radius:50%;transition:all .2s}.export-switch.active .export-switch-slider{left:22px;background:#1a1a1a}.export-format-group{display:flex;flex-wrap:wrap;gap:4px}.export-format-btn{padding:8px 12px;background:#2a2a2a;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .15s;color:#999;font-size:13px;font-weight:500;min-width:50px;text-align:center}.export-format-btn:hover{background:#333;color:#fff;border-color:#555}.export-format-btn.active{background:gold;color:#1a1a1a;border-color:gold}.export-scale-input{display:flex;align-items:center;gap:8px}.export-scale-input input{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;font-size:13px;font-weight:500;outline:none}.export-scale-input input:focus{border-color:#555;background:#333}.export-scale-input span{color:#999;font-size:13px;font-weight:500}.export-modal-footer{margin-top:8px;display:flex;justify-content:center}.export-success-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;margin:0!important;padding:0!important}.export-success-modal{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;position:relative;margin:0!important}.export-success-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.export-success-modal-header h2{margin:0;color:#fff;font-size:16px;font-weight:600}.export-success-modal-close{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.export-success-modal-close:hover{background:#333;color:#fff}.export-success-modal-content{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.export-success-icon{color:#4caf50;flex-shrink:0}.export-success-files{width:100%;text-align:left}.export-success-files h3{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.export-success-files ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.export-success-files li{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2a2a2a;border-radius:6px;border:1px solid #333;color:#ccc;font-size:13px}.export-success-files li svg{flex-shrink:0;color:#999}.export-success-instructions{width:100%;text-align:left}.export-success-instructions h3{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.export-success-instructions ol{margin:0;padding-left:20px;color:#ccc;font-size:13px;line-height:1.6}.export-success-instructions li{margin-bottom:8px}.export-success-modal-footer{padding:12px 16px;border-top:1px solid #333;display:flex;justify-content:center}.export-success-ok-btn{padding:8px 24px;background:#4caf50;color:#fff;border:1px solid #4caf50;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.export-success-ok-btn:hover{background:#45a049;border-color:#45a049}.export-submit-btn{padding:10px 24px;background:gold;border:1px solid gold;border-radius:4px}.clear-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important}.clear-modal{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:400px;display:flex;flex-direction:column;position:relative;margin:0!important}.clear-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.clear-modal-header h2{margin:0;color:#fff;font-size:16px;font-weight:600}.clear-modal-close{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.clear-modal-close:hover{background:#333;color:#fff}.clear-modal-content{padding:20px 16px;display:flex;flex-direction:column;gap:8px}.clear-modal-content p{margin:0;color:#e0e0e0;font-size:14px;line-height:1.5}.clear-modal-warning{color:#ff6b6b!important;font-size:13px!important}.clear-modal-footer{padding:12px 16px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:12px}.clear-modal-cancel-btn,.clear-modal-confirm-btn{padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.clear-modal-cancel-btn{background:#2a2a2a;color:#e0e0e0;border-color:#333}.clear-modal-cancel-btn:hover{background:#333;border-color:#555}.clear-modal-confirm-btn{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.clear-modal-confirm-btn:hover{background:#ff5252;border-color:#ff5252}.load-success-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important}.load-success-modal{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:400px;display:flex;flex-direction:column;position:relative;margin:0!important}.load-success-modal-content{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.load-success-icon{color:#4caf50}.load-success-modal-content h2{margin:0;color:#fff;font-size:18px;font-weight:600}.load-success-modal-content p{margin:0;color:#e0e0e0;font-size:14px;line-height:1.5}.load-success-modal-footer{padding:12px 16px;border-top:1px solid #333;display:flex;justify-content:center}.load-success-ok-btn{padding:8px 24px;background:#4caf50;color:#fff;border:1px solid #4caf50;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.load-success-ok-btn:hover{background:#45a049;border-color:#45a049}.load-confirmation-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important}.load-confirmation-modal{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);width:90%;max-width:400px;display:flex;flex-direction:column;position:relative;margin:0!important}.load-confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.load-confirmation-modal-header h2{margin:0;color:#fff;font-size:16px;font-weight:600}.load-confirmation-modal-close{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.load-confirmation-modal-close:hover{background:#333;color:#fff}.load-confirmation-modal-content{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.load-confirmation-warning{color:#ffa726;display:flex;align-items:center;justify-content:center}.load-confirmation-modal-content p{margin:0;color:#e0e0e0;font-size:14px;line-height:1.5}.load-confirmation-modal-footer{padding:12px 16px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:12px}.load-confirmation-cancel-btn,.load-confirmation-confirm-btn{padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.load-confirmation-cancel-btn{background:#2a2a2a;color:#e0e0e0;border-color:#333}.load-confirmation-cancel-btn:hover{background:#333;border-color:#555}.load-confirmation-confirm-btn{background:#4caf50;color:#fff;border-color:#4caf50}.load-confirmation-confirm-btn:hover{background:#45a049;border-color:#45a049}.export-submit-btn:hover{background:#ffed4e;border-color:#ffed4e}@media (max-width:1200px){.left-panel,.main-content{flex-direction:column}.left-panel{width:-moz-fit-content;width:fit-content;min-width:40px;max-width:140px}.right-panel{width:100%;flex-direction:row}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#1a1a1a;border-top:1px solid #444;padding:14px 20px;box-shadow:0 -4px 20px rgba(0,0,0,.4)}.cookie-consent-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.cookie-consent-text{flex:1;min-width:200px;font-size:14px;line-height:1.45;color:#d0d0d0}.cookie-consent-link{color:#ffed4e;text-decoration:underline;text-underline-offset:2px}.cookie-consent-link:hover{color:#fff}.cookie-consent-actions{display:flex;gap:10px;flex-shrink:0}.cookie-consent-btn{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s}.cookie-consent-reject{background:transparent;color:#a0a0a0;border-color:#555}.cookie-consent-reject:hover{background:#333;color:#ccc}.cookie-consent-accept{background:#ffed4e;color:#1a1a1a;border-color:#ffed4e}.cookie-consent-accept:hover{background:#ffe01a;border-color:#ffe01a}@media (max-width:480px){.cookie-consent-banner{padding:12px 16px}.cookie-consent-inner{flex-direction:column;align-items:stretch}.cookie-consent-actions{justify-content:flex-end}}.privacy-page{height:100vh;overflow-y:auto;padding:24px 20px 60px;background:#262633}.privacy-page-inner{max-width:700px;margin:0 auto}.privacy-back-link{display:inline-block;margin-bottom:24px;color:#ffed4e;text-decoration:none;font-size:14px}.privacy-back-link:hover{color:#fff;text-decoration:underline}.privacy-page h1{font-size:24px;margin-bottom:8px;color:#f0f0f0}.privacy-updated{font-size:13px;color:#888;margin-bottom:28px}.privacy-page section{margin-bottom:24px}.privacy-page h2{font-size:18px;color:#e8e8e8;margin-bottom:10px}.privacy-page p,.privacy-page ul{font-size:15px;line-height:1.6;color:#d0d0d0;margin-bottom:12px}.privacy-page ul{padding-left:22px;margin-bottom:16px}.privacy-page li{margin-bottom:6px}.privacy-external{color:#ffed4e;text-decoration:underline}.privacy-external:hover{color:#fff}.hover\:border-white\/30:hover{border-color:hsla(0,0%,100%,.3)}.hover\:bg-\[\#ff859f\]:hover{--tw-bg-opacity:1;background-color:rgb(255 133 159/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-\[\#f0f0f0\]:hover{--tw-text-opacity:1;color:rgb(240 240 240/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.focus\:border-\[\#ffd700\]\/60:focus{border-color:rgba(255,215,0,.6)}@media (min-width:768px){.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:821px){.min-\[821px\]\:justify-end{justify-content:flex-end}}