*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.app-container{flex-direction:column;height:100vh;overflow:hidden;width:100vw}.app-container,.top-bar{background:#fff;display:flex}.top-bar{align-items:center;border-bottom:.2vw solid #000;flex-shrink:0;height:auto;max-height:100px;overflow:visible;padding:0;z-index:20}.pg-logo{display:grid;flex-shrink:0;image-rendering:pixelated;position:relative}.pg-logo-pixel{box-sizing:border-box}.title-pixel-letter{display:grid;flex-shrink:0;image-rendering:pixelated;position:relative}.title-pixel-cell{box-sizing:border-box}.top-bar-name{flex:1 1;min-width:0;padding:0 .5vw}.top-bar-anim-name{border-radius:3px;color:#000;cursor:pointer;display:block;font-size:clamp(12px,1.2vw,18px);font-weight:700;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:background .12s;white-space:nowrap}.top-bar-anim-name:hover{background:#f0f0f0}.top-bar-name-input{font-size:clamp(12px,1.2vw,18px);font-weight:700;outline:none;padding:2px 6px;width:100%}.top-bar-btn,.top-bar-name-input{background:#fff;border:.15vw solid #000;color:#000}.top-bar-btn{align-items:center;cursor:pointer;display:inline-flex;font-size:clamp(10px,1vw,14px);font-weight:600;gap:5px;height:100%;justify-content:center;max-height:100px;padding:4px 10px;transition:background .12s,color .12s;white-space:nowrap}.top-bar-btn:hover{background:#1abc9c;border-color:#1abc9c;color:#fff}.top-bar-btn.active{background:#000;border-color:#000;color:#fff}.file-menu-wrapper{height:100%;position:relative}.file-menu-wrapper .top-bar-btn{height:100%}.file-menu-dropdown{background:#000;box-shadow:0 .6vw 2vw #00000080;display:flex;flex-direction:column;left:0;min-width:100%;position:absolute;top:100%;z-index:100}.file-menu-item{border-bottom:.15vw solid #333;color:#fff;cursor:pointer;font-size:clamp(10px,1.2vw,14px);padding:.5vw;text-align:center;transition:background .1s;white-space:nowrap}.file-menu-item:last-child{border-bottom:none}.file-menu-item:hover{background:#1abc9c}.saving-indicator{animation:pulse 1s ease-in-out infinite;color:#888;font-size:clamp(9px,.8vw,12px);padding:0 .5vw;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.editor-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{background:#fefefe;border-right:.2vw solid #000;display:grid;flex-shrink:0;grid-template-rows:1fr auto;height:100%;overflow:hidden;position:relative;width:100px}.sidebar-tools{align-items:center;display:flex;flex-direction:column;gap:.5vw;min-height:0;overflow-y:auto;padding:.75vw 0}.sidebar-tools-label{color:#000;font-size:clamp(9px,.9vw,13px);font-weight:700;margin-bottom:.3vw;text-align:center}.tool-btn{align-items:center;background:#fff;border:.15vw solid #000;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:42px;justify-content:center;padding:0;transition:background .1s,color .1s;width:42px}.tool-btn:hover{background:#1abc9c;border-color:#1abc9c;color:#fff}.tool-btn.active,.tool-btn.active:hover{background:#000;color:#fff}.tool-btn.active:hover{border-color:#000}.sidebar-colors{background:#fff;border-top:.2vw solid #000;gap:0;padding:.4vw 0}.color-swatch-section,.sidebar-colors{align-items:center;display:flex;flex-direction:column}.color-swatch-section{border-bottom:.1vw solid #ddd;justify-content:center;padding:.4vw;width:100%}.color-swatch-section:last-child{border-bottom:none}.color-swatch-label{color:#000;font-size:clamp(8px,.7vw,11px);font-weight:700;margin-bottom:.25vw}.color-swatch{cursor:pointer;height:3vw;max-height:42px;max-width:42px;min-height:28px;min-width:28px;transition:box-shadow .1s;width:3vw}.color-swatch.active-swatch{box-shadow:0 0 1vw #000}.hidden-color-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.main-area{background:#f0f0f0;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.pixel-grid-container{cursor:crosshair;display:block;flex:1 1;overflow-x:hidden;overflow-y:auto;touch-action:none;-webkit-user-select:none;user-select:none}.pixel-grid{display:grid;flex-shrink:0}.pixel-cell{box-sizing:border-box;cursor:crosshair;transition:none}.timeline-panel{align-items:stretch;background:#fff;border-top:.2vw solid #000;display:flex;flex-shrink:0;height:120px;min-height:120px;overflow:hidden}.timeline-controls{background:#fefefe;border-right:.15vw solid #000;display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:center;min-width:120px;padding:8px 10px}.timeline-control-row{align-items:center;display:flex;gap:6px}.timeline-label{color:#000;font-size:clamp(9px,.8vw,12px);font-weight:600;white-space:nowrap}.timeline-input{background:#fff;border:.15vw solid #000;color:#000;font-size:12px;outline:none;padding:2px 4px;width:50px}.timeline-input:focus{border-color:#1abc9c}.timeline-btn{align-items:center;background:#fff;border:.15vw solid #000;color:#000;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:3px 8px;transition:background .1s,color .1s;white-space:nowrap}.timeline-btn:hover{background:#1abc9c;border-color:#1abc9c;color:#fff}.timeline-btn.active{background:#000;color:#fff}.timeline-frames{flex:1 1;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px;touch-action:pan-x}.frame-thumb,.timeline-frames{align-items:center;display:flex}.frame-thumb{background:#fafafa;border:.15vw solid #ccc;cursor:pointer;flex-direction:column;flex-shrink:0;gap:3px;padding:5px 5px 4px;position:relative;transition:border-color .12s}.frame-thumb:hover{border-color:#000}.frame-thumb.selected{background:#f5f5f5;border:.2vw solid #000}.frame-thumb-num{color:#666;font-size:9px;font-weight:600;line-height:1}.frame-duration-input{background:#fff;border:.1vw solid #ccc;color:#444;font-size:9px;outline:none;padding:1px 3px;text-align:center;width:52px}.frame-duration-input:focus{border-color:#000;color:#000}.frame-delete-btn{background:#0000;border:none;border-radius:2px;color:#999;cursor:pointer;font-size:9px;line-height:1;padding:1px 2px;position:absolute;right:2px;top:1px;transition:color .1s,background .1s}.frame-delete-btn:hover{background:#c00;color:#fff}.add-frame-btn{align-items:center;background:#fff;border:.15vw dashed #000;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:300;height:52px;justify-content:center;transition:background .1s,color .1s,border-color .1s;width:52px}.add-frame-btn:hover{background:#000;border-color:#000;border-style:solid;color:#fff}.anim-list-page{background:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.list-header{align-items:center;background:#fff;border-bottom:.2vw solid #000;display:flex;flex-shrink:0;height:auto;justify-content:space-between;max-height:100px;padding:0}.list-header-left{gap:0}.list-header-left,.list-header-tagline{align-items:center;display:flex;height:100%}.list-header-tagline{border-right:.15vw solid #000;color:#666;font-size:clamp(10px,1vw,14px);padding:0 1vw}.list-header-actions{align-items:stretch;display:flex;height:100%}.anim-grid-area{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:24px}.anim-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.anim-card{background:#fff;border:.15vw solid #000;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .12s,transform .1s}.anim-card:hover{box-shadow:4px 4px 0 #000;transform:translateY(-2px)}.anim-card-preview{align-items:center;background:#f0f0f0;border-bottom:.1vw solid #ccc;display:flex;justify-content:center;min-height:90px;padding:12px}.anim-card-info{flex:1 1;padding:8px 10px 4px}.anim-card-name{color:#000;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-card-meta{color:#666;font-size:10px;margin-top:2px}.anim-card-actions{border-top:.1vw solid #ccc;display:flex}.anim-card-btn{background:#fff;border:none;border-right:.1vw solid #ccc;color:#000;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px;transition:background .1s,color .1s}.anim-card-btn:last-child{border-right:none}.anim-card-btn:hover{background:#1abc9c;color:#fff}.anim-card-btn.danger:hover{background:#c00;color:#fff}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;padding:60px 24px;text-align:center}.empty-icon{min-font-size:32px;color:#000;font-family:monospace;font-size:3vw;font-weight:900;letter-spacing:-2px}.empty-state h2{color:#000;font-size:20px}.error-banner{background:#fff0f0;border:.15vw solid #c00;color:#c00;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.error-banner,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#0009;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border:.2vw solid #000;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;width:100%}.modal-sm{max-width:360px}.modal-header{align-items:center;background:#000;border-bottom:.15vw solid #000;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.modal-header h2{color:#fff;font-size:15px;font-weight:700}.modal-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;padding:2px 6px;transition:color .1s}.modal-close-btn:hover{color:#1abc9c}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-empty,.modal-loading{color:#666;padding:24px;text-align:center}.modal-error{background:#fff0f0;border-bottom:.1vw solid #fcc;color:#c00;padding:10px 16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{color:#444;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#fff;border:.15vw solid #000;color:#000;font-size:14px;outline:none;padding:7px 10px;transition:border-color .12s;width:100%}.form-input:focus{border-color:#1abc9c}.size-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.preset-btn{background:#fff;border:.15vw solid #000;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:background .1s,color .1s}.preset-btn.active,.preset-btn:hover{background:#000;color:#fff}.size-inputs{align-items:center;display:flex;gap:8px}.size-inputs .form-input{width:70px}.size-inputs span{color:#444;font-size:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.modal-btn{background:#fff;border:.15vw solid #000;color:#000;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:background .1s,color .1s}.modal-btn:hover{background:#1abc9c;border-color:#1abc9c;color:#fff}.modal-btn.primary{background:#000;color:#fff}.modal-btn.primary:hover{background:#1abc9c;border-color:#1abc9c}.modal-btn:disabled{cursor:not-allowed;opacity:.45}.import-list{flex:1 1;overflow-y:auto}.import-item{align-items:center;border-bottom:.1vw solid #eee;display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.import-item:last-child{border-bottom:none}.app-loading{align-items:center;background:#fff;color:#666;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#000;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.top-bar{max-height:none}.sidebar{width:10vw}.tool-btn{font-size:4vw;height:8vw;width:8vw}.color-swatch{height:8vw;max-height:none;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto;width:8vw}.top-bar-btn{font-size:2.5vw;padding:2px 6px}.timeline-panel{height:15vw;min-height:15vw}.timeline-controls{min-width:18vw}.file-menu-item{font-size:2vw}}
/*# sourceMappingURL=main.83bc20ef.css.map*/