.project-folder-modal{width:min(1100px,calc(100vw - 32px));max-width:1100px;height:min(900px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden}
.project-folder-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
.project-folder-controls label{display:grid;gap:6px;flex:1;min-width:180px}
.project-folder-controls label>span{font-size:12px;color:var(--muted)}
.project-folder-controls select{width:100%;min-height:40px;border-radius:20px;padding:8px 14px;border:1px solid var(--line);background:var(--surface);color:inherit}
.project-folder-controls button{min-height:40px;border-radius:999px;display:inline-flex;gap:7px;align-items:center;justify-content:center}
.project-folder-controls svg{width:17px;height:17px}
.project-folder-note{font-size:12px;color:var(--muted);margin:0 0 12px}
.project-folder-preview{flex:1;min-height:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center}
.project-folder-preview>p{display:flex;align-items:center;gap:8px;padding:20px;color:var(--muted);text-align:center}
.project-folder-preview iframe{width:100%;height:100%;border:0;display:block}
.project-folder-modal .form-error{margin:0 0 12px}
@media(max-width:600px){.project-folder-modal{width:calc(100vw - 16px);height:calc(100dvh - 24px);padding:16px}.project-folder-controls{gap:8px}.project-folder-controls label{flex-basis:100%}.project-folder-controls button{flex:1;font-size:12px}.project-folder-modal>header h2{font-size:17px}}