a{text-decoration:none;color:inherit}#drawing-index{max-width:800px;padding:-.5rem 2.5rem;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;-webkit-font-smoothing:antialiased}#drawing-index h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#1c1c1e;letter-spacing:-.03em}#drawing-index .subtitle{color:#8e8e93;margin:0 0 2rem;font-size:.9rem}#drawing-index .ctrl-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem;flex-wrap:wrap}#drawing-index .total-count{font-size:.82rem;color:#aaa;margin-right:auto}#drawing-index .search-box{flex:1;min-width:160px;position:relative}#drawing-index .search-box input{width:100%;padding:7px 14px 7px 36px;border:1.5px solid #e5e5e5;border-radius:20px;font-size:.82rem;color:#333;background:#fff;outline:none;transition:border-color .18s;font-family:inherit;box-sizing:border-box}#drawing-index .search-box input:focus{border-color:#ff4500}#drawing-index .search-box input::placeholder{color:#bbb}#drawing-index .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:#bbb;pointer-events:none}#drawing-index .sort-select{padding:7px 32px 7px 14px;border:1.5px solid #e5e5e5;border-radius:20px;font-size:.82rem;font-weight:600;color:#555;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;outline:none;transition:border-color .18s;font-family:inherit}#drawing-index .sort-select:focus{border-color:#ff4500}#drawing-index .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}#drawing-index .card{border:1px solid #eef0f2;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 8px #00000005;transition:box-shadow .25s,transform .25s}#drawing-index .card:hover{box-shadow:0 8px 28px #00000021;transform:translateY(-3px)}#drawing-index .card-thumb{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative;flex-shrink:0}#drawing-index .card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}#drawing-index .card:hover .card-thumb img{transform:scale(1.07)}#drawing-index .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.82) 0%,rgba(10,10,10,.38) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1rem .9rem;opacity:0;transition:opacity .3s ease;pointer-events:none}#drawing-index .card:hover .card-overlay{opacity:1}#drawing-index .overlay-title{font-size:.9rem;font-weight:700;color:#fff;line-height:1.4;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#drawing-index .overlay-meta{font-size:.72rem;color:#ffffffbf;font-family:SF Mono,Consolas,monospace}#drawing-index .card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;flex-grow:1}#drawing-index .card-title{font-size:.95rem;font-weight:600;color:#1c1c1e;line-height:1.4;margin-bottom:4px}#drawing-index .card-tool{font-size:.78rem;color:#8e8e93;margin-bottom:4px}#drawing-index .card-date{font-size:.75rem;color:#c7c7cc;font-family:SF Mono,monospace;margin-top:auto;padding-top:8px}#drawing-index .empty{text-align:center;padding:3rem 0;color:#aaa;font-size:.9rem}@media(max-width:768px){#drawing-index{padding:2rem 1.25rem}#drawing-index .cards{grid-template-columns:1fr;margin-left:-1.25rem;margin-right:-1.25rem;gap:.75rem}#drawing-index .card{position:relative;overflow:hidden;border-radius:0}#drawing-index .card-thumb{height:240px!important}#drawing-index .card-body{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:linear-gradient(to top,rgba(10,10,10,.88) 0%,rgba(10,10,10,.45) 65%,transparent 100%);color:#fff}#drawing-index .card-title{color:#fff!important;font-size:1.05rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}#drawing-index .card-tool,#drawing-index .card-meta{color:#ffffffb3!important;padding-top:4px}}