body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app-header{background:linear-gradient(90deg,#c41e3a,#8b0000 50%,#c41e3a);border-bottom:3px solid gold;box-shadow:0 4px 12px #00000080;padding:30px 20px;text-align:center}.app-header h1{font-size:2.5em;font-weight:700;margin:0;text-shadow:2px 2px 4px #000000b3}.app-header p{font-size:1.1em;margin:10px 0 0;opacity:.95}.app-container{display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1400px;padding:20px}.main-content{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:350px}.canvas-wrapper{align-items:center;background:#ffffff0d;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;padding:20px}.ship-canvas{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.sidebar{gap:20px;width:300px}.action-buttons,.sidebar{display:flex;flex-direction:column}.action-buttons{gap:10px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-transform:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.btn-primary:hover{box-shadow:0 6px 12px #ffd70066;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover{box-shadow:0 6px 12px #28a74566;transform:translateY(-2px)}.btn-load{background:#17a2b8;color:#fff;font-size:12px;padding:8px 12px;width:100%}.btn-load:hover{background:#138496}.btn-delete{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:background .3s ease;width:24px}.btn-delete:hover{background:#c82333}.designs-list,.save-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid gold;border-radius:8px;box-shadow:0 4px 6px #0000004d;padding:16px}.designs-list h3,.save-section h3{color:gold;font-size:16px;margin:0 0 12px}.design-name-input{background-color:#0f3460;border:2px solid gold;border-radius:4px;color:#fff;font-size:14px;margin-bottom:10px;padding:10px;transition:border-color .3s ease;width:100%}.design-name-input:focus{border-color:#ffed4e;box-shadow:0 0 8px #ffd7004d;outline:none}.designs-scroll{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.design-item{background:#0000004d;border:2px solid #0000;border-radius:6px;padding:12px;transition:all .3s ease}.design-item:hover{background:#ffd7001a;border-color:gold}.design-item.active{background:#ffd70026;border-color:gold}.design-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.design-name{flex:1 1;font-weight:500;word-break:break-word}.empty-message{color:#aaa;font-style:italic;margin:0;text-align:center}.designs-scroll::-webkit-scrollbar{width:8px}.designs-scroll::-webkit-scrollbar-track{background:#ffd7001a;border-radius:4px}.designs-scroll::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.designs-scroll::-webkit-scrollbar-thumb:hover{background:#ffed4e}@media (max-width:768px){.app-container{flex-direction:column;gap:12px;padding:12px}.sidebar{width:100%}.app-header h1{font-size:1.8em}.main-content{gap:12px;min-width:auto}.canvas-wrapper{padding:12px}.canvas-wrapper svg{height:auto;max-width:100%}.control-panel{padding:15px}.control-panel h3{font-size:16px;margin-bottom:15px}.control-group{margin-bottom:12px}.control-group label{font-size:13px;margin-bottom:6px}.select-input{font-size:13px;padding:7px 10px}.design-name-input{font-size:13px;padding:8px}.btn{font-size:13px;padding:10px 14px}.designs-list,.save-section{margin-bottom:10px;padding:12px}.designs-list h3,.save-section h3{font-size:14px;margin-bottom:10px}.design-item{padding:10px}.designs-scroll{max-height:300px}.color-input{height:35px;width:45px}.color-value{font-size:11px}}@media (max-width:430px){.app{min-height:100vh}.app-header{padding:20px 12px}.app-header h1{font-size:1.4em;margin:0}.app-header p{font-size:.9em;margin-top:8px}.app-container{gap:10px;max-width:100%;padding:10px}.main-content{gap:10px}.canvas-wrapper{padding:10px;width:100%}.ship-canvas{height:auto;max-width:100%;width:100%}.control-panel{padding:12px;width:100%}.control-panel h3{font-size:15px;margin-bottom:12px}.control-group{margin-bottom:10px}.control-group label{font-size:12px;font-weight:600}.select-input{border-width:1.5px;font-size:12px;padding:6px 8px}.design-name-input{font-size:12px;margin-bottom:8px;padding:6px 8px}.btn{font-size:12px;padding:9px 12px;width:100%}.btn-primary,.btn-success{margin-bottom:8px;width:100%}.save-section{margin-bottom:12px;padding:10px}.save-section h3{font-size:13px;margin-bottom:8px}.designs-list{padding:10px}.designs-list h3{font-size:13px;margin-bottom:8px}.designs-scroll{gap:8px;max-height:250px}.design-item{padding:8px}.design-header{margin-bottom:6px}.design-name{font-size:12px}.btn-load{font-size:11px;padding:6px 10px}.btn-delete{font-size:12px;height:22px;width:22px}.color-picker-wrapper{gap:8px}.color-input{height:32px;width:40px}.color-value{font-size:10px}.empty-message{font-size:12px}.action-buttons{gap:8px}}.control-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;padding:20px}.control-panel h3{color:#87ceeb;font-size:18px;margin:0 0 20px}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.color-picker-wrapper{align-items:center;display:flex;gap:10px}.color-input{border:none;border-radius:4px;cursor:pointer;height:40px;width:50px}.color-value{color:#aaa;font-family:monospace;font-size:12px}.select-input{background-color:#16213e;border:2px solid gold;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.select-input:focus,.select-input:hover{border-color:#ffed4e}.select-input:focus{box-shadow:0 0 5px #ffd7004d;outline:none}
/*# sourceMappingURL=main.9e63edef.css.map*/