.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;padding:24px;max-width:1800px;margin:0}.asset-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001a}.asset-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-thumbnail{width:100%;aspect-ratio:1;background:#eadfdf;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:500}.card-name{padding:16px;font-size:16px;font-weight:600;color:#333;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ebeaea;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:90vw;height:90vh;max-width:1200px;max-height:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.modal-title{font-size:30px;font-weight:500;color:#111}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;background:#c1bbbb;color:#0e0d0d;font-size:32px;line-height:1;border-radius:50%;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.modal-close:hover{background:#fff3}.viewer-wrapper{height:calc(100% - 56px);position:relative}.canvas-container{position:relative;height:100%;background:#c9c9c9;overflow:hidden}.viewer-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#fff;padding:6px 14px;border-radius:999px;font-size:13px;color:#666;box-shadow:0 4px 12px #00000026;pointer-events:none}.loading-spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1002;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner-container p{margin:0;font-size:16px;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;color:#000;padding:32px 24px;text-align:left;box-shadow:0 2px 8px #0000001a}.app-header h1{font-size:40px;font-weight:700;margin-bottom:8px}.app-header p{font-size:24px;opacity:.9}.app-main{flex:1;padding:24px 0}