.design-library{padding-block:30px 80px}.design-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-block:1px solid var(--line,#d7d9d0);margin-bottom:28px}.design-library-toolbar label{display:flex;align-items:center;gap:12px;font-size:13px}.design-library-toolbar select{max-width:100%;padding:11px;border:1px solid #cdd2c8;background:transparent;border-radius:4px;font:inherit}.design-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-project{border:1px solid #d3d8ce;border-radius:9px;overflow:hidden;min-width:0;background:#fff}.design-project figure{margin:0;background:#e9ebe5}.design-project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.design-project figcaption{font-size:12px;padding:8px 16px;color:#576359}.design-project-body{padding:24px;overflow-wrap:anywhere}.design-project h2{font-size:25px;line-height:1.2;margin:9px 0 14px}.design-project-detail{font-size:14px;min-height:42px;line-height:1.6}.design-project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px}.design-project-actions>.button{width:100%;white-space:normal;text-align:center}.design-project details{font-size:13px;min-width:0}.design-project details[open]{width:100%}.design-project summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding-block:9px}.design-project form{display:grid;gap:12px}.design-project label{display:grid;gap:8px}.design-project input{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #a9b4a8;font:inherit}.design-project form button{justify-self:start}.design-library-empty{max-width:590px;margin:50px auto;padding:36px;border:1px solid #c8d2c2;text-align:center;border-radius:8px}.design-library-empty h2{font-size:32px}.design-library-empty p{line-height:1.7}.design-library-status{min-height:24px;font-size:14px;overflow-wrap:anywhere}.design-library-note{max-width:720px;font-size:14px;line-height:1.7}.design-library [hidden]{display:none!important}.design-library-toolbar p{font-size:13px;margin:0}.saved-design-link{font-size:13px;text-underline-offset:4px}.maker-save-row{flex-wrap:wrap}.maker-save-row a{align-self:center}@media(max-width:960px){.design-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.design-project-grid{grid-template-columns:1fr}.design-library-toolbar{align-items:flex-start;flex-direction:column}.design-library-toolbar label{width:100%;flex-wrap:wrap}.design-library-toolbar select{flex:1;min-width:0}.design-project-body{padding:20px}.design-library-empty{padding:24px}}

.design-library-toolbar{flex-wrap:wrap}.design-library-toolbar label{white-space:normal;flex:1;min-width:220px;flex-direction:column;align-items:stretch;gap:8px}.design-library-toolbar select{min-width:0}.design-library-toolbar input{width:100%;min-width:0;padding:11px;border:1px solid #cdd2c8;background:transparent;border-radius:4px;font:inherit}.design-project-actions>.outline{font-size:12px}.design-library-toolbar p{align-self:flex-end;padding-bottom:12px}@media(max-width:600px){.design-library-toolbar label{min-width:0}.design-library-toolbar p{align-self:flex-start;padding:0}}
