@font-face{font-family:ONY One;src:url(/fonts/ONYOne-Regular.woff2) format("woff2"),url(/fonts/ONYOne-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ONY One;src:url(/fonts/ONYOne-Medium.woff2) format("woff2"),url(/fonts/ONYOne-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.app-container{width:100vw;height:100vh;max-height:100vh;background:#f5f5f5;border-radius:30px;position:relative;overflow:hidden;font-family:ONY One,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:0;margin:0}.logo{position:absolute;left:40px;top:calc(100vh * 34.72 / 1024);z-index:15}.logo img{width:69px;height:22px;display:block}.thank-you-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1268px;max-width:calc(100% - 172px);height:auto;font-family:ONY One,sans-serif;font-weight:500;font-size:42px;line-height:1.05em;letter-spacing:-.01em;text-align:center;color:#000;z-index:1}.footer-text{position:absolute;left:40px;top:94.53125vh;width:440px;max-width:calc(100% - 80px);font-family:ONY One,sans-serif;font-weight:500;font-size:24px;line-height:1.2em;text-align:left;color:#000;z-index:15;white-space:nowrap}@media (max-width: 1024px){.app-container{border-radius:0}.logo{left:20px;top:20px}.logo svg{width:80px;height:25px}.thank-you-text{font-size:clamp(20px,5vw,32px);width:calc(100% - 40px);left:50%;top:50%;transform:translate(-50%,-50%);padding:0 20px}.footer-text{left:20px;top:auto;bottom:20px;font-size:clamp(16px,4vw,20px);width:calc(100% - 40px);white-space:normal}}@media (max-width: 768px){.logo{left:16px;top:16px}.logo svg{width:70px;height:22px}.thank-you-text{font-size:clamp(18px,5vw,24px);line-height:1.3em;top:50%;transform:translate(-50%,-50%);padding:0 16px}.footer-text{left:16px;bottom:16px;font-size:clamp(14px,3.5vw,18px);width:calc(100% - 32px)}}@media (max-width: 480px){.logo{left:12px;top:12px}.logo svg{width:60px;height:19px}.thank-you-text{font-size:clamp(16px,4.5vw,20px);line-height:1.35em;top:50%;transform:translate(-50%,-50%);padding:0 16px}.footer-text{left:12px;bottom:12px;font-size:clamp(12px,3vw,16px);width:calc(100% - 24px)}}.card-generator{width:100%;min-height:100vh;height:100vh;max-height:100vh;background:#f5f5f5;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:visible}.header-actions-desktop .export-button{width:104px;height:35px;padding:0;border:1px solid #000000;background:#fff;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#000;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.header-actions-desktop .export-button:hover{background:#000;color:#fff}.header-actions-desktop .export-button:active{transform:scale(.95)}.header-actions-desktop .more-button{width:35px;height:35px;border:1px solid #000000;background:#fff;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#000;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.header-actions-desktop .more-button:hover{background:#000;color:#fff}.header-actions-desktop .more-button:active{transform:scale(.95)}.header-actions-desktop .snow-toggle-button{width:35px;height:35px;border:1px solid #000000;background:#fff;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#000;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.header-actions-desktop .snow-toggle-button:hover{background:#000;color:#fff}.header-actions-desktop .snow-toggle-button:active{transform:scale(.95)}.generator-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;max-width:1440px;padding:0;height:100vh;min-height:100vh;max-height:100vh;position:relative;overflow:visible}.card-section{display:flex;flex-direction:column;align-items:center;gap:0;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;transform-origin:center center;transition:transform .3s ease-out}.card-preview{width:393px;height:500px;border-radius:30px;overflow:hidden;box-shadow:0 8px 32px #0000001a;position:relative;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none}.card-preview:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card-preview:active{transform:translateY(0) scale(.98)}.card-background{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;z-index:1}.card-content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;z-index:2;isolation:isolate}.card-composition{width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;display:block;margin:0;padding:0;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.card-composition-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.card-composition-image{width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.card-text-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;padding:0;box-sizing:border-box;justify-content:center;align-items:center;overflow:hidden}.card-text-background{display:none}.card-text{position:relative;z-index:1;font-family:ONY One,sans-serif;font-weight:400;line-height:.75em;color:#ffade8;white-space:pre-line;text-transform:uppercase;letter-spacing:-.01em;width:100%;max-width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;text-align:center;overflow-wrap:break-word;word-wrap:break-word}.card-text-line{display:block;width:100%;max-width:100%;text-align:inherit;min-height:1em;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.card-footer-text{font-family:ONY One,sans-serif;font-weight:400;font-size:11px;line-height:1.2em;color:#00000080;text-align:center;white-space:nowrap;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - 80px);margin:0;padding:0;flex-shrink:0;z-index:10}.generator-controls-desktop{display:flex;flex-direction:column;gap:0;width:333px;align-items:center;position:absolute;top:calc(45vh + 250px);left:50%;transform:translate(-50%);z-index:10;transition:top .3s ease-out}.control-buttons{display:flex;gap:8px;justify-content:center;width:100%;align-items:center}.control-button{width:140px;height:35px;padding:0;border:none;background:#000;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.control-button-color{padding:0 12px}.control-button:hover{opacity:.9}.control-button:active{transform:scale(.95)}.control-button .color-preview{display:flex;align-items:center;gap:4px;border:none!important;outline:none!important;box-shadow:none!important;width:auto;height:auto}.control-button-color span{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.color-circle{width:12px;height:12px;border-radius:50%;border:none;flex-shrink:0}.generator-controls-mobile{display:none}.control-tabs{display:flex;gap:8px;background:transparent;padding:0;border-radius:0;width:333px;height:35px;margin-bottom:0;justify-content:center}.tab-button{width:107px;height:35px;padding:20px 12.36px;border:none;background:#000;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(36.33px);-webkit-backdrop-filter:blur(36.33px);box-sizing:border-box}.tab-button:hover{opacity:.9}.tab-button:active{transform:scale(.95)}.tab-button.active{background:#000}.control-content{min-height:200px;padding:20px 0;background:#fff;border-radius:0 0 30px 30px;margin-top:0}.control-actions-desktop{display:none}.control-actions-mobile{position:absolute;left:218px;top:123px;display:flex;gap:6px;width:145px;height:35px;z-index:10;pointer-events:auto}.export-button{width:104px;height:35px;padding:20px 12.36px;border:1px solid #000000;background:#000;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;box-sizing:border-box;backdrop-filter:blur(36.33px);-webkit-backdrop-filter:blur(36.33px)}.export-button:hover{opacity:.9}.export-button:active{transform:scale(.95)}.more-button{width:35px;height:35px;border:1px solid #000000;background:#000;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;backdrop-filter:blur(36.33px);-webkit-backdrop-filter:blur(36.33px)}.more-button:hover{opacity:.9}.more-button:active{transform:scale(.95)}@media (max-width: 768px){.card-generator{padding:0;min-height:100vh}.header-logo-desktop{display:flex;align-items:center;top:10px;left:20px;font-size:28px;line-height:35px;height:35px}.header-actions-desktop{display:flex;align-items:center;top:10px;right:20px;height:35px}.generator-container{max-width:calc(100% - 40px);flex-direction:column;gap:0;padding:0 20px}.card-section{max-width:calc(100% - 40px);width:100%}.generator-controls-desktop{display:none}.generator-controls-mobile{display:flex;position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:calc(100% - 40px);flex-direction:column;gap:0}.card-preview{width:100%;max-width:calc(100% - 40px);height:auto;aspect-ratio:393 / 500;margin:60px auto 20px}.card-text-wrapper{position:absolute;left:15%;top:38.67%;width:70%;height:57.5%}.card-text-background{display:none}.card-text{width:100%;height:auto;margin-top:4.75%}.card-footer-text{font-size:clamp(9px,2.5vw,11px);line-height:1.2em;white-space:nowrap;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - 40px);margin:0}.generator-controls-mobile .control-buttons{width:100%;gap:8px;justify-content:center}.control-actions-mobile{display:none}.control-actions-mobile .export-button{width:104px;height:35px;padding:20px 12.36px;border-radius:30px;font-size:15px;backdrop-filter:blur(36.33px);-webkit-backdrop-filter:blur(36.33px)}.control-actions-mobile .more-button{width:35px;height:35px;border-radius:40px;font-size:15px;backdrop-filter:blur(36.33px);-webkit-backdrop-filter:blur(36.33px)}}@media (max-width: 480px){.card-generator{padding:0}.card-preview{max-width:calc(100% - 40px)}.card-text-wrapper{width:100%;left:0}.card-text-background{width:100%}.card-text{width:100%;font-size:120px}}.card-generator.theme-dark{background:#1a1a1a}.card-generator.theme-dark .header-logo-desktop img{filter:invert(1)}.card-generator.theme-dark .header-actions-desktop .export-button{border:1px solid #FFFFFF;background:#1a1a1a;color:#fff}.card-generator.theme-dark .header-actions-desktop .export-button:hover{background:#fff;color:#000}.card-generator.theme-dark .header-actions-desktop .more-button{border:1px solid #FFFFFF;background:#1a1a1a;color:#fff}.card-generator.theme-dark .header-actions-desktop .more-button:hover{background:#fff;color:#000}.card-generator.theme-dark .header-actions-desktop .snow-toggle-button{width:35px;height:35px;border:1px solid #FFFFFF;background:#1a1a1a;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.card-generator.theme-dark .header-actions-desktop .snow-toggle-button:hover{background:#fff;color:#000}.card-generator.theme-dark .header-actions-desktop .theme-toggle-button{width:35px;height:35px;border:1px solid #FFFFFF;background:#1a1a1a;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.card-generator.theme-dark .header-actions-desktop .theme-toggle-button:hover{background:#fff;color:#000}.card-generator.theme-dark .card-footer-text{color:#ffffff80}.card-generator.theme-dark .control-button{background:#fff;color:#000}.card-generator.theme-dark .control-button:hover{opacity:.9}.generator-page{width:100%;min-height:100vh;background:#f5f5f5}.generator-page.theme-dark{background:#1a1a1a}.header-logo-desktop{position:absolute;top:20px;left:40px;z-index:100;display:flex;align-items:center;height:35px;text-decoration:none;cursor:pointer;transition:opacity .2s ease-in-out}.header-logo-desktop img{width:69px;height:22px;display:block}.header-logo-desktop:hover{opacity:.8}.header-actions-desktop{position:absolute;top:20px;right:40px;display:flex;gap:6px;z-index:100;align-items:center;height:35px}.header-actions-desktop .theme-toggle-button{width:35px;height:35px;border:1px solid #000000;background:#fff;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#000;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.header-actions-desktop .theme-toggle-button:hover{background:#000;color:#fff}.header-actions-desktop .theme-toggle-button:active{transform:scale(.95)}.generator-start{width:100%;height:100vh;max-height:100vh;background:#f5f5f5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;overflow:hidden}.generator-start-content{position:relative;width:100%;max-width:1440px;height:100vh;max-height:100vh;margin:0 auto;box-sizing:border-box;padding:0 40px}.generator-start-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:1200px;min-width:320px;height:auto;min-height:255px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.generator-start-text{width:100%;max-width:100%;min-height:160px;margin:0;padding:0 40px;font-family:ONY One,sans-serif;font-weight:500;font-size:34px;line-height:1.1764705882352942em;letter-spacing:-.01em;text-align:center;color:#000;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.generator-start-separator{width:100%;height:30px;flex-shrink:0;flex-grow:0}.generator-start-button{width:210px;height:65px;margin:0;background:#000;border:none;border-radius:42px;font-family:ONY One,sans-serif;font-weight:500;font-size:20px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;backdrop-filter:blur(47.28304672241211px);-webkit-backdrop-filter:blur(47.28304672241211px);flex-shrink:0;align-self:center}.generator-start-button:hover{opacity:.9}.generator-start-button:active{opacity:.8;transform:scale(.95)}.generator-start-instruction{position:absolute;left:40px;bottom:40px;width:460px;max-width:calc(100% - 80px);height:51px;font-family:ONY One,sans-serif;font-weight:400;font-size:15px;line-height:1.3333333333333333em;letter-spacing:.01em;text-align:left;color:#00000040;box-sizing:border-box}.generator-start-icon{display:none;position:absolute;right:200.05px;bottom:40px;width:25.82px;height:25.82px;background:transparent}@media (max-width: 1440px){.generator-start-content{width:100%}.generator-start-group{left:50%;transform:translate(-50%,-50%);width:80%;max-width:1200px}.generator-start-text{width:100%;max-width:100%;padding:0 30px}.generator-start-instruction{left:20px;width:calc(100% - 40px);max-width:460px}}@media (max-width: 768px){.header-logo-desktop{display:flex;align-items:center;top:10px;left:20px;font-size:28px;line-height:35px;height:35px}.header-actions-desktop{display:flex;align-items:center;top:10px;right:20px;height:35px}.generator-start-group{left:50%;transform:translate(-50%,-50%);width:90%;max-width:100%;height:auto}.generator-start-text{position:relative;top:auto;left:auto;width:100%;max-width:100%;height:auto;min-height:160px;font-size:24px;margin:0;padding:0 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.generator-start-separator{height:30px}.generator-start-button{position:relative;top:auto;left:auto;transform:none;width:180px;height:55px;font-size:18px;margin:0;align-self:center}.generator-start-instruction{left:20px;width:calc(100% - 40px);max-width:460px;font-size:13px}.generator-start-icon{display:none}}.generator-start.theme-dark{background:#1a1a1a}.generator-start.theme-dark .header-logo-desktop img{filter:invert(1)}.generator-start.theme-dark .header-actions-desktop .theme-toggle-button{width:35px;height:35px;border:1px solid #FFFFFF;background:#1a1a1a;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#fff;cursor:pointer;transition:all .2s,transform .1s ease-out;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.generator-start.theme-dark .header-actions-desktop .theme-toggle-button:hover{background:#fff;color:#000}.generator-start.theme-dark .generator-start-text{color:#fff}.generator-start.theme-dark .generator-start-button{background:#fff;color:#000}.generator-start.theme-dark .generator-start-button:hover{opacity:.9}.generator-start.theme-dark .generator-start-instruction{color:#ffffff80}.generator-start-footer-text{position:fixed;bottom:20px;left:40px;font-family:ONY One,sans-serif;font-weight:400;font-size:14px;line-height:1.2em;color:#00000080;text-align:left;z-index:10;white-space:nowrap}.generator-start.theme-dark .generator-start-footer-text{color:#ffffff80}@media (max-width: 768px){.generator-start-footer-text{font-size:12px;bottom:15px;left:20px;white-space:normal}}.admin-container{min-height:100vh;background:#f5f5f5;padding:0;font-family:ONY One,sans-serif;display:flex;flex-direction:column;position:relative;transition:background .3s ease-in-out}.admin-header{position:absolute;top:20px;left:0;right:0;width:100%;max-width:1440px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-sizing:border-box}.admin-header-logo{display:flex;align-items:center;transition:opacity .3s ease-in-out;text-decoration:none;cursor:pointer}.admin-header-logo img{width:69px;height:22px;display:block}.admin-header-logo:hover{opacity:.8}.admin-header-actions{display:flex;gap:6px;align-items:center;height:35px}.theme-toggle-button{width:35px;height:35px;border:1px solid #000000;background:#f5f5f5;border-radius:40px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;line-height:1.2em;color:#000;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.theme-toggle-button:hover{background:#000;color:#fff}.logout-btn{height:35px;padding:0 20px;background:#000;color:#fff;border:none;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{opacity:.9}.admin-content{width:100%;max-width:1200px;margin:0 auto;padding:100px 40px 40px;display:flex;flex-direction:column;gap:40px;box-sizing:border-box;transition:background .3s ease-in-out}.admin-tabs{display:flex;gap:8px;margin-bottom:0;justify-content:flex-start;flex-wrap:wrap}.tab-btn{height:35px;padding:0 20px;background:#f5f5f5;color:#000;border:1px solid #000000;border-radius:30px;font-family:ONY One,sans-serif;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#000;color:#fff}.tab-btn.active{background:#000;color:#fff;border-color:#000}.admin-section{background:transparent;display:flex;flex-direction:column;gap:20px;width:100%}.admin-section h2{margin:0;font-size:24px;font-weight:600;color:#000;padding-bottom:10px;border-bottom:2px solid #E0E0E0;transition:color .3s ease-in-out,border-color .3s ease-in-out}.admin-section h3{margin:0 0 20px;font-size:18px;font-weight:500;color:#000;transition:color .3s ease-in-out}.text-field,.setting-field,.upload-form,.create-collection{display:flex;flex-direction:column;gap:8px}.text-field label,.setting-field label{font-weight:500;font-size:14px;color:#000}.text-field input,.text-field textarea,.setting-field input,.setting-field textarea,.upload-form input[type=text],.create-collection input,.color-input,.upload-name-input,.create-item-section input[type=text]{padding:12px 16px;border:1px solid #000000;border-radius:12px;font-family:ONY One,sans-serif;font-size:14px;color:#000;background:#f5f5f5;transition:all .2s;width:100%;box-sizing:border-box}.text-field input:focus,.text-field textarea:focus,.setting-field input:focus,.setting-field textarea:focus,.upload-form input[type=text]:focus,.create-collection input:focus,.color-input:focus,.upload-name-input:focus,.create-item-section input[type=text]:focus{outline:none;border-color:#000;background:#f5f5f5}.text-field textarea{min-height:100px;resize:vertical}button{font-family:ONY One,sans-serif}.text-field button,.save-settings-btn,.create-collection button,.add-color-btn,.add-btn{padding:12px 24px;background:#000;color:#fff;border:none;border-radius:30px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;align-self:flex-start;height:35px;display:flex;align-items:center;justify-content:center}.text-field button:hover,.save-settings-btn:hover,.create-collection button:hover,.add-color-btn:hover,.add-btn:hover{opacity:.9}.edit-btn,.save-btn{padding:8px 16px;background:#000;color:#fff;border:none;border-radius:30px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;height:35px;display:flex;align-items:center;justify-content:center}.edit-btn:hover,.save-btn:hover{opacity:.9}.cancel-btn{padding:8px 16px;background:#f5f5f5;color:#000;border:1px solid #000000;border-radius:30px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;height:35px;display:flex;align-items:center;justify-content:center}.cancel-btn:hover{background:#000;color:#fff}.delete-btn{padding:8px 16px;background:#f5f5f5;color:red;border:1px solid #FF0000;border-radius:30px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;height:35px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:red;color:#fff}.create-collection{display:flex;flex-direction:row;gap:10px}.create-collection input{flex:1}.create-collection button{white-space:nowrap}.collections-list{display:flex;flex-wrap:wrap;gap:10px}.collection-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;border-radius:30px;font-size:14px}.collection-item .delete-btn.small{width:20px;height:20px;padding:0;background:#ccc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:none;cursor:pointer}.collection-item .delete-btn.small:hover{background:red}.upload-section{background:#fafafa;padding:20px;border-radius:20px}.upload-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.collection-select{padding:12px 16px;border:2px solid #E0E0E0;border-radius:12px;font-family:ONY One,sans-serif;font-size:14px;background:#f5f5f5;cursor:pointer}.upload-btn{padding:12px 24px;background:#000;color:#fff;border-radius:12px;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.upload-btn.disabled{background:#ccc;cursor:not-allowed}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.item-card{background:#f5f5f5;border:1px solid #000000;border-radius:16px;padding:20px;overflow:hidden;transition:all .2s}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-card img{width:100%;aspect-ratio:1;object-fit:contain;padding:10px;background:#f9f9f9}.item-info{padding:12px;border-top:1px solid #E0E0E0}.item-name{font-weight:500;font-size:14px;margin-bottom:4px}.item-collection{font-size:12px;color:#666}.item-card .delete-btn{width:100%;padding:10px;background:#f5f5f5;color:red;border:none;border-top:1px solid #E0E0E0;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.item-card .delete-btn:hover{background:#fff0f0}.colors-editor{margin-top:10px}.add-color-section{display:flex;gap:10px;margin-bottom:20px;align-items:center}.color-picker{width:40px;height:40px;border:none;border-radius:8px;padding:0;background:none;cursor:pointer}.colors-list{display:flex;flex-wrap:wrap;gap:10px}.color-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border:1px solid #E0E0E0;border-radius:20px}.color-preview{width:20px;height:20px;border-radius:50%;border:1px solid #E0E0E0}.color-input{border:none;padding:0;font-size:13px;width:70px}.remove-color-btn{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0;line-height:1}.remove-color-btn:hover{color:red}.series-selector{display:flex;gap:10px}.series-button{flex:1;padding:16px;background:#f5f5f5;border:2px solid #E0E0E0;border-radius:16px;font-size:16px;font-weight:500;color:#000;cursor:pointer;transition:all .2s}.series-button:hover{border-color:#000}.series-button.active{background:#000;color:#fff;border-color:#000}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa}.admin-login-box{background:#f5f5f5;padding:40px;border-radius:30px;box-shadow:0 8px 32px #0000000d;width:100%;max-width:400px}.admin-login-box h1{text-align:center;margin-bottom:30px;font-size:24px}.admin-login-box input{width:100%;padding:12px 16px;border:2px solid #E0E0E0;border-radius:12px;margin-bottom:16px;box-sizing:border-box}.admin-login-box button{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer}.error{color:red;text-align:center;margin-bottom:16px}.create-item-section{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;padding:20px;background:#fafafa;border-radius:16px;border:1px solid #E0E0E0}.items-list{display:flex;flex-direction:column;gap:20px}.admin-container.theme-dark,.admin-container.theme-dark .admin-content{background:#1a1a1a}.admin-container.theme-dark .admin-header-logo img{filter:invert(1)}.admin-container.theme-dark .theme-toggle-button{border:1px solid #FFFFFF;background:#1a1a1a;color:#fff}.admin-container.theme-dark .theme-toggle-button:hover,.admin-container.theme-dark .logout-btn{background:#f5f5f5;color:#1a1a1a}.admin-container.theme-dark .logout-btn:hover{opacity:.9}.admin-container.theme-dark .tab-btn{background:#1a1a1a;color:#fff;border:1px solid #FFFFFF}.admin-container.theme-dark .tab-btn:hover{background:#f5f5f5;color:#1a1a1a}.admin-container.theme-dark .tab-btn.active{background:#f5f5f5;color:#1a1a1a;border-color:#fff}.admin-container.theme-dark .admin-section h2{color:#fff;border-bottom-color:#333}.admin-container.theme-dark .admin-section h3{color:#fff}.admin-container.theme-dark .text-field input,.admin-container.theme-dark .text-field textarea,.admin-container.theme-dark .setting-field input,.admin-container.theme-dark .setting-field textarea,.admin-container.theme-dark .create-item-section input[type=text]{background:#1a1a1a;border-color:#fff;color:#fff}.admin-container.theme-dark .text-field input:focus,.admin-container.theme-dark .text-field textarea:focus,.admin-container.theme-dark .setting-field input:focus,.admin-container.theme-dark .setting-field textarea:focus,.admin-container.theme-dark .create-item-section input[type=text]:focus{border-color:#fff;background:#1a1a1a}.admin-container.theme-dark .text-field label,.admin-container.theme-dark .setting-field label{color:#fff}.admin-container.theme-dark .item-card{background:#1a1a1a;border-color:#fff;color:#fff}.admin-container.theme-dark .create-item-section{background:#252525;border-color:#333}.admin-container.theme-dark .edit-btn,.admin-container.theme-dark .save-btn{background:#f5f5f5;color:#1a1a1a}.admin-container.theme-dark .edit-btn:hover,.admin-container.theme-dark .save-btn:hover{opacity:.9}.admin-container.theme-dark .cancel-btn{background:#1a1a1a;color:#fff;border-color:#fff}.admin-container.theme-dark .cancel-btn:hover{background:#f5f5f5;color:#1a1a1a}.admin-container.theme-dark .delete-btn{background:#1a1a1a;color:red;border-color:red}.admin-container.theme-dark .delete-btn:hover{background:red;color:#fff}.admin-container.theme-dark .add-btn{background:#f5f5f5;color:#1a1a1a}.admin-container.theme-dark .add-btn:hover{opacity:.9}.admin-container label{font-weight:500;font-size:14px;color:#000;transition:color .3s ease-in-out}.admin-container.theme-dark label{color:#fff}.admin-container input[type=text]{padding:8px 12px;border:1px solid #000000;border-radius:8px;font-family:ONY One,sans-serif;font-size:14px;color:#000;background:#f5f5f5;transition:all .2s;box-sizing:border-box}.admin-container.theme-dark input[type=text]{background:#1a1a1a;border-color:#fff;color:#fff}.admin-container input[type=text]:focus{outline:none;border-color:#000}.admin-container.theme-dark input[type=text]:focus{border-color:#fff}.admin-container .preview-box{border:1px solid #ddd;transition:border-color .3s ease-in-out}.admin-container.theme-dark .preview-box{border-color:#333}.admin-container .color-info{color:#666;transition:color .3s ease-in-out}.admin-container.theme-dark .color-info{color:#999}.admin-container .postcard-info{color:#666;transition:color .3s ease-in-out}.admin-container.theme-dark .postcard-info{color:#999}.admin-container .postcard-preview{border:1px solid #ddd;transition:border-color .3s ease-in-out}.admin-container.theme-dark .postcard-preview{border-color:#333}.admin-container .create-item-section input[type=text]{padding:12px 16px;border:1px solid #000000;border-radius:12px;font-family:ONY One,sans-serif;font-size:14px;color:#000;background:#f5f5f5;transition:all .2s;width:100%;box-sizing:border-box}.admin-container.theme-dark .create-item-section input[type=text]{background:#1a1a1a;border-color:#fff;color:#fff}.admin-container .create-item-section input[type=text]:focus{outline:none;border-color:#000}.admin-container.theme-dark .create-item-section input[type=text]:focus{border-color:#fff}.admin-container strong{color:#000;transition:color .3s ease-in-out}.admin-container.theme-dark strong{color:#fff}:root{font-family:ONY One,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;background:#fff;min-height:100vh;overflow:auto}#root{width:100%;margin:0;padding:0;min-height:100vh;overflow:auto}