#card-creation-page .studio-heading{align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:24px;margin-bottom:28px}
.design-new-button{border:1px solid #153d71;background:#153d71;color:white;padding:12px 22px;border-radius:6px;font:inherit;cursor:pointer;white-space:nowrap}
#card-creation-page .studio-lower{display:block}#card-creation-page .studio-drafts{border:0;padding:0;background:white}
:is(#studioDraftList,#localDraftList).design-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:22px 0 32px}
/* 空・読み込み中・エラーの文言は1列分の幅に押し込めず、全幅で表示する */
:is(#studioDraftList,#localDraftList).design-library-grid.is-empty{display:block}
.design-library-card{display:flex;flex-direction:column;border:1px solid #e1e5ea;border-radius:8px;overflow:hidden;color:#242930;text-decoration:none;background:white;transition:border-color .15s}
.design-library-card:hover{border-color:#5785b5}.design-library-card:focus-visible{outline:3px solid #5785b5;outline-offset:3px}
.design-library-preview{height:190px;background:#f3f5f7;position:relative;overflow:hidden;display:grid;place-items:center;color:#737b85;font-size:12px}
.design-library-canvas{position:absolute;left:50%;top:50%;transform-origin:center;box-shadow:0 3px 12px #0002}
.design-library-card>strong{margin:18px 18px 7px;overflow-wrap:anywhere}.design-library-card>small{margin:0 18px;color:#737b85}.design-library-action{margin:17px 18px;color:#174b83;font-size:14px}
.design-library-tools{display:flex;align-items:center;gap:14px}.design-library-tools button{background:white;border:1px solid #d9dfe5;border-radius:5px;padding:7px 12px;color:#505963;cursor:pointer}
#card-creation-page .studio-batch{padding:22px;border:1px solid #e1e5ea;background:#fafbfc;border-radius:7px}#card-creation-page .studio-batch h2{font-size:18px}
@media(max-width:600px){#card-creation-page .studio-heading{align-items:flex-start;gap:18px;flex-direction:column}:is(#studioDraftList,#localDraftList).design-library-grid{grid-template-columns:1fr}.design-library-tools{flex-wrap:wrap}}

.design-library-card{position:relative}
.design-library-delete{position:absolute;top:8px;right:8px;z-index:2;padding:5px 10px;border:1px solid #e1e5ea;border-radius:6px;background:rgba(255,255,255,.95);color:#b3261e;font-size:12px;line-height:1.2;cursor:pointer}
.design-library-delete:hover{background:#fdecea;border-color:#e8b4b0}
.design-library-delete:disabled{opacity:.6;cursor:default}