.motif-uploader{max-width:1184px;margin:0 auto 44px;padding:38px;border:1px solid var(--linka);border-radius:22px;background:#f7f3ec}.uploader-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.upload-drop{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;border:1.5px dashed #b8a9c0;border-radius:16px;background:#fdfbf7;color:#5d5279;text-align:center;cursor:pointer}.upload-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-drop span{font-size:35px;line-height:1}.upload-drop b{font:700 13px system-ui,sans-serif}.upload-drop small{color:var(--mut);font:11px system-ui,sans-serif}.motif-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.motif-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#514a43;font:600 11px system-ui,sans-serif}.motif-controls input{grid-column:1/-1;width:100%;accent-color:#5d5279}.motif-controls output{color:#5d5279;font-weight:700}.surface-choice{grid-column:1/-1;display:flex;gap:9px}.surface-choice button,.remove-motif,.export-actions button{border:1px solid #cbbfd0;border-radius:999px;background:#fff;color:#5d5279;padding:11px 15px;font:700 10px system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}.surface-choice button[aria-pressed="true"],.export-actions button{background:#5d5279;border-color:#5d5279;color:#fff}.remove-motif{grid-column:1/-1;justify-self:start}.export-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.export-actions button:disabled{opacity:.42;cursor:not-allowed}.export-actions button:not(:disabled):hover{background:#4b4264;border-color:#4b4264}@media(max-width:900px){.motif-uploader{margin:0 28px 42px}.uploader-grid{grid-template-columns:1fr}.motif-controls{max-width:560px}}@media(max-width:560px){.motif-uploader{margin:0 12px 36px;padding:26px 16px;border-radius:16px}.motif-controls{grid-template-columns:1fr}.export-actions{display:grid;grid-template-columns:1fr}.export-actions button{width:100%}}