@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#c8c8c8;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #1e1e1e;background:#0d0d0d;flex-shrink:0}.app-title{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#aaa}.tab-bar{display:flex;gap:2px}.tab-btn{background:none;border:1px solid transparent;color:#777;padding:5px 14px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.tab-btn:hover{color:#999;border-color:#2a2a2a}.tab-btn.active{color:#ccc;border-color:#333;background:#161616}.app-body{flex:1;display:flex;overflow:hidden}.designer{display:flex;width:100%;height:100%}.panel-left{width:360px;flex-shrink:0;border-right:1px solid #1a1a1a;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.panel-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;background:#080808}.section-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #222}.field{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:8px}.field label{font-size:11px;color:#777;letter-spacing:.5px;width:100px;flex-shrink:0;text-align:right}.field>*:not(label){flex:1;min-width:0}.cycle-field{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.cycle-field select{flex:1;min-width:0}.cycle-btn{background:#111;border:1px solid #2a2a2a;color:#666;width:22px;height:26px;flex-shrink:0;font-size:11px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0;line-height:1}.cycle-btn:hover{color:#aaa;border-color:#333;background:#1a1a1a}.field input[type=text],.field input[type=number],.field select{background:#111;border:1px solid #222;color:#ccc;padding:5px 8px;font-size:12px;border-radius:2px;outline:none;width:100%;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.field input[type=text]:focus,.field input[type=number]:focus,.field select:focus{border-color:#3a3a3a}.field-input-inline{background:#111;border:1px solid #222;color:#ccc;padding:2px 6px;font-size:11px;border-radius:2px;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none;color-scheme:dark;-moz-appearance:textfield}.field-input-inline:focus{border-color:#3a3a3a}.field-input-inline::-webkit-inner-spin-button,.field-input-inline::-webkit-outer-spin-button{-webkit-appearance:none}.field input[type=number]{-moz-appearance:textfield}.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.cert-grid{display:flex;flex-wrap:wrap;gap:6px}.cert-chip{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px;color:#777;background:#111;border:1px solid #222;padding:3px 8px;border-radius:2px;-webkit-user-select:none;user-select:none;transition:all .15s}.cert-chip input{display:none}.cert-chip.checked{color:#bbb;border-color:#383838;background:#181818}.btn{background:#141414;border:1px solid #2a2a2a;color:#999;padding:7px 14px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.btn:hover{color:#ccc;border-color:#3a3a3a;background:#1a1a1a}.btn.primary{border-color:#3a3a3a;color:#aaa}.btn.danger{border-color:#2a1a1a;color:#644}.btn.danger:hover{color:#c66;border-color:#533}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.logo-type-grid{display:flex;flex-wrap:wrap;gap:4px}.logo-type-btn{background:#111;border:1px solid #2a2a2a;color:#777;padding:4px 10px;font-size:10px;letter-spacing:.5px;cursor:pointer;border-radius:2px;transition:all .15s}.logo-type-btn:hover{color:#999;border-color:#2a2a2a}.logo-type-btn.active{color:#ccc;border-color:#333;background:#161616}.preview-wrap{display:flex;align-items:center;justify-content:center}.preview-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#444;text-align:center}.export-row{display:flex;gap:8px}.slideshow{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#040404}.slideshow-controls{display:flex;gap:8px;align-items:center}.slideshow-info{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#555}.about{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:48px 24px;background:#080808}.about-content{max-width:640px;width:100%;color:#888;line-height:1.7}.about-content h1{font-size:18px;font-weight:600;letter-spacing:1px;color:#bbb;margin-bottom:20px}.about-content h2{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#555;margin-top:32px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #1a1a1a}.about-content p{font-size:13px;margin-bottom:16px;color:#777}.about-content strong{color:#aaa;font-weight:600}.about-content ul{list-style:none;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.about-content ul li{font-size:13px;color:#666;padding-left:16px;position:relative}.about-content ul li:before{content:"—";position:absolute;left:0;color:#333}.about-content a{color:#888;text-decoration:underline;text-underline-offset:3px}.about-content a:hover{color:#bbb}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#222;border-radius:1px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#444;cursor:pointer}