.App,body{background-color:#121212;color:#f5f5f5;font-family:Segoe UI,Roboto,sans-serif;margin:0}.App header{background:#111;font-size:2rem;letter-spacing:4px;padding:20px 0;text-align:center;width:100%}.header-image{display:block;margin:0 auto;max-height:120px;width:auto}.info-tabs-top{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.info-tabs-top button{background-color:#1f1f1f;border:2px solid #f5f5f5;border-radius:12px;color:#f5f5f5;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 24px;transition:all .2s ease}.info-tabs-top button.active{background-color:#ff6f61;border-color:#ff6f61;transform:scale(1.05)}.info-tabs-top button:hover{background-color:#ff8574;border-color:#ff8574;transform:scale(1.05)}.main{display:flex;min-height:calc(100vh - 100px)}.gallery-column{grid-gap:15px;border-right:1px solid #333;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.gallery-column,.info-column{overflow-y:auto;padding:20px;width:50%}.thumbnail{border-radius:6px;cursor:pointer;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:100%}.thumbnail:hover{transform:scale(1.03)}.thumbnail.selected{box-shadow:0 0 0 3px #ff6f61}.art-frame{aspect-ratio:1/1;cursor:pointer;margin:20px auto;max-width:500px;position:relative;transition:transform .2s ease;width:100%}.art-frame:hover{transform:scale(1.02)}.frame-image{display:block;width:100%}.selected-art{border-radius:3px;height:78%;left:11%;object-fit:contain;position:absolute;top:11%;width:79%}.process-photos,.reference-photos,.story-section{margin-top:30px}.process-thumbnail{border-radius:4px;cursor:pointer;margin:5px;transition:transform .2s ease;width:80px}.process-thumbnail:hover{transform:scale(1.05)}.modal{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-image{border-radius:6px;box-shadow:0 0 30px #000c;max-height:90%;max-width:90%}.buy-button{background:#61dafb;border-radius:5px;color:#000;display:inline-block;font-weight:700;margin:15px 10px;padding:10px 20px;text-decoration:none;transition:background .2s ease}.buy-button:hover{background:#21a1f1}.app-footer{background:#111;border-top:1px solid #333;color:#ccc;font-size:.9rem;padding:20px;text-align:center}.cats-logo{border-radius:12px;box-shadow:0 4px 10px #0003;display:block;height:auto;margin:0 auto 15px;width:240px}.cats-logo:hover{transform:scale(1.05);transition:.2s ease}@media (max-width:800px){.main{flex-direction:column;height:auto}.gallery-column,.info-column{border-right:none;padding:10px;width:100%}}@media (max-width:600px){.example-pair{grid-template-columns:1fr}.selected-art{height:90%;left:5%;top:5%;width:90%}.art-frame{margin:15px auto;max-width:90%}.gallery-column{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.commission-panel{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;padding:20px 0}.commission-left,.commission-right{display:flex;flex-direction:column;gap:20px}.example-pair{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.commission-example{border-radius:6px;cursor:pointer;height:auto;object-fit:cover;transition:transform .2s ease;width:100%}.commission-example:hover{transform:scale(1.03)}.commission-form{display:flex;flex-direction:column;gap:15px}.commission-form label{display:flex;flex-direction:column;font-weight:700}.commission-form input,.commission-form select,.commission-form textarea{background:#222;border:1px solid #555;border-radius:6px;color:#f5f5f5;margin-top:5px;padding:10px}.commission-form button{align-self:flex-start;background:#61dafb;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:12px 24px}.mailto-form label{display:block;font-weight:700;margin-bottom:10px}.mailto-form input,.mailto-form select,.mailto-form textarea{border:1px solid #ccc;border-radius:3px;margin-top:3px;padding:6px;width:100%}.mailto-form button{background-color:#61dafb;border:none;color:#000;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 12px}.app-footer .social-links{display:flex;gap:15px;justify-content:center;margin-top:10px}.app-footer .social-icon{filter:invert(1);height:36px;transition:transform .2s ease,filter .2s ease;width:36px}.app-footer .social-icon:hover{filter:invert(.6) sepia(1) saturate(5) hue-rotate(330deg);transform:scale(1.1)}@media (max-width:900px){.commission-panel{gap:20px}.commission-panel,.example-pair{grid-template-columns:1fr}}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}
/*# sourceMappingURL=main.11b6f29d.css.map*/