.module-creation{--module-surface:var(--panel);--module-text:var(--foreground);--module-muted:var(--text-muted);--module-line:var(--border);--module-accent:var(--primary);width:100%;min-width:0;color:var(--module-text);container-type:inline-size}.studio-view .module-creation{--module-surface:var(--studio-sidebar);--module-text:var(--studio-text);--module-muted:var(--studio-muted);--module-line:var(--studio-line);--module-accent:var(--studio-accent)}.module-creation h1{letter-spacing:-.025em;font-size:clamp(22px,4cqi,28px);font-weight:650;line-height:1.25}.module-creation header{margin-bottom:24px}.module-creation header p{margin-top:8px}.module-creation p{color:var(--module-muted);font-size:13px;line-height:1.65}.module-options-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.module-option{text-align:left;background:var(--module-surface);border:1px solid var(--module-line);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:20px;display:flex}.module-option>svg,.module-option>span{color:var(--module-accent)}.module-option h2{font-size:15px;font-weight:600}.module-option>span{align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.module-option:hover{border-color:var(--module-accent)}.module-option:disabled{cursor:not-allowed;opacity:.65}.module-option:disabled:hover{border-color:var(--module-line)}.module-option:focus-visible,.module-creation button:focus-visible{outline:2px solid var(--module-accent);outline-offset:3px}.module-upload{max-width:100%;margin:0}.module-upload-inner{width:100%;max-width:900px;margin-inline:auto}.module-creation .gradient-border-wrap{background:0 0;border-radius:8px;padding:0}.module-creation .gradient-border-wrap:before,.module-creation .gradient-border-wrap:after{display:none}.module-creation .gradient-border-inner{background:var(--module-surface);border:1px dashed var(--module-line);border-radius:8px}.module-creation .dragging .gradient-border-inner{border-color:var(--module-accent);background:var(--panel-hover)}.module-drop-empty{flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:clamp(20px,4cqi,36px);display:flex}.module-drop-empty>div:first-child{margin-block:-12px;transform:scale(.75)}.module-capabilities{color:var(--module-muted);flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:12px;display:flex}.module-capabilities>span{align-items:center;gap:6px;display:inline-flex}@container (max-width:420px){.module-upload-files{padding:16px!important}.module-upload-file{flex-wrap:wrap}.module-upload-file-name{overflow-wrap:anywhere;max-width:100%!important}}@media (prefers-reduced-motion:reduce){.module-creation *{transition:none!important;animation:none!important}}
