@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");*{font-family:Rubik,sans-serif}:root{--primary-bg-color:#1a1a1a;--secondary-bg-color:#2d2d2d;--tertiary-bg-color:#3a3a3a;--text-color:#fff;--text-secondary:#ccc;--accent-color:#007bff;--accent-hover:#0056b3;--success-color:#4caf50;--success-hover:#45a049;--danger-color:#dc3545;--danger-hover:#c82333;--border-color:#555;--border-radius:8px;--padding-base:1rem;--margin-base:1rem;--shadow-light:0 2px 4px rgba(0,0,0,.1);--shadow-medium:0 4px 8px rgba(0,0,0,.2);--shadow-heavy:0 8px 16px rgba(0,0,0,.3);--transition-fast:0.2s ease;--transition-medium:0.3s ease}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;color:var(--text-color)}input[type=text]:not([class]),select:not([class]){width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}input[type=color]{width:50px;height:50px;padding:0;border:none;border-radius:4px;cursor:pointer}input[type=range]{width:100%}.subscriptioButton button:not([class*=tabButton]):not([class*=Modal]):not([class*=actionButton]){padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin:5px}button:not([class*=tabButton]):not([class*=Modal]):not([class*=actionButton]):hover{background-color:#6d4df8}.action-buttons{display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:100}.action-button{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:140px;text-align:center}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.preview{width:1080px;height:1920px;background:#fff;margin:20px auto;position:relative;border:1px solid #ddd;transform:scale(.3);transform-origin:top center}.draggable{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;padding:10px}body.dragging{overflow:hidden;position:fixed;width:100%}@media (max-width:1023px){.action-buttons{position:static;flex-direction:row;justify-content:center;transform:none;margin:20px 0;gap:8px}.action-button{min-width:100px;padding:10px 16px;font-size:12px}}@media (max-width:480px){.action-buttons{flex-direction:column;gap:8px}.action-button{min-width:120px;padding:8px 12px;font-size:11px}}@media (max-width:720px) and (max-height:1600px){input[type=color]{width:40px;height:40px;padding:1px}input[type=range]{height:40px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:40px;padding:0 12px;font-size:12px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:3px 0;color:#2c3e50}.preview{width:720px;height:1600px;margin:3px auto;position:relative;border:1px solid #ddd;transform:scale(.25);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:40px;padding:8px 16px;font-size:12px}}@media (min-width:721px) and (max-width:1080px) and (min-height:2340px) and (max-height:2400px){input[type=color]{width:44px;height:44px;padding:2px}input[type=range]{height:44px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:44px;padding:0 14px;font-size:14px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:4px 0;color:#2c3e50}.preview{width:1080px;height:2340px;margin:4px auto;position:relative;border:1px solid #ddd;transform:scale(.28);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:44px;padding:10px 18px;font-size:14px}}@media (min-width:721px) and (max-width:1080px) and (min-height:2640px) and (max-height:2640px){input[type=color]{width:46px;height:46px;padding:2px}input[type=range]{height:46px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:46px;padding:0 15px;font-size:14px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:4px 0;color:#2c3e50}.preview{width:1080px;height:2640px;margin:4px auto;position:relative;border:1px solid #ddd;transform:scale(.26);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:46px;padding:11px 19px;font-size:14px}}@media (min-width:1081px) and (max-width:1440px) and (min-height:3088px) and (max-height:3200px){input[type=color]{width:48px;height:48px;padding:2px}input[type=range]{height:48px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:48px;padding:0 16px;font-size:15px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:4px 0;color:#2c3e50}.preview{width:1440px;height:3120px;margin:5px auto;position:relative;border:1px solid #ddd;transform:scale(.22);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:48px;padding:12px 20px;font-size:15px}}@media (min-width:1081px) and (max-width:1440px) and (min-height:3216px) and (max-height:3216px){input[type=color]{width:50px;height:50px;padding:2px}input[type=range]{height:50px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:50px;padding:0 16px;font-size:15px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:4px 0;color:#2c3e50}.preview{width:1440px;height:3216px;margin:5px auto;position:relative;border:1px solid #ddd;transform:scale(.21);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:50px;padding:12px 20px;font-size:15px}}@media (max-width:480px){input[type=color]{width:36px;height:36px;padding:1px}input[type=range]{height:36px;padding:0}input[type=text]:not([class]),select:not([class]){width:100%;height:36px;padding:0 10px;font-size:11px;background-color:#f5f6fa;border:1px solid #ddd;border-radius:4px}input[type=text]:not([class]){margin:2px 0;color:#2c3e50}.preview{width:360px;height:640px;margin:2px auto;position:relative;border:1px solid #ddd;transform:scale(.8);transform-origin:top center}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]){min-height:36px;padding:6px 12px;font-size:11px}}@media (max-width:1023px) and (orientation:landscape){.preview{transform:scale(.2);margin:2px auto}button:not([class*=tabButton]):not([class*=Modal]):not([class*=action-button]),input[type=color],input[type=range],input[type=text]:not([class]),select:not([class]){font-size:13px}}@media (max-width:1023px){input[type=text]:not([class]),select:not([class]){font-size:16px}button:not([class*=tabButton]):not([class*=Modal]),input[type=color],input[type=range]{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}body{margin-bottom:0;padding-bottom:100px}.preview{margin-bottom:20px}.control-group{margin-bottom:10px}button:not([class*=tabButton]):not([class*=Modal]){margin-bottom:0}}button.blog-category-button{background-color:transparent!important;color:#151e41!important}button.blog-category-button:hover{background-color:rgba(0,0,0,.05)!important}