.keepsake-builder-container{color:#c5c6c7;background-color:#0b0c10;width:100%;min-height:calc(100vh - 80px);font-family:Inter,sans-serif;display:flex}.ks-sidebar{z-index:10;background-color:#1f2833;border-right:1px solid #ffffff0d;flex-direction:column;width:350px;padding:30px;display:flex;overflow-y:auto;box-shadow:2px 0 20px #00000080}.ks-sidebar h2{color:#66fcf1;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #66fcf133;margin-bottom:25px;padding-bottom:15px;font-size:24px;font-weight:700}.ks-control-group{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:25px;padding:15px}.ks-control-group label{text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.ks-control-group input[type=text],.ks-control-group select{color:#fff;background-color:#0b0c10;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px;transition:all .3s}.ks-control-group input[type=text]:focus,.ks-control-group select:focus{border-color:#66fcf1;box-shadow:0 0 10px #66fcf133}.ks-control-group input[type=range]{accent-color:#66fcf1;width:100%;margin-top:5px}.ks-checkbox-group{cursor:pointer;background:#0003;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;margin-bottom:25px;padding:15px;display:flex}.ks-checkbox-group input{accent-color:#66fcf1;cursor:pointer;width:20px;height:20px}.ks-checkbox-group label{color:#fff;cursor:pointer;margin-bottom:0;font-size:14px}.btn-export{color:#0b0c10;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#66fcf1 0%,#45a29e 100%);border:none;border-radius:8px;margin-top:auto;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #66fcf14d}.btn-export:disabled{opacity:.5;cursor:not-allowed;color:#888;background:#444}.ks-canvas-area{background:radial-gradient(circle,#1f2833 0%,#0b0c10 100%);flex-direction:column;flex:1;display:flex;position:relative}.view-toggles{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;gap:10px;padding:10px;display:flex;position:absolute;top:20px;left:20px}.ks-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.ks-btn.active{color:#0b0c10;background:#66fcf1}.ks-btn:not(.active){color:#fff;background:#333}.ks-btn:not(.active):hover{background:#444}@media (max-width:900px){.keepsake-builder-container{flex-direction:column}.ks-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:50vh}.ks-canvas-area{min-height:50vh}}