.materials-workbench{max-width:960px;margin:auto}.material-drop{border:1px dashed #d7c8c1;border-radius:16px;background:#fffdfa;padding:30px;text-align:center;transition:background 180ms,border-color 180ms}.drop-symbol{width:42px;height:42px;display:grid;place-items:center;background:#f7ece6;color:#bb806b;border:1px solid #f0e1d8;border-radius:12px;margin:0 auto 13px}.drop-symbol svg{width:23px;height:23px}.material-drop h2{font-size:19px;margin:0 0 8px}.material-drop p{font-size:12px}.material-drop button{margin:18px 0 14px;padding:11px 21px}.material-drop small{display:block;font-size:10px;line-height:1.7;color:#a49a94}.material-categories{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.material-category{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color 180ms,background 180ms}.material-category header{height:auto;padding:18px;gap:12px;justify-content:flex-start;border-bottom:1px solid #f0f1f2}.material-type-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f5f6f7;color:#8b969e;flex-shrink:0}.material-category header>div{flex:1}.material-category h3{font-size:13px;color:#50565d;margin:0 0 5px}.material-category h3 small{font-size:10px;font-weight:400;color:#a1a7ad;margin-left:8px}.material-category header p{font-size:10px;margin:0}.material-category header button{font-size:11px;padding:7px 11px;border-color:#e4e6e8;white-space:nowrap}.material-files{padding:4px 18px;max-height:240px;overflow:auto;min-height:64px}.material-empty{font-size:11px;color:#adb1b5;margin:21px 0}.material-file{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f3f4f4}.material-file:last-child{border:0}.material-file>img{width:33px;height:38px;object-fit:cover;border-radius:4px}.material-file>svg{width:24px;color:#b0b6bc}.material-file>span{font-size:11px;overflow-wrap:anywhere;min-width:0}.material-file small{display:block;font-size:9px;color:#a0a5ab;margin-top:5px;font-family:var(--mono)}.material-footnote{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:10px;color:#8d949a;flex-wrap:wrap}.material-footnote>span:last-child{margin-left:auto;color:#a2a7ac}.material-progress{border:1px solid #dce7e8;background:#f3f8f8;border-radius:8px;padding:13px 16px;margin-top:14px;color:#65818a;font-size:12px;overflow-wrap:anywhere}.material-progress.has-error{color:#ad6754;background:#fcf4ef;border-color:#ead8cf}.material-category.drag-over,.material-drop.drag-over{border-color:var(--accent);background:#fdf0e9;box-shadow:0 0 0 3px #c9756010}.material-progress[hidden],select[data-studio-picker],.picker-options[hidden]{display:none!important}
.studio-picker{position:relative;min-width:0;flex:1}.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#fff;border:1px solid #e5e7e9;padding:9px 11px;text-align:left;font-size:12px;font-weight:400;min-width:0}.picker-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-trigger>svg{width:13px;height:13px;color:#a0a6ac;flex-shrink:0}.picker-trigger[aria-expanded=true]{border-color:#dab2a4;box-shadow:0 0 0 3px #c9756009}.picker-options{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(380px,85vw);max-height:280px;overflow:auto;background:#fffffff9;border:1px solid #e6e7e9;border-radius:10px;padding:5px;box-shadow:0 9px 24px #30343a13;z-index:300;backdrop-filter:blur(8px)}.picker-options button{display:block;width:100%;border:0;text-align:left;padding:10px 12px;white-space:normal;background:transparent;font-size:12px;font-weight:400;border-radius:5px}.picker-options button:hover,.picker-options button:focus-visible{background:#f5f6f6}.picker-options button[aria-selected=true]{background:#fcf0eb;color:#ad6855}.flow-topbar>.studio-picker{flex:none;width:130px}.flow-topbar .picker-trigger{border-color:transparent;background:transparent;color:#8e959c;font-size:12px}.flow-topbar .picker-options{left:auto;right:0}.preview-picker .studio-picker{width:240px;max-width:32vw}.preview-picker .picker-trigger{font-size:11px;padding:7px 9px}.preview-picker .picker-options{left:auto;right:0}.simple-editor{overflow:visible}.simple-toolbar{border-radius:14px 14px 0 0}.studio-left{border-radius:0 0 0 14px}.simple-side{border-radius:0 0 14px 0}.font-row .studio-picker{margin-top:8px}.toolbar>.studio-picker{max-width:220px}.row label>.studio-picker{margin-top:8px}.font-row .picker-options{max-width:190px}.material-categories button:focus-visible{outline:2px solid var(--accent)}
@media(max-width:700px){.material-drop{padding:23px 18px}.material-categories{gap:12px}.material-category header{padding:13px;gap:8px;flex-wrap:wrap}.material-category header>div{min-width:100px}.material-type-icon{width:28px;height:28px}.material-category header button{margin-left:auto}.material-files{padding:3px 13px}.material-footnote>span:last-child{margin-left:0}.preview-picker .studio-picker{max-width:34vw}.picker-options button{font-size:11px}}
@media(max-width:460px){.material-categories{grid-template-columns:1fr}.material-category header{flex-wrap:nowrap}.preview-picker .studio-picker{max-width:145px}.material-drop small{font-size:9px}}